hugo添加畅言评论系统

网上有一些hugo添加评论的教程,但都是没见到畅言的,这篇文章就介绍一下我是怎么添加的。

畅言端配置

首先去畅言云平申请一下账号,在后台添加自己网站信息,在安装畅言选项卡选择通用代码安装。

1

hugo端配置

  1. 在/layouts/partials下新建comments.html,如果安装了主题,也可以在themes/主题目录/layouts/partials下新建。 在comments.html下粘贴刚刚畅言端复制的代码。为了不在每个页面上都显示畅言,还需要在代码的前后加上判断{{- if .Params.changyan}} {{- end }}, 如果想要在特定文章中显示评论,在对应的md文件中添加 changyan: true即可。 最后的代码是

2

  1. 想要使comments.html生效,还需要用hugo自带的partial指令去渲染界面。在baseof.html文件中合适的位置添加如下指令即可

     {{ partial "comments.html" . }} 

baseof.html一般在/layouts/_default或对应主题的/layouts/_default文件夹中。baseof.html中找到content所在的位置添加上面的代码。我的主题对应的代码是这样的

3

这样就完成了配置,以后如果哪篇文章希望添加评论,只需要在title: date: 前后的位置,加入changyan: true,该文章渲染后就会出现评论框。

See Also