水月小筑

@叶知秋

今儿的风,甚是喧嚣。

  • 北京 | 东城
  • https://yezheng.fun
  • 网站已被续

叶知秋

  • 日常
  • # blog
  • 3174 字

我的博客之路

如果把社交媒体的个人空间也算作博客的话,我的博客之路最早可追溯至初中时代,初中时的班花在当时的我看来是我们那旮旯最前沿最 fashionable 的存在,记得第一次在PC端访问她的QQ空间时,顿时被其华丽的空间装扮以及特效惊艳到了,时至今日,我已记不大清那个 UI 的具体样式,只记得是暗黑系风格以及专属那个时代的非主流风,配着淅淅沥沥的小雨,鼠标箭头是丘比特之箭,滑动还有星辰轨迹特效,就是现在估计也能一下击中我的审美。那一刻,我的心里就埋下了一个种子,等我有了电脑,待我技术高超,也要弄这玩意。

后来,初二的暑假,我有了一个短暂接触电脑的时期(电脑是别人的),玩空间的时候,发现了空间商城里的自定义样式,用的是 flash 这种现在已被淘汰了的技术,当时的我对 flash 的粗略认知也就是小学信息技术教材里提到的电脑制作动画软件和4399小游戏都要用到的一项插件。

也不知哪来的念头,我坚定地认为她的空间里那些漂亮的东西,不是商城里那些别人设计好的黄钻专享付费主题,而是就是通过上述途径 DIY 的。当时的我就展现了与现在瞎折腾一样的思路 —— “遇事不决百度之”。我上网查了相关资料,就开始着手定制空间,那种 flash 元素需要去其他网站下载模板素材,下载素材是件麻烦事,加上那台电脑也不是我的,我能玩的时间也不多,最后并没有拼凑出我心里那个理想的 UI 就不了了之了。我现在的空间装扮用的是一款黄钻主题,也是暗黑系,不能说没受当年审美的影响。黄钻是某年过年腾讯发红包送的七天,早已过期,但主题还能用,只要你不修改。

第三方服务终究限制太多,不仅是QQ空间,包括博客园、CSDN 这些,依然受制于人,自由度不高,狭义的博客应该是指私人网站这类,我正式开始折腾个人网站式的博客起源于18年上半年刚开学的时候,那天我一如既往地在考研群里水或看别人水。

3月24日晚,一群人突然聊起了博客,有位兄台提出了用 Hexo + Github 可以免费建站,并把他写的教程发到了群里。一听建博客成本几乎为零且操作非常简单,我立马把他的教程收藏了,这就是为何我还能记得那天的具体日期,我们日常使用手机,各种操作痕迹也能帮助我们回忆起哪段时间干了哪些事,以后复阅还别有一番风味,所以不是特殊情况最好别删历史记录。

说干就干,花了一个晚上把博客搞好并美化,假模假样写几篇技术水文放在里面,然后打开浏览器输入网址,供自己欣赏,当时十分享受这个玩意带来的快感。但久而久之,就审美疲劳了,后来因为有其他更重要的事,就再没理会过它了……

同年五月份,我跟研友聊起专业课时说我搭了个博客网站,正要给他看时,却加载个半天也没加载出来,还挺尴尬的。之后的日子里,感觉访问 GitHub 越来越慢,我就更加不愿意打开它了。

眨眼间时间就到了19年上半年,注意,此时我的前端水平仍然为零,我的 Hexo 主题用的是非常著名的 NexT ,是某位大佬自己修改重新DIY样式的 NexT 主题,正好他把博客源码也分享出来了,我就一股脑照搬过来了,结果自然是打开控制台一片红色,需要自己改的地方太多了,修改的过程也学习到了一些零碎前端知识,大部分该改的我都改成自己的了,如果还有剩下就触及到我知识盲区了。

后来,到了六月份,我陆续使用了 DiasporaSakura 等多款主题,都是非常漂亮的主题,也都移植于知名开源WP主题,前者是「素锦」,后者是「樱花庄的白猫」。

暑假又尝试了另一款静态框架:jekyll,并使用了一款非常惊艳的主题 Persephone。这是我唯一还愿意用 jekyll 的因素,感觉这玩意真没 Hexo 好用。折腾 jekyll 的过程见于我这篇文章:「jekyll 折腾记」

同年,八月底。那时,我刚刚粗略地系统过了一遍 HTML,我正想找点练手的事情实践实践,突发奇想要不制作一款 Hexo 主题吧,当时我又看中了某个更漂亮的主题,但是这款是WP主题,还是付费的,原作者官网早就失效了,相当于有价无市(乱用成语不要在意),售价¥69,真的性价比相当高了。既然买不到,要不我把它移植到 Hexo 平台自用吧!我自知仅凭目前所掌握的知识不可能从0开始开发出一款主题,好在有主题买家的网站在,让一切有了可能。

当时的我并不能意识到这件事的难度,抱着试一试的态度就开始了,幸得老天爷垂怜,我做成了。本来就只是个头脑一热的想法,没想到这么顺利。我先是上网找教程资料:“如何制作 Hexo 主题”,最后确立了下列参考网页:

然后,我将该主题某使用者的网站每一页用浏览器的保存网页保存到本地,剩下的事情就简单了,只是做起来很琐碎、麻烦。

Hexo 的主题运行机制,我是参考官方文档了解到部分的,掌握了这个,再了解下 ejs 引擎的语法,就开始了“制作”过程。这样做主题真的挺简单,css、js 不用你写,只需把 HTML 填充到特定的模板文件,加以修改就能组成主题了。最后只花了两天时间就基本做好了,后续几个月都在不断完善的路上……

自打我移植成功一个主题以后,我对过去十分膜拜的将 WP、Typecho 上知名主题移植到静态平台的移植主题作者失了敬畏,写这些主题的 CSS、JavaScript 的原作者才是大佬啊!!现在我已经把 CSS 基础知识系统过了一遍,但要让我自己设计,然后写几千行的样式文件以及那些复杂的 js 逻辑,想想就觉得是不可能完成的事。

在捣鼓博客这一块,我的宗旨是能免费就用免费的,最初同大家一样,折腾 Hexo 时就是托管在 GitHub Pages,可惜服务器在美国,国内访问速度太慢了。后来发现了国内最著名两大代码托管平台:码云Coding,两者都试了。Coding 综合最好,提供免费的推送部署、自定义域名以及 HTTPS 认证,GitHub 有的优点他都有,而且国内访问速度很快,但却有个致命缺陷 —— 老是宕机,这不,我部署在 Coding 的网站又打不开了,已经持续两天了。码云的效果更好,至今从未宕机过,它的缺点是 Coding 免费提供的那三个我十分需要的功能,它都不提供,只有购买¥99/年的Pro版才有。所以就很烦,他们二者要是能互补一下就好了。

昨晚上网搜了一下,有人还推荐了百度、华为、阿里的代码托管,可惜我试了试发现都不是啥好玩意,百度那个效率云好不容易把认证通过后,建了项目,里面空白一片,什么按钮都没有,像是没做好就放出来了一样;阿里云代码托管平台从阿里云首页进去我都找不到入口,还是靠别人链接进的,UI 也与首页大不相同,还是阿里多年前的设计风格,所以我怀疑这个站点早被阿里放弃了。好不容易把代码上传上去,结果发现这个根本没有 Pages 的功能,遂也无功而返。

最后,在 VE2X 论坛,发现了几种从未接触的方案:

方案一 Netlify 加速 GitHub Pages

这个方法去年折腾 jekyll 时就在 Persephone 主题作者 叶夕青兮 那里见识过了,但是我从没想过要去尝试用一下这个。网上都说,GitHub Pages 访问太慢,用 Netlify 就能解决,我也比较纳闷,两个都是美国网站,为什么能加速捏。昨晚我也试了下,相比之前的纯 GitHub,这玩意的确速度快一点,但是依然很慢啊,远没有网上说得那么好,算是一个相对操作较为简单、综合来看最折中的办法了,前面提的那些基本功能都是免费的,可以忍受稍慢一些速度的可以采用此方法。

方案二 云平台对象存储

国内最大的两家云服务平台当属腾讯云和阿里云,他们各自的对象存储服务分别叫 COSOSS。昨晚已初步尝试了阿里云 OSS,新建一个 Bucket,地点选香港(如果选中国内地地区,则后面绑定自定义域名时须是备案的,否则不可用,腾讯COS 也是如此),然后将 Hexo 生成的 public 文件夹整个丢进这个存储桶,并在 OSS 基础设置-静态页面那里设置好选项,绑定好域名,就可正常访问,速度感人。

用了一段时间发现,方案二还是有个问题,可能是因为地域选择香港的缘故,网站会时不时一直处于加载状态,须手动再刷新一次方又能正常访问,这个 bug 发生的频率还不低,对某些人来说,这个问题可能是致命性的,不过于我还算凑合。选择内地 Bucket 可能就不会有这个问题了吧,但是那要备案的域名,备案又要买服务器,真是无解了。

目前我觉得最好的方案就是方案二了,如果每天访问量不大,用这个足够了,一年可能一块钱都要不到。