又换主题了,这回使用的是hugo-theme-stack,无意发现这款主题,正合我意,够简单,最重要的是支持本地搜索,再不用弄哪个Alogia了。

下载主题&更新主题

  1. 下载主题
1
2
git init
git submodule add https://github.com/CaiJimmy/hugo-theme-stack/ themes/hugo-theme-stack
  1. 更新主题
1
git submodule update --remote

查看主题版本号

1
2
3
4
git show 查看当前版本
----------------------------------------------------------------
git tag 列出所有版本号
git checkout +某版本号 (你当前文件夹下的源码会变成这个版本号的源码)

config.yaml配置文件

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
baseurl: /
languageCode: zh-CN
theme: hugo-theme-stack
paginate: 10
title: Bore's Notes

# Change it to your Disqus shortname before using
# disqusShortname:

# GA Tracking ID
googleAnalytics:

# Theme i18n support
# Available values: en, fr, id, ja, ko, pt-br, zh-cn, zh-tw, es, de, nl, it, th, el, uk
DefaultContentLanguage: zh-cn

# Set hasCJKLanguage to true if DefaultContentLanguage is in [zh-cn ja ko]
# This will make .Summary and .WordCount behave correctly for CJK languages.
hasCJKLanguage: true

permalinks:
post: /archives/:slug/
page: /:slug/

# whether to use emoji code
enableEmoji: true

params:
mainSections:
- post
featuredImageField: image
rssFullContent: true
favicon: /img/favicon.png

footer:
since: 2020
customText:

dateFormat:
published: 2006-01-02
lastUpdated: 2006-01-02

sidebar:
emoji: 🍥
subtitle: 博观而约取,厚积而薄发
avatar:
enabled: false
local: true
src: img/avatar.jpg

article:
math: false
toc: true
readingTime: false
license:
enabled: false
default: Licensed under CC BY-NC-SA 4.0
edit:
enabled: true

comments:
enabled: true
provider: waline

disqusjs:
shortname:
apiUrl:
apiKey:
admin:
adminLabel:

utterances:
repo:
issueTerm: title
label: utterances
theme: dark-orange

remark42:
host:
site:
locale:

vssue:
platform:
owner:
repo:
clientId:
clientSecret:
autoCreateIssue: false

# Waline client configuration see: https://waline.js.org/en/reference/client.html
waline:
serverURL: https://your-domain.vercel.app
lang: zh-CN
visitor: false
avatar: mp
emoji:
- https://cdn.jsdelivr.net/gh/walinejs/emojis/weibo
requiredMeta:
- nick
- mail
placeholder: 欢迎评论
locale:
admin: 博主

twikoo:
envId: https://twikoo-lake.vercel.app
region:
path:
lang:

giscus:
repo:
repoID:
category:
categoryID:
mapping:
lightTheme:
darkTheme:
reactionsEnabled: 1
emitMetadata: 0

gitalk:
owner:
admin:
repo:
clientID:
clientSecret:

cusdis:
host:
id:

widgets:
enabled:
- search
- categories
- tag-cloud
- archives

archives:
limit: 10000

tagCloud:
limit: 10000

categoriesCloud:
limit: 10000

opengraph:
twitter:
# Your Twitter username
site:

# Available values: summary, summary_large_image
card: summary_large_image

defaultImage:
opengraph:
enabled: false
local: false
src:

colorScheme:
# Display toggle
toggle: true

# Available values: auto, light, dark
default: auto

imageProcessing:
cover:
enabled: true
content:
enabled: true

### Custom menu
### See https://docs.stack.jimmycai.com/configuration/custom-menu.html
### To remove about, archive and search page menu item, remove `menu` field from their FrontMatter
menu:
main:
- identifier: home
name: 首页
url: /
weight: -100
pre: home
params:
### For demonstration purpose, the home link will be open in a new tab
newTab: false
icon: home
# social:
# - identifier: github
# name: GitHub
# url: https://github.com/iwyang
# params:
# icon: brand-github

# - identifier: twitter
# name: Twitter
# url: https://twitter.com
# params:
# icon: brand-twitter

related:
includeNewer: true
threshold: 60
toLower: false
indices:
- name: tags
weight: 100

- name: categories
weight: 200

markup:
goldmark:
renderer:
## Set to true if you have HTML content inside Markdown
unsafe: true
tableOfContents:
endLevel: 4
ordered: true
startLevel: 2
highlight:
noClasses: false

archetypes默认模板

1
2
3
4
5
6
7
8
9
10
11
title: "{{ replace .TranslationBaseName "-" " " | title }}"
slug: ""
description: ""
date: {{ .Date }}
lastmod: {{ .Date }}
draft: false
toc: true
weight: false
image: ""
categories: [""]
tags: [""]

显示右侧工具栏分类目录

参考 https://github.com/CaiJimmy/hugo-theme-stack/issues/169

  1. Create categories.html in layouts/partials/widget
1
2
3
4
5
6
7
8
9
10
11
12
13
14
<section class="widget tagCloud">
<div class="widget-icon">
{{ partial "helper/icon" "categories" }}
</div>
<h2 class="widget-title section-title">{{ T "widget.categoriesCloud.title" }}</h2>

<div class="tagCloud-tags">
{{ range first .Site.Params.widgets.categoriesCloud.limit .Site.Taxonomies.categories.ByCount }}
<a href="{{ .Page.RelPermalink }}" class="font_size_{{ .Count }}">
{{ .Page.Title }}
</a>
{{ end }}
</div>
</section>
  1. 修改 config.yaml
1
2
3
4
5
6
widgets:
enabled:
- categories

categoriesCloud:
limit: 20
  1. 网站根目录新建\i18n\zh-CN.yaml
1
2
3
4
widget:
categoriesCloud:
title:
other: 分类
  1. Download categories.svg paste to assets/icons, from here

注意:可以按需删除图标。

文章底部添加在 GitHub 上编辑此页

  1. 拷贝主题目录/layouts/partials/article/components/footer.html到网站根目录,修改为:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
<footer class="article-footer">
{{ partial "article/components/tags" . }}

{{ if and (.Site.Params.article.license.enabled) (not (eq .Params.license false)) }}
<section class="article-copyright">
{{ partial "helper/icon" "copyright" }}
<span>{{ default .Site.Params.article.license.default .Params.license | markdownify }}</span>
</section>
{{ end }}

{{ if and (.Site.Params.article.edit.enabled) (not (eq .Params.edit false)) }}
<section class="article-edit">
{{ partial "helper/icon" "external-link" }}
<span><a style="color: inherit;" href="https://github.com/iwyang/iwyang.github.io/edit/develop/content/{{ replace .File.Path "\\" "/" }}" target="_blank" rel="noopener noreferrer">在 GitHub 上编辑此页</a></span>
</section>
{{ end }}

{{- if ne .Lastmod .Date -}}
<section class="article-lastmod">
{{ partial "helper/icon" "clock" }}
<span>
{{ T "article.lastUpdatedOn" }} {{ .Lastmod.Format ( or .Site.Params.dateFormat.lastUpdated "Jan 02, 2006 15:04 MST" ) }}
</span>
</section>
{{- end -}}
</footer>
  1. 编辑config.yaml
1
2
3
4
5
6
7
8
9
article:
math: false
toc: true
readingTime: true
license:
enabled: false
default: Licensed under CC BY-NC-SA 4.0
edit:
enabled: true

以后只要在Frontmatter添加edit: false来关闭。

  1. 拷贝external-link.svg图标到网站根目录/assets/icons下。图标地址:点击直达

自动更新文章最后修改时间

config.yaml里写:

1
2
frontmatter:
lastmod: [":fileModTime", "lastmod"]

如果加上”:git”,就可以读取 git 推送的时间。不过貌似这样设置后,会更新所有文章的更新时间。解决方法:Hugo | 以正确姿势自动添加文章最后更新时间

PS:还是手动更改更新时间简单,之所以本地预览最后更新于是对的,原因在于github actions出现了问题,要解决问题只有参照上面的解决方法,我选择手动更改更新时间

隐藏页脚的最后更新于

1
2
3
4
5
<style>
.article-footer {
display: none;
}
</style>

删除相关文章、分类图片,修改相关文章数目

删除相关文章图片

根目录assets/scss/partials/layout/article.scss

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
.related-contents {
overflow-x: auto;
padding-bottom: 15px;

& > .flex {
float: left;
}

article {
margin-right: 15px;
flex-shrink: 0;
overflow: hidden;
width: 250px;
height: 80px; //改为80
box-shadow: var(--shadow-l2); //加个卡片阴影

.article-title {
font-size: 1.4rem; //改为1.4
margin: auto;
justify-content: center; //居中
}

删除分类图片

根目录assets/scss/partials/layout/list.scss

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
.subsection-list {
margin-bottom: var(--section-separation);
overflow-x: auto;

.article-list--tile {
display: flex;
padding-bottom: 15px;

article {
width: 200px; //改爲200px
height: 50px; //改爲50px
margin-right: 5px; //改爲5px
flex-shrink: 0;
box-shadow: var(--shadow-l2); //改个卡片阴影

.article-title {
margin: 0;
font-size: 1.5rem; //改爲1.5rem,調整字體尺寸
}

.article-details {
padding: 20px;
justify-content: center; //添加justify-content設定,保持字體居中
}

}
}
}

修改相关文章数目

根目录layouts/partials/article/components/related-contents.html

1
{{ $related := (where (.Site.RegularPages.Related .) "Params.hidden" "!=" true) | first 3 }}  //修改数字即可

数字设为0,即关闭相关文章

加入字数统计、站点总字数统计

加入字数统计

1.直接用阅读时间改的,图标路径为根目录assets\icons

根目录layouts\partials\article\components\details.html

1
2
3
4
5
6
7
8
9
    {{ if .Site.Params.article.readingTime }}
<div>
{{ partial "helper/icon" "pencil" }}
<time class="article-words">
{{ .WordCount }} 字
</time>
</div>
{{ end }}
</footer>

2.然后在config.yaml中加入一行,以正确显示中文字符数量

1
hasCJKLanguage: true

3.config.yaml中确保readingTime: true

站点总字数统计

1.根目录layouts\partials\footer\footer.html里写上总字数参数

1
2
3
4
{{$scratch := newScratch}}
{{ range (where .Site.Pages "Kind" "page" )}}
{{$scratch.Add "total" .WordCount}}
{{ end }}

2.根目录layouts\partials\footer\footer.html

1
2
3
4
5
6
7
<section class="copyright">
&copy;
{{ if and (.Site.Params.footer.since) (ne .Site.Params.footer.since (int (now.Format "2006"))) }}
{{ .Site.Params.footer.since }} -
{{ end }}
{{ now.Format "2006" }} Bore's Blog<br>共 {{ div ($scratch.Get "total") 1000.0 | lang.FormatNumber 2 }}k 字 · 共 {{ len (where .Site.RegularPages "Section" "post") }}篇文章</br><span><p>
</section>

PS:如果加入站点总字数统计Github Action部署到服务器就会变慢。

添加友情链接 shortcodes

  1. 网站根目录新建文件layouts\page\links.html

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    {{ define "body-class" }}article-page keep-sidebar{{ end }}
    {{ define "main" }}
    {{ partial "article/article.html" . }}

    <div class="article-list--compact links">
    {{ $siteResources := resources }}
    {{ range $i, $link := $.Site.Data.links }}
    <article>
    <a href="{{ $link.website }}" target="_blank" rel="noopener">
    <div class="article-details">
    <h2 class="article-title">
    {{- $link.title -}}
    </h2>
    <footer class="article-time">
    {{ with $link.description }}
    {{ . }}
    {{ else }}
    {{ $link.website }}
    {{ end }}
    </footer>
    </div>

    {{ if $link.image }}
    {{ $image := $siteResources.Get (delimit (slice "link-img/" $link.image) "") | resources.Fingerprint "md5" }}
    {{ $imageResized := $image.Resize "120x120" }}
    <div class="article-image">
    <img src="{{ $imageResized.RelPermalink }}" width="{{ $imageResized.Width }}" height="{{ $imageResized.Height }}"
    loading="lazy" data-key="links-{{ $link.website }}" data-hash="{{ $image.Data.Integrity }}">
    </div>
    {{ end }}
    </a>
    </article>
    {{ end }}
    </div>

    {{ if or (not (isset .Params "comments")) (eq .Params.comments "true")}}
    {{ partial "comments/include" . }}
    {{ end }}

    {{ partialCached "footer/footer" . }}

    {{ partialCached "article/components/photoswipe" . }}
    {{ end }}
  2. 网站根目录新建文件\layouts\shortcodes\link.html

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    {{$URL := .Get 0}}
    {{ with .Site.GetPage $URL }}
    <div class="post-preview">
    <div class="post-preview--meta" style="width:100%;">
    <div class="post-preview--middle">
    <h4 class="post-preview--title">
    <a target="_blank" href="{{ .Permalink }}">{{ .Title }}</a>
    </h4>
    <time class="post-preview--date">{{ .Date.Format ( default "2006-01-02") }}</time>
    {{ if .Params.tags }}
    <small>{{ range .Params.tags }}#{{ . }}&nbsp;{{ end }}</small>
    {{ end }}
    <section style="max-height:105px;overflow:hidden;" class="post-preview--excerpt">
    {{ .Summary | plainify}}
    </section>
    </div>
    </div>
    </div>
    {{ end }}
    1. 网站图像放在网站根目录\assets\link-img\文件夹下。
    2. 网站根目录新建文件\data\links.json
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    50
    51
    52
    53
    54
    55
    56
    57
    58
    59
    60
    61
    62
    63
    64
    65
    66
    67
    68
    69
    70
    71
    72
    73
    74
    [
    {
    "title": "Upptime",
    "website": "https://iwyang.github.io/check",
    "image": "upptime.jpg",
    "description": "利用Github Actions查看网站运行状态。"
    },
    {
    "title": "ConstOwn",
    "website": "https://blog.juanertu.com",
    "image": "constown.jpg",
    "description": "能与你一起成长,我荣幸之至。"
    },
    {
    "title": "小丁的个人博客",
    "website": "https://tding.top",
    "image": "ding.jpg",
    "description": "世间所有的相遇,都是久别重逢。"
    },
    {
    "title": "Xu's Blog",
    "website": "https://hasaik.com",
    "image": "xu.jpg",
    "description": "简单不先于复杂,而是在复杂之后。"
    },
    {
    "title": "知行志",
    "website": "https://baozi.fun",
    "image": "zhi.jpg",
    "description": "Halo Theme Xue作者。"
    },
    {
    "title": "Takagi",
    "website": "https://lixingyong.com",
    "image": "takagi.jpg",
    "description": "Takagi是啥呀??当然是最喜欢的Takagi了吖ヾ(≧∇≦*)ゝ"
    },
    {
    "title": "千与千寻",
    "website": "https://www.chihiro.org.cn",
    "image": "qian.jpg",
    "description": "所以,看不到光,算是不幸吗?需要光才是真正的不幸吧。"
    },
    {
    "title": "Bill Yang's Blog",
    "website": "https://blog.bill.moe",
    "image": "bill.jpg",
    "description": "这辈子都不可能更新的 。"
    },
    {
    "title": "Sanarous's Blog",
    "website": "https://bestzuo.cn",
    "image": "sanarous.jpg",
    "description": "Dream it possible, make it possible"
    },
    {
    "title": "JACK小桔子的小屋",
    "website": "https://jackxjz.top/",
    "image": "jack.jpg",
    "description": "一个分享科技/日常的网站。"
    },
    {
    "title": "若只如初见",
    "website": "https://joyli.net.cn/",
    "image": "ruo.jpg",
    "description": "世间所有的相遇,都是久别重逢。"
    },
    {
    "title": "大大的小蜗牛",
    "website": "https://eallion.com/",
    "image": "eallion.jpg",
    "description": "机会总是垂青于有准备的人。"
    }
    ]

5.调整布局,设置友情链接为双栏:

修改根目录/assets/scss/custom.scss

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
//友情链接双栏
@media (min-width: 1024px) {
.article-list--compact.links {
display: grid;
grid-template-columns: 1fr 1fr;
background: none;
box-shadow: none;

article {
background: var(--card-background);
border: none;
box-shadow: var(--shadow-l2);
margin-bottom: 8px;
border-radius: 10px;
&:nth-child(odd) {
margin-right: 8px;
}
}
}
}

添加音乐短代码

1.网站根目录新建文件layouts\shortcodes\music.html

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
{{- $scratch := .Page.Scratch.Get "scratch" -}}
<!-- require APlayer -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/aplayer/dist/APlayer.min.css">
<style type="text/css">.dark-theme .aplayer{background:#212121}.dark-theme .aplayer.aplayer-withlist .aplayer-info{border-bottom-color:#5c5c5c}.dark-theme .aplayer.aplayer-fixed .aplayer-list{border-color:#5c5c5c}.dark-theme .aplayer .aplayer-body{background-color:#212121}.dark-theme .aplayer .aplayer-info{border-top-color:#212121}.dark-theme .aplayer .aplayer-info .aplayer-music .aplayer-title{color:#fff}.dark-theme .aplayer .aplayer-info .aplayer-music .aplayer-author{color:#fff}.dark-theme .aplayer .aplayer-info .aplayer-controller .aplayer-time{color:#eee}.dark-theme .aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon path{fill:#eee}.dark-theme .aplayer .aplayer-list{background-color:#212121}.dark-theme .aplayer .aplayer-list::-webkit-scrollbar-thumb{background-color:#999}.dark-theme .aplayer .aplayer-list::-webkit-scrollbar-thumb:hover{background-color:#bbb}.dark-theme .aplayer .aplayer-list li{color:#fff;border-top-color:#666}.dark-theme .aplayer .aplayer-list li:hover{background:#4e4e4e}.dark-theme .aplayer .aplayer-list li.aplayer-list-light{background:#6c6c6c}.dark-theme .aplayer .aplayer-list li .aplayer-list-index{color:#ddd}.dark-theme .aplayer .aplayer-list li .aplayer-list-author{color:#ddd}.dark-theme .aplayer .aplayer-lrc{text-shadow:-1px -1px 0 #666}.dark-theme .aplayer .aplayer-lrc:before{background:-moz-linear-gradient(top, #212121 0%, rgba(33,33,33,0) 100%);background:-webkit-linear-gradient(top, #212121 0%, rgba(33,33,33,0) 100%);background:linear-gradient(to bottom, #212121 0%, rgba(33,33,33,0) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#212121', endColorstr='#00212121',GradientType=0 )}.dark-theme .aplayer .aplayer-lrc:after{background:-moz-linear-gradient(top, rgba(33,33,33,0) 0%, rgba(33,33,33,0.8) 100%);background:-webkit-linear-gradient(top, rgba(33,33,33,0) 0%, rgba(33,33,33,0.8) 100%);background:linear-gradient(to bottom, rgba(33,33,33,0) 0%, rgba(33,33,33,0.8) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00212121', endColorstr='#cc212121',GradientType=0 )}.dark-theme .aplayer .aplayer-lrc p{color:#fff}.dark-theme .aplayer .aplayer-miniswitcher{background:#484848}.dark-theme .aplayer .aplayer-miniswitcher .aplayer-icon path{fill:#eee}</style>
<script src="https://cdn.jsdelivr.net/npm/aplayer/dist/APlayer.min.js"></script>
<!-- require MetingJS -->
<script src="https://cdn.jsdelivr.net/npm/meting@2.0.1/dist/Meting.min.js"></script>

{{- if .IsNamedParams -}}
{{- if .Get "url" -}}
<meting-js url="{{ .Get `url` }}" name="{{ .Get `name` }}" artist="{{ .Get `artist` }}" cover="{{ .Get `cover` }}" theme="{{ .Get `theme` | default `#2980b9` }}"
{{- with .Get "fixed" }} fixed="{{ . }}"{{ end -}}
{{- with .Get "mini" }} mini="{{ . }}"{{ end -}}
{{- with .Get "autoplay" }} autoplay="{{ . }}"{{ end -}}
{{- with .Get "volume" }} volume="{{ . }}"{{ end -}}
{{- with .Get "mutex" }} mutex="{{ . }}"{{ end -}}
></meting-js>
{{- else if .Get "auto" -}}
<meting-js auto="{{ .Get `auto` }}" theme="{{ .Get `theme` | default `#2980b9` }}"
{{- with .Get "fixed" }} fixed="{{ . }}"{{ end -}}
{{- with .Get "mini" }} mini="{{ . }}"{{ end -}}
{{- with .Get "autoplay" }} autoplay="{{ . }}"{{ end -}}
{{- with .Get "loop" }} loop="{{ . }}"{{ end -}}
{{- with .Get "order" }} order="{{ . }}"{{ end -}}
{{- with .Get "volume" }} volume="{{ . }}"{{ end -}}
{{- with .Get "mutex" }} mutex="{{ . }}"{{ end -}}
{{- with .Get "list-folded" }} list-folded="{{ . }}"{{ end -}}
{{- with .Get "list-max-height" }} list-max-height="{{ . }}"{{ end -}}
></meting-js>
{{- else -}}
<meting-js server="{{ .Get `server` }}" type="{{ .Get `type` }}" id="{{ .Get `id` }}" theme="{{ .Get `theme` | default `#2980b9` }}"
{{- with .Get "fixed" }} fixed="{{ . }}"{{ end -}}
{{- with .Get "mini" }} mini="{{ . }}"{{ end -}}
{{- with .Get "autoplay" }} autoplay="{{ . }}"{{ end -}}
{{- with .Get "loop" }} loop="{{ . }}"{{ end -}}
{{- with .Get "order" }} order="{{ . }}"{{ end -}}
{{- with .Get "volume" }} volume="{{ . }}"{{ end -}}
{{- with .Get "mutex" }} mutex="{{ . }}"{{ end -}}
{{- with .Get "list-folded" }} list-folded="{{ . }}"{{ end -}}
{{- with .Get "list-max-height" }} list-max-height="{{ . }}"{{ end -}}
></meting-js>
{{- end -}}
{{- else if strings.HasSuffix (.Get 0) "http" -}}
<meting-js auto="{{ .Get 0 }}" theme="#2980b9"></meting-js>
{{- else -}}
<meting-js server="{{ .Get 0 }}" type="{{ .Get 1 }}" id="{{ .Get 2 }}" theme="#2980b9"></meting-js>
{{- end -}}
{{- $scratch.Set "music" true -}}

2.添加歌曲列表(注意:去掉注释/* */)

1
{{/* < music auto="https://music.163.com/#/playlist?id=60198"> */}}

3.添加单曲(注意:去掉注释/* */)

1
2
3
{{/* < music server="netease" type="song" id="1868553" > */}}
或者
{{/* < music netease song 1868553 > */}}

4.其它参数

music shortcode 有一些可以应用于以上三种方式的其它命名参数:

  • autoplay [可选]

    是否自动播放音乐, 默认值是 false.

更改分类、标签、页面显示中文

  1. content目录下新建categories\_index.md:
1
2
3
---
title: "分类"
---
  1. content目录下新建tags\_index.md:
1
2
3
---
title: "标签"
---
  1. 根目录\i18n\zh-CN.yaml输入:
1
2
3
4
list:
page:
one: "{{ .Count }} 页面"
other: "{{ .Count }} 页面"

最终根目录\i18n\zh-CN.yaml

1
2
3
4
5
6
7
8
9
list:
page:
one: "{{ .Count }} 页面"
other: "{{ .Count }} 页面"

widget:
categoriesCloud:
title:
other: 分类

附:使用Git Submodule管理Hugo主题

  • 如果克隆库的时候要初始化子模块,请加上 --recursive 参数,如:
1
git clone -b develop git@github.com:iwyang/iwyang.github.io.git blog --recursive
  • 如果已经克隆了主库但没初始化子模块,则用:
1
git submodule update --init --recursive
  • 如果已经克隆并初始化子模块,而需要从子模块的源更新这个子模块,则:
1
git submodule update --recursive --remote

更新之后主库的 git 差异中会显示新的 SHA 码,把这个差异选中提交即可。


  • 其他命令:在主仓库更新所有子模块:git submodule foreach git pull origin master

附:hugo注释

1
{{/* comment */}}

参考链接