Next主题添加留言本页面

2016-08-13

字数统计: 356字 | 阅读时长: 1min

前言

本篇文章介绍如何给Next主题添加留言功能。

添加留言本page

1	hexo new page guestbook

留言本页面

在上一步使用hexo命令新建了的page页面，添加以下代码

1	<div class="ds-recent-visitors" data-num-items="28" data-avatar-size="42" id="ds-recent-visitors"></div>

然后登陆自己的多说站点，进入设置->自定义CSS,添加：

#ds-reset .ds-avatar img,
#ds-recent-visitors .ds-avatar img {
   width: 54px;
   height: 54px;     /*設置圖像的長和寬，這裏要根據自己的評論框情況更改*/
   border-radius: 27px;     /*設置圖像圓角效果,在這裏我直接設置了超過width/2的像素，即為圓形了*/
   -webkit-border-radius: 27px;     /*圓角效果：兼容webkit瀏覽器*/
   -moz-border-radius: 27px;
   box-shadow: inset 0 -1px 0 #3333sf;     /*設置圖像陰影效果*/
   -webkit-box-shadow: inset 0 -1px 0 #3333sf;
}
#ds-recent-visitors .ds-avatar {
   float: left
}
/*隱藏多說底部版權*/
#ds-thread #ds-reset .ds-powered-by {
   display: none;
}

菜单设置中添加留言本

找到NexT主题设置的_config.yml文件里面的menu项

menu:
 home: /
 categories: /categories
 archives: /archives
 tags: /tags
 about: /about
 guestbook: /guestbook
 #commonweal: /404.html

添加多语言文件的值

因为这里使用的是中文，找到languages文件夹里面的zh-Hans.yml文件，menu子项中添加留言：

menu:
 home: 首页
 archives: 归档
 categories: 分类
 tags: 标签
 about: 关于
 search: 搜索
 commonweal: 公益404
 guestbook: 留言

本文作者： Leoli
最后更新： 2023年12月02日 18:27:22
本文链接： http://example.com/post/a893cf31.html
版权声明： 本作品采用 CC BY-NC-SA 4.0 许可协议进行许可，转载请注明出处！