Hello World - Hugo博客搭建笔记

Hello World

无法忍受hexo的速度，故换到hugo，使用主题为PaperMod。

各种参考源

感谢互联网，让本前端菜鸡也能尽可能找到自己想要的实现方式。

• hugo-PaperMod 官方文档（个人感觉不是很全，出现问题先去issue找）

• LoveIt 挺好看的一个主题，各项功能也很完善，但是我还是喜欢PaperMod多一点

  • admonition 支持。（实际代码来自hugo-backup）
  • bilibili 视频引入。 （已删除）

• Sulv’s Blog 使用了PaperMod的一个博客，做了许多修改，文章合集。

  • 侧边toc栏，文章链接。（效果不太满意) 其css代码有bug，建议参考最初来源，修改后使用。
  • twikoo移植，参考代码的添加方式。（目前为hugo-backup的实现方式）
  • friend-link 页面样式。

• hugo-backup 一个基于PaperMod的定制主题。

  • fontawsome 直接copy了代码。
  • 侧边go to buttom按钮。
  • twikoo 评论区样式。

• Mathjax 数学公式渲染(已更换为KaTex Wiki)

• Source Code Pro 代码字体(已调整默认为Monaco字体，使用经过woff2格式压缩。)

• favicon.io 网站图标

  This favicon was generated using the following font:

  • Font Title: Lexend Zetta
  • Font Author: Copyright 2019 The Lexend Project Authors (https://github.com/googlefonts/lexend)
  • Font Source: http://fonts.gstatic.com/s/lexendzetta/v22/ll8uK2KYXje7CdOFnEWcU8synQbuVYjYB3BCy9bG0z5jbs8qbts.ttf
  • Font License: SIL Open Font License, 1.1 (http://scripts.sil.org/OFL))

• highlight.js 使用highlight.js提供代码高亮，官方的chroma实在简陋了

  • atom-one-dark.min.css 目前出了点问题，和预期的效果有点出入
  • 使用chroma，主题为Dracula。

• cdnjscdn支持了twikoo.js和KeTex。

• hugo-encryptor 使用参考link(未实现)

• hsingko 一个使用同主题的博客。

  • 参考，字体与dark时的配色。

TODO

• failed 尝试用pandoc渲染（不行就算了，等会了再来）
• 筛选旧博客，剔除/修改部分低创内容，与主题相适应。
• failed 更换字体，并解决Mathjax字体大小同全局字体的冲突
• permalinks修改，正在考虑换域名一事
• failed 内容加密，类似hexo-blog-encrypt的实现方式
• deleted img lazyload（暂时用不到）
• deleted bilibili视频引入。（受到b站api限制，画面质量太低，准备清除）
• 寻找更好的侧边toc实现方式。
• 使用 <!-- more --> 自动摘要
• 解决移动端Mathjax公式过长带来的问题
• 修复cases大括号断裂 (已替换为svg格式显示)
• 解决code块出现黑色背景色的问题，恢复圆角显示
• deleted 停用hugo官方提供的chroma，使用highlight.js高亮代码
• twikoo 评论邮箱自动通知部署
• 更换适合国内网络环境的cdn，或者放在本地（次之）。包含twikoo, mathjax。

测试

Math

When $a \ne 0$, there are two solutions to $(ax^2 + bx + c = 0)$ and they are $$x = {-b \pm \sqrt{b^2-4ac} \over 2a}.$$

测试较长公式的处理

• 行内公式（使用$...$）

$A=B=A=B=A=B=A=B=A=B=A=B=A=B=A=B=A=B=A=B=A=B=A=B=A=B=A=B$

• 行间公式（使用$$...$$）

$$ A=B=A=B=A=B=A=B=A=B=A=B=A=B=A=B=A=B=A=B=A=B=A=B=A=B=A=B $$

Admonition

Highlight

1
2
3
4
5
6

#include <iostream>

int main() {
	std::cout << "Hello World!" << std::endl;
	return 0;
}