记一次「stack」主题的修改和配置

2020 年 12 月 17 日

270次浏览

1708字数

title: "记一次「stack」主题的修改和配置"
date: 2020-12-16T20:41:49+08:00
draft: false
slug: "46"
tags: ['stack主题', 'html']
categories:

- 折腾杂记

添加「valine」评论系统

stack主题提供了非常方便的修改方式，下hugo-theme-stack/layouts/partials/comments/provider添加对应的htmk文件。代码如下



new Valine({
el: '#vcomments' ,
appId: '{{ .Site.Params.valine.appId }}',
appKey: '{{ .Site.Params.valine.appKey }}',
notify: '{{ .Site.Params.valine.notify }}',
verify: '{{ .Site.Params.valine.verify }}',
avatar:'{{ .Site.Params.valine.avatar }}',
placeholder: '{{ .Site.Params.valine.placeholder }}',
visitor: '{{ .Site.Params.valine.visitor }}',
//tagMeta: '{{ .Site.Params.valine.tagMeta }}',
master: '{{ .Site.Params.valine.master }}'
//friends: '{{ .Site.Params.valine.friends }}',
//metaPlaceholder: '{{ .Site.Params.valine.metaPlaceholder }}'
});

在config.toml文件中，将params.commnt -- provider改为valine
在config.toml文件中添加对应配置项，如下：

[params.valine]
appId = "7CO6KGD5f3I0kLTi8DbvenFT-MdYXbMMI"
appKey = "sSfgBOy6NO9DkxMfjpqVa6Ub"
notify = ""
verify = ""   #默认false
avatar = ""
placeholder = "请填写昵称、邮箱后评论，若填写QQ邮箱自动解析头像"
visitor = ""
tagMeta = "[“博主”,“小伙伴”,“访客”]"  #默认如此，需要自己改
master = "fed005e6d57ccd4f24375b6b17d34df5"   #填写md5 32位加密的博主邮箱
friends = ""                                  #md5 加密后的小伙伴邮箱
metaPlaceholder = "{“nick”:“昵称/QQ 号”,“mail”:“邮箱(必填)”}"                    #示例{“nick”:“昵称/QQ 号”,“mail”:“邮箱(必填)”}