添加评论功能
Hexo生成的博客只是一个静态页面,想要添加评论功能,就要借助第三方平台。
Yilia支持的平台有多说,网易云跟帖,畅言和Disqus。但是截至今日,多说和网易云跟帖都已关闭,无法使用。Disqus是国外的系统,由于各种你懂的原因,在国内是使用不了的。所以我们的选择就只剩下畅言。
畅言是搜狐提供的评论组件,功能丰富,体验优异。但必须进行域名备案。因为我们服务端使用的是Github Page,然而Github并没有提供备案服务。所以域名可以在其他IDC备案,备案成功后再解析到Github,亲测可以通过畅言审核。
但是这样做有一个很大的弊端,就是自己的备案随时有可能被管局注销。个中利弊,还需自己权衡。
有了已经备案的域名,畅言的配置就相当简单。
首先,我们要注册畅言。注册的流程很简单,这里不作过多解释。
注册完成后,我们会得到一个 APP ID 和 APP KEY,如图:
分别将这两个值复制并粘贴到主题配置文件**{your_hexo_path}/themes/yilia/_config.yml**中的畅言配置部分:
1 | #3、畅言 |
保存配置文件并重新生成网页,你就会发现每篇文章后面都多出了畅言评论功能。
但此时畅言评论的表情按钮不可用,原因是表情部分被左侧的div层覆盖了,这个问题也很容易解决。
找到**{your_hexo_path}/themes/yilia/layout/_partial/post/changyan.ejs**文件,将第一行代码:
1 | <div id="SOHUCS" sid="<%=key%>"></div> |
修改为:
1 | <div id="SOHUCS" sid="<%=key%>" style="padding: 0px 30px 0px 46px!important;"></div> |
再次重新生成并构建网页,你会发现评论功能已经可以完美使用了。
添加RSS
RSS(简易信息聚合)是一种消息来源格式规范,用以聚合经常发布更新数据的网站,例如博客文章、新闻、音频或视频的网摘。RSS文件(或称做摘要、网络摘要、或频更新,提供到频道)包含全文或是节录的文字,再加上发布者所订阅之网摘数据和授权的元数据。 ———— 维基百科
关于RSS的作用参见:如何使用RSS
- 在Hexo根目录打开命令行工具,执行以下命令:
1 | npm install hexo-generator-feed --sava |
- 查看
{your_hexo_path}/public
文件夹,可以看到atom.xml文件。 - 打开主题配置文件
{your_hexo_path}/themes/yilia/config.yml
,在subnav
项目下添加RSS配置信息:
1 | # SubNav |
- 重新生成并构建页面,就可以看到RSS的信息了。
添加sitemap
- 在Hexo根目录打开命令行工具,执行以下命令:
1 | npm install hexo-generator-sitemap --save |
- 查看
{your_hexo_path}/public
文件夹,可以看到sitmap.xml文件。
sitemap的初衷是给搜索引擎看的,为了提高搜索引擎对自己站点的收录效果,我们最好手动到google和百度等搜索引擎提交sitemap.xml。
参考文献
- Hexo博客yilia主题更换畅言评论系统 ———— Vincent
- hexo主题优化 ———— VoidKing