Contents

将Hugo博客主题修改为LoveIt

调研

首先,在调研了好几个blog tools之后,还是hugo作为静态博客,优势巨大。主题方面,mogege已经很久没人维护了。

Hugo 主题推荐

对比了一些主题之后,主要在blowfish和LoveIt中挑选。

对比 blowfish LoveIt
URL https://github.com/nunocoracao/blowfish https://github.com/dillonzq/LoveIt
中文文档
特性 集成 Firebase、集成性能优化的 Youtube 卡片简码、支持 Fathom Analytics 和 Google Analytics 、多语言(更偏向国际化) 支持基于 APlayerMetingJS 的内嵌音乐播放器、支持内嵌 Bilibili 视频、扩展 Markdown 语法、支持自定义样式的 shortcode、一键复制代码到剪贴板、支持更多的社交链接网站分享评论系统桌面端/移动端 响应式布局、多语言
star 量 ../../tools/blowfish.png ../../tools/LoveIt.png

修改

各方面对比LoveIt更适合我一点,那么开始动手修改。(LoveIt比河豚名字也好听啊)

首先是主题修改

主题文档 - 基本概念

  • 直接把这个主题克隆到 themes 目录
    •  git clone https://github.com/dillonzq/LoveIt.git themes/LoveIt
      

嵌入音乐

可以直接在md文件中加入shortcode,参考主题文档 - music Shortcode 这一点比mogege主题方便很多,不需要改源码。 shortcode中可以添加参数,例如autoplay

扩展Shortcodes

参考 LoveIt主题扩展Shortcodes

感受

事实说明LoveIt有点对不起它的名字,感觉一堆bug的样子。shortcode看起来还是很酷的,但是如果大量使用的话,如果再切换到别的主题就会犯难了。 网易云音乐本地调试时候不能及时加载。上了贼船,先试试,不行再切换回去。