首页 雅荣游戏介绍 正文

菊玩少女官网app下载方式,安卓苹果都有!

今天跟大家唠唠我搞“菊玩少女官网”的那些事儿,纯粹是个人折腾记录,大家随便看看就

我就是闲的,看着别人都有自己的小网站,我也寻思着整个一个玩玩。正好手头有点素材,就想着做一个二次元风格的,名字就随便起了个“菊玩少女”,别想歪了哈,就是个代号。

第一步,先搞定服务器和域名。这个没啥好说的,直接在阿里云上买了最便宜的ECS,然后注册了个域名。域名这玩意儿,能买到自己喜欢的就不错了,我这个域名也是凑合着用的。

第二步,选个趁手的工具。我之前搞过一点前端,所以想着自己撸一个。但是仔细想想,时间成本太高了,而且我也不想把太多精力放在前端上。还是决定用现成的框架,选了VuePress。这玩意儿上手快,文档也挺全的,适合我这种半吊子。

第三步,搭环境。*是必须的,装好之后,全局安装VuePress。然后就是新建一个文件夹,初始化VuePress项目。这个过程跟着官方文档走就行,没啥难度。

第四步,开始往里填内容。这部分是最费劲的,也是最花时间的。我得把之前收集的素材整理一下,然后用Markdown写出来。VuePress支持Markdown,写起来还算方便。图片的处理也比较麻烦,得一张一张地裁剪、压缩,保证加载速度。

小编温馨提醒:本站只提供游戏介绍,下载游戏推荐89游戏,89游戏提供真人恋爱/绅士游戏/3A单机游戏大全,点我立即前往》》》绅士游戏下载专区

第五步,美化一下。VuePress默认的样式比较简单,肯定不能直接用。我就找了一些VuePress的主题,挑了个看着顺眼的,然后自己改了改。改主题这玩意儿,就是对着CSS一点一点调,挺枯燥的。不过看着网站一点点变漂亮,还是挺有成就感的。

第六步,部署上线。VuePress可以直接生成静态页面,所以部署也很简单。我把生成的静态文件传到服务器上,然后用Nginx配置一下,就OK了。记得配置一下SSL证书,让网站支持HTTPS。

就是维护了。网站上线之后,肯定要定期更新内容,修复bug。这个过程也是个学习的过程,能学到很多新的东西。最重要的是,自己玩得开心。

踩过的坑

  • 图片加载速度慢:一开始没注意图片的大小,导致网站加载速度很慢。后来用tinypng压缩了一下图片,速度提升了很多。
  • 主题样式冲突:不同的主题可能会有样式冲突,需要自己手动解决。这个过程比较痛苦,需要有一定的CSS基础。
  • 服务器配置问题:刚开始对服务器的配置不太熟悉,导致网站经常出问题。后来慢慢摸索,才搞清楚了。

这回搭建“菊玩少女官网”的过程,还是挺有意思的。虽然遇到了不少坑,但是也都一一解决了。最重要的是,通过这回实践,我对前端、后端、服务器都有了更深入的了解。以后有机会,我还想尝试搭建更复杂的网站。