本文记录了使用githubpages搭建博客的开荒历程。

欢迎大家到jekyll的模版网站上挑选心仪的模版。

使用githubpages搭建博客

MEOWORLD使用的模版是LOFFER 并且进行了大量魔改。

LOFFER的作者提供了几乎不需要代码基础就可以配置博客的教程，非常值得一试。

其中一个关键步骤是修改_config.yml，注意在url后面写入你的网站名。

在windows上运行jekyll

有了jekyll之后就可以直接在本地预览网页的效果，而不再需要上传到github之后再等待约10min才能看到修改结果。

在摸了半天坑以后，我主要参考这篇博客

简单来说是先下载Rubyinstaller ，注意这里一定要安装完整的三个组件，否则后续安装jekyll时会报错。

然后就都是命令行操作了，首先gem install jekyll bundler，然后gem install githubpages（这个可能不是必要的步骤），需要等待相当的时间才能安装完毕。

接下来cd到你存放有_config.yml等一系列文件的文件夹中，然后jekyll server，如果一切顺利，你直接在浏览器里输入地址就可以看到网页了。

如果没有顺利运行，那么恭喜你！你遇到大麻烦了！

借助bundle debug

为了debug，我cd到合适的位置，命令行输入jekyll new testblog，创建一个新的文件夹，然后cd进去，再次输入jekyll server

这里出现了一行非常关键的报错cannot load such file – webrick，通过搜索引擎我找到了解决方法，输入bundle add webrick

然后再次jekyll serve就成功运行了testblog。

接下来我们cd回到个人博客的文件夹再次jekyll serve，就运行成功啦！

魔改记录

界面布局

因为深感导航栏占据屏幕面积太大，不方便阅读，所以改窄了一些。这一部分修改都在style.scss文件夹中。我改动了wrapper-sidebar和wrapper-conten所占的百分比，然后修改了toc的部分属性使目录能够保持紧贴左侧。相应地，我还修改了头像图片大小site-avatar，和nav中的文字大小。

配色

需要修改_sass/_variables.scss。

换上了我心爱的小焰头像，我把主题色从teal改成了cyan，并且用头像里的颜色修补了一些边边角角的地方。

我第一次见到这张小焰图片的时间大约是2015年，是从一个壁纸app上收下的。当时年纪太小不太重视版权。

后来我多次尝试用以图搜图的方式寻找原始图片，得到了一些线索。

此处显示画师茨乃的p站id是67388，虽然p站里没有这张小焰的图片，但是画风依稀可辨。

插入图片

如果用github做图床，尽量用相对地址插入图片，比如/images/xxx.jpg。

起初我发现手机和ipad无法正常显示图片，而电脑看是正常的。询问众多大佬，结论是dns的问题。电脑正常是因为我一般都挂梯子……

域名raw.githubusercontent.com在国内是无法解析的，可以通过挂梯子或者修改host文件解决。用F12看的话会发现报错ERR_NAME_NOT_RESOLVED（可恶，手机和ipad都没有F12）。

参考这篇知乎文章，我在host文件里加了下面四行（2021.2.9）。

140.82.113.3      github.com 
185.199.108.153   assets-cdn.github.com 
199.232.69.194    github.global.ssl.fastly.net
199.232.96.133    raw.githubusercontent.com

Gitalk

登录后出现Error: Request failed with status code 403，参考这篇博客，添加proxy(2021.2.14)。