最近做了我自己博客的迁移，使用了Hugo，主题是LoveIt，但是这个主题在一些方面支持的没有支持，也做了相应的修改，具体往下看
注意
以下所有的改动我也放在自己的Github上了，具体的分支
develop包含了以下三处改动，欢迎大家直接clone使用
1.国内的评论系统 - 畅言
之前的博客一直使用的是国内的畅言评论系统，也想在新博客继续使用，故添加了这个模块
1.1 添加配置
再自己的配置文件[params.page.comment]处添加如下内容
1
2
3
4
5
6
7
8
| # changyan comment config (https://changyan.kuaizhan.com/)
# changyan 评论系统设置 (https://changyan.kuaizhan.com/)
[params.page.comment.changyan]
enable = true
# 畅言配置的appid
appid = "xxxxx"
# 畅言配置的conf
conf = "xxxxxxx"
|
1.2 在LoveIt主题修改模板
在LoveIt主题目录下寻找 layouts/partials/comment.html 文件，在 <div id="comments"> 代码后添加如下代码
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
| {{- /* changyan Comment System */ -}}
{{- $changyan := $comment.changyan | default dict -}}
{{- if $changyan.enable -}}
<!--PC和WAP自适应版-->
<div id="SOHUCS" class="comment" sid="{{ .Permalink }}"></div>
<script type="text/javascript">
(function () {
var appid = '{{ $changyan.appid }}';
var conf = '{{ $changyan.conf }}';
var width = window.innerWidth || document.documentElement.clientWidth;
if (width < 1000) {
var head = document.getElementsByTagName('head')[0] || document.head || document.documentElement;
var script = document.createElement('script');
script.type = 'text/javascript';
script.charset = 'utf-8';
script.id = 'changyan_mobile_js';
script.src = 'https://cy-cdn.kuaizhan.com/upload/mobile/wap-js/changyan_mobile.js?client_id=' + appid + '&conf=' + conf;
head.appendChild(script);
} else {
var loadJs = function (d, a) {
var c = document.getElementsByTagName("head")[0] || document.head || document.documentElement;
var b = document.createElement("script");
b.setAttribute("type", "text/javascript");
b.setAttribute("charset", "UTF-8");
b.setAttribute("src", d);
if (typeof a === "function") {
if (window.attachEvent) {
b.onreadystatechange = function () {
var e = b.readyState;
if (e === "loaded" || e === "complete") {
b.onreadystatechange = null;
a()
}
}
} else {
b.onload = a
}
}
c.appendChild(b)
};
loadJs("https://cy-cdn.kuaizhan.com/upload/changyan.js", function () {
window.changyan.api.config({appid: appid, conf: conf})
});
}
})();
</script>
{{- end -}}
|
LoveIt本身没有做keywords的支持，后来在看到FixIt的时候，看到支持了keywords的解析，但是我又不太喜欢FixIt的样式，故将FixIt中对keywords的支持拿了过来
2.1 主题模板修改
具体修改的文件 LoveIt主题目录下layouts/partials/head/meta.html
在 <meta name="Description" content="{{ $params.description | default .Site.Params.description }}">
后加入如下代码，可以解析配置文件中的keywords关键字，也可以直接将文章中的tags解析成keywords
1
2
3
4
5
6
7
8
9
10
11
| {{- $keywords := .Keywords -}}
{{- if not $keywords -}}
{{- if .IsPage | and .Params.tags -}}
{{- $keywords = .Params.tags -}}
{{- else -}}
{{- $keywords = .Site.Params.keywords -}}
{{- end -}}
{{- end -}}
{{- with $keywords -}}
<meta name="keywords" content='{{ delimit . ", " }}' />
{{- end -}}
|
2.2 配置文件修改
在配置文件中的[params]后加入如下配置
1
| keywords = ["Resowolf", "go", "php","linux"]
|
3.添加Google 统计支持
LoveIt默认的Google统计在新的Google分析那边获取不到，故我在原来的模板基础上添加了如下代码，具体位置是：主题目录下的layouts/partials/head/seo.html
中<meta name="google-site-verification" content="{{ . }}" />代码后
1
2
3
4
5
6
7
8
9
10
| <!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id={{ . }}"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', '{{ . }}');
</script>
|
注意
以上所有的改动我也放在自己的Github上了，具体的分支
develop包含了以上三处改动，欢迎大家clone使用
执拗前行