对比博客从 Jekyll 到 Hugo, 魔改了主题

[xguox]

最近感冒了烧脑的功夫干不来, 只好顺手把博客从 Jekyll 迁移到了 Hugo

Hugo: https://xguox.me/

Jekyll: https://xguox.coding.me/

迁移的原因主要是 Jekyll 每次修改一点啥几乎已经不能实时浏览效果了, 差不多两百篇(一大堆流水账)每次都至少跑三秒左右.

原本 Jekyll 的主题用的是 https://github.com/renyuanz/leonids/ (自己简单做了一些修改), 看了一圈 Hugo 的主题, 文章页都挺好的, 但是首页却大都不太喜欢. 于是, 基于https://github.com/olOwOlo/hugo-theme-even 对着原本的主题暴力魔改了一番, 主要是首页, 字体, 标签细节样式, 移动端适配, 然后加上了搜索功能. 因为不是专业前端, 主题开发, 之所以说是魔改, 很多自定义样式写的很随意.

Hugo 的优势自然是生成速度快, 基本上保存了就能看到了. Hugo 的这个主题还有个优势是图片的浏览, 点击全屏幻灯片播放的功能都自带了. Jekyll 那个要实现又得自己去折腾了. 不过 Hugo 也有劣势吧: 就目前最不舒服的是, 文章的文件名不能带上日期, 排序起来...好吧, 几乎没排序 (带上日期会在 url 也有日期, 除非手动写 slug 吧, Jekyll 可以自动屏蔽文件名的日期)

另外 github pages 对 Jekyll 的支持比 Hugo 好, Hugo 按官方的操作还得起两个 repos.

手机端的图就不放了占页面.

[uucloud]

挺好看的，不会改的哭了

[CEBBCAT]

提点行文上的建议：
1. 像 https://github.com/renyuanz/leonids/ 这样的网址可以使用 Markdown 的 []() 标记处理，阅读可以更顺畅，相信你也会
2. 听别人说过一个词叫 提纲挈领 ，到您这篇帖子上就是可以加小标题和段落主旨句，这也是为了读者所考虑的

[xguox]

@CEBBCAT
多谢建议, 关于第二点，可能是习惯了一个人自说自话的形式，并不是那种教程式的角度，所以，小标题之类的操作总是忽视了,

本身 hugo 的这个主题也自带有根据标题自动生成目录结构的功能的, 从读者角度看也能舒服不少, 然而我还是直接关掉了 = 。 = 争取以后的文章多点用起来小标题.

[JackieMe]

前阵子刚迁移到 Hugo，早有你这个主题就不自己折腾该主题了。我也不懂前端 CSS HTML 这些，都是看别人的一点点改的，痛苦死了。
至于本地文件名加上日期这个肯定是可以做到的，我用 R 下的 blogdown 都是自动在前面加日期。可以参考这个主题：[yihui/hugo-ivy]( https://github.com/yihui/hugo-ivy)

[xguox]

@JackieMe 嗯，应该是可以做到的，但是就是得自己折腾研究一下。

[yaokun9527]

啊。。。Jekyll 到 200 篇就会卡顿吗。。。

[iwtbauh]

实时预览效果这么重要吗。
我写 markdown 都是大脑渲染。

[xguox]

@yaokun9527 少量时候估计也没有 Hugo 来得快

@iwtbauh 大部分时候是的，但是只要遇上想实时的时候就会要等了，比如尤其改主题样式