将Hugo博客主题修改为LoveIt
Contents
调研
首先,在调研了好几个blog tools之后,还是hugo作为静态博客,优势巨大。主题方面,mogege已经很久没人维护了。
对比了一些主题之后,主要在blowfish和LoveIt中挑选。
| 对比 | blowfish | LoveIt |
|---|---|---|
| URL | https://github.com/nunocoracao/blowfish | https://github.com/dillonzq/LoveIt |
| 中文文档 | ✅ | ✅ |
| 特性 | 集成 Firebase、集成性能优化的 Youtube 卡片简码、支持 Fathom Analytics 和 Google Analytics 、多语言(更偏向国际化) | 支持基于 APlayer 和 MetingJS 的内嵌音乐播放器、支持内嵌 Bilibili 视频、扩展 Markdown 语法、支持自定义样式的 shortcode、一键复制代码到剪贴板、支持更多的社交链接、网站分享和评论系统、桌面端/移动端 响应式布局、多语言 |
| star 量 | ![]() |
![]() |
修改
各方面对比LoveIt更适合我一点,那么开始动手修改。(LoveIt比河豚名字也好听啊)
首先是主题修改
- 直接把这个主题克隆到 themes 目录
-
git clone https://github.com/dillonzq/LoveIt.git themes/LoveIt
-
嵌入音乐
可以直接在md文件中加入shortcode,参考主题文档 - music Shortcode 这一点比mogege主题方便很多,不需要改源码。 shortcode中可以添加参数,例如autoplay
扩展Shortcodes
感受
事实说明LoveIt有点对不起它的名字,感觉一堆bug的样子。shortcode看起来还是很酷的,但是如果大量使用的话,如果再切换到别的主题就会犯难了。 网易云音乐本地调试时候不能及时加载。上了贼船,先试试,不行再切换回去。

