hexo使用next主题,并且使用”多说“给博客的文章添加评论功能
来源:互联网 发布:八大网络虚拟人物图片 编辑:程序博客网 时间:2024/04/30 06:27
使用next主题:
1、下载next: git clone https://github.com/iissnan/hexo-theme-next themes/next
2、修改配置:_config.yml
配置项theme
:
theme:next
使用”多说“给博客的文章添加评论功能:(附加:我是微信登录的)
1、在多说网站新建一个站点,并且获取一个多说域名,我填写的是yuzhiyun,然后填写需要使用评论功能的域名,我填写的是http://www.yuzhyun.me/
2、在多说网站的后台的“工具”tab 下获取到通用代码:
<!-- 多说评论框 start --><div class="ds-thread" data-thread-key="请将此处替换成文章在你的站点中的ID" data-title="请替换成文章的标题" data-url="请替换成文章的网址"></div><!-- 多说评论框 end --><!-- 多说公共JS代码 start (一个网页只需插入一次) --><script type="text/javascript">var duoshuoQuery = {short_name:"yuzhiyun"};(function() {var ds = document.createElement('script');ds.type = 'text/javascript';ds.async = true;ds.src = (document.location.protocol == 'https:' ? 'https:' : 'http:') + '//static.duoshuo.com/embed.js';ds.charset = 'UTF-8';(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(ds);})();</script><!-- 多说公共JS代码 end -->3、找到本地theme下你正在使用的hexo主题,我的是next, 打开F:\hexo\themes\next目录下的_config.yml配置文件,找到
duoshuo_shortname
标签,设置为刚才创建站点时多说域名
中的内容,请注意,没有前缀http://
和后缀.duoshuo.com
. ,比如我的就是yuzhiyun
4、修改F:\hexo\themes\next\layout\_partials目录下的comment.swing文件,把在dushuo网站上获取的通用代码黏贴到{% if page.comments %} 和{% endif %}之间。同时需要再修改一点,把
<!-- 多说评论框 start --><div class="ds-thread" data-thread-key="请将此处替换成文章在你的站点中的ID" data-title="请替换成文章的标题" data-url="请替换成文章的网址"></div>
替换成:
<!-- 多说评论框 start --> <div class="ds-thread" data-thread-key="<%- page.path %>" data-title="<%- page.title %>" data-url="<%- page.permalink %>"></div><!-- 多说评论框 end -->
5、更新到github
效果如图:
3 0
- hexo使用next主题,并且使用”多说“给博客的文章添加评论功能
- NEXT主题:使用”多说“给博客的文章添加评论功能
- Hexo博客主题NexT使用自定义的CSS样式
- 给hexo个人博客 next主题添加背景图片
- Hexo + yilia 主题 +githubpages博客添加友言评论功能
- Hexo中使用多说评论系统
- Hexo中使用多说评论系统
- 为Next主题添加多说评论系统
- Hexo 添加多说评论
- 给博客添加多说评论
- Hexo配置使用Next主题
- Hexo之使用Livere评论代替多说评论
- hexo 博客next主题集成gitment或者gitalk评论系统
- 为Hexo添加多说评论功能(正文评论和列表评论数)
- 为Hexo添加多说评论功能(正文评论和列表评论数)
- 【其他】Hexo博客(Next主题)放弃多说,接入网易云跟贴
- Hexo站点优化更换主题添加多说评论增加百度统计
- Hexo的Next主题增加畅言评论
- file is encrypted or is not a database
- java基本数据类型
- java异常
- 第十三周 项目1 -验证算法 --验证最小生成树的普里姆算法
- 栈~ C++用栈Stack实现数学复合运算
- hexo使用next主题,并且使用”多说“给博客的文章添加评论功能
- ndk中打印log
- 对比度拉伸
- 【数据结构】:数据结构的基本概念
- 通知
- 灰度比特平面
- 最大熵阈值分割
- [计算机网络笔记]第四部分——网络层 选路协议 因特网的选路协议
- 计算图像波峰点