jekyll折腾记

这十几天,我把正业都荒废了,一直在漫无边际没头没脑地“搞博客”。我一直钟情的静态博客平台是HEXO,而就在前几天,具体忘了是什么原因,让我决定去尝试一下jekyll。

按照官方文档,终于把环境配置好了,虽然过程中还是出了些问题。又尝试了官网上大量自认为好的主题,一番下来后,jekyll给我的感觉就是 很出乎意料,很不方便,与HEXO相去甚远,加之那些主题也并没有多么惊艳,于是就放弃了使用jekyll折腾博客。

18号晚上,那天我又在尝试WordPress搭博客,我正在某主题网站看WP主题,这些都不重要,重要的是在机缘巧合之下,让我看到了叶夕青兮,有意思的是该博客主题persephone并非是WP主题,而是基于jekyll平台,而这个网站设计得实在是太惊艳了,当时我就心动了,折腾jekyll的动力立刻又有了。

因为上次已经了解过了,且环境也配置好了,这一次把主题源代码文件撸下来以后只要几个命令就好了:

bundle install
bundle exec jekyll serve

当我把一切调好,把它部署到免费静态博客托管平台(GitHub、Coding、码云)上时,本地运行良好而到了远端就不行了。

一开始是网站根目录设置不对。GitHub上如果项目名称不是username.github.io,pages就会分配一个username.github.io/reponame/这样的域名;在coding上,只要账号不是第一次部署博客到pages服务,域名也会是username.coding.me/reponame/这样的;而码云无论你是不是第一次,它的pages服务永远分配一个username.gitee.io/reponame/的域名。这些问题都可以通过在站点目录下_cinfig.yml文件中添加baseurl参数解决。而后面出现的问题就触及我的知识盲区了,上网查也没查出个所以然,最终我选择绕道走。

第一个问题是因为根目录链接不对,网站加载不出js、css导致网页内容乱码了而已,而解决了该问题后,直接进不去网站了,进度条永远在不停地转圈,打开F12调试,看到是main.js文件中某某结构出了问题,我直接把报错信息输入搜索引擎也没找到类似问题,就因为这个无法解决的问题,这个博客搭建也搁浅到了19号,我实在不甘心放弃,因为那个主题实在是太好看了,19号上午,因为一个突发奇想导致我能直接绕过了那个bug,成功搭站。

我想起之前折腾的时候,有个主题就是通过本地bundle exec jekyll serve,得到_site文件夹,然后将该文件夹部署到远端服务器。想到这,我就拿它也试了试,居然……成功了!

以上就是本次捯饰本站博客的大致历程,有一些细节略去不提,因为我自己也不大记得了~