Hugo 和 PaperMod主题的小功能

2022-03-14

1. 将hack字体CDN link 引入 head

最简单的方法是把hack字体的CDN地址引入head.

<link rel="stylesheet" href="//cdn.jsdelivr.net/npm/hack-font@3.3.0/build/web/hack.css">

接下来就是找到正确的地方。
在看某些教程的时候，我非常困惑，文件地址到底是根目录下，还是theme下面的文件？

我们最终的目的是把上面的link放到在index.html的<head></head>部分，所以需要找到post是在哪里render成head的。
我们发现theme/partials里面有一个head.html，确实可以修改这里，但我们最好不要修改原来的主题，否则很难维护，PaperMod主题在partials里配备了可供用户自定义的文件extend_head.html。

找到 根目录/themes/PaperMod/layouts/partials/extend_head.html，插入上面的link即可：

{{- /* Head custom content area start */ -}} 
<link rel="stylesheet" href="//cdn.jsdelivr.net/npm/hack-font@3.3.0/build/web/hack.css">
{{- /* Insert any custom code
(web-analytics, resources, etc.) - it will appear in the<head></head> section of every page. */ -}} {{- /* Can be overwritten by partial with the same
name in the global layouts. */ -}} {{- /* Head custom content area end */ -}}

引入成功，接下来需要找到相关的css文件修改。

修改CSS

找到 themes/PaperMod/assets/css/extended ，这个文件夹下有一个blank.css文件，和extend_head.html一样，也是为了给用户添加自定义stylesheet。

你可以在blank.css中添加如下代码，也可以新建一个，如custom_style.css的新文件，it’s all up to you：

pre,code{
  font-family: "hack", monospace;
}

2. 添加sub sections

没有sub sections的文章，就会像Archive里面的文章，没有分类地排列，如图： archives

如果想要按照分类展示文章，可以添加sub sections。

Hugo目录结构

content
└── blog        <-- Section, 因为是content的子目录
    ├── funny-cats
    │   ├── mypost.md
    │   └── kittens         <-- Section, 因为包含_index.md
    │       └── _index.md
    └── tech                <-- Section, 因为包含 _index.md
        └── _index.md

总之，如果想增加sub sections，需要在文件夹里添加一个_index.md文件

观察一下目录结构我们可以发现，无论是添加 /funny-cats/ 还是 tech 副目录，里面都会包含至少一个_index.md，在Section下依然可以添加sub section，如kittens

3. 添加 cover image

front matter:

cover:
    image: "图片地址"
    # 可以直接用外链
    # ex. https://i.ibb.co/K0HVPBd/paper-mod-profilemode.png
    alt: ""
    caption: ""
    relative: false # 使用相对路径，不过相对路径比较tricky...

当你使用相对路径，就默认将图片放到Hugo的Page Bundle中，会自动为你生成好几个size的图片。

减少博客生成时间，可以取消自适应图片的功能：
```
params:
cover:
    responsiveImages: false
```

4. 添加”bb点啥”页面

有点像在自家QQ空间留言板自言自语的一个功能，貌似由木木木木木开发。

按着文章整就行啦，也参考了一下Bore’s Notes的文章。