使用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
效果如图:
相关推荐
与Hexo的NexT主题契合的多说css样式
hexo搭建博客的next主题下载,赶紧下载吧,积分已经设最低了
基于Next5主题美化的一款hexo博客主题
通过 Hexo 你可以轻松地使用 Markdown 编写文章,除了 Markdown 本身的语法之外,还可以使用 Hexo 提供的 标签插件 来快速的插入特定形式的内容。在这篇文章中,假定你已经成功安装了 Hexo,并使用 Hexo 提供的命令...
Hexo需要git和nodejs,这里时next的所有的配置文件,都是自己改过来的。
Hexo-Theme-AirCloud 是一个简洁轻量的 hexo 博客主题,旨在将中心放在博文本身,因此: 默认没有大范围的主题色块、图片铺排等,也不要求每片博文配图,一方面这并不是我们记录知识的重点,另外一方面可能程序员...
hexo搭建静态博客网站时的Next主题!分享资源整理博客:http://blog.csdn.net/fanxiaobin577328725/article/details/51894331
源码为基于Hexo主题的一个博客系统,界面简洁大气,非常适合搭建个人博客。 Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown(或其他渲染引擎)解析文章,在几秒内,即可利用靓丽的主题生成静态网页。
极简的 Hexo 博客主题,专注于内容展现
Hexo主题,基于landscape-plus,进行的优化
Hexo-theme-Fluid博客主题 v1.9.7.zip
为NexT主题添加合著者文章meta 安装 npm install theme-next/hexo-next-coauthor 用于前台 title : Hello! NexT Test Site coauthor : Mr.J title : Hello! NexT Test Site coauthor : - Mr.J - Jone 配置 ...
这是我的个人博客采用的Hexo主题源码
我的博客(Hexo + NexT + GitPage).zip
hexo博客搭建,next主题配置,配合github搭建博客,使用hexo d进行github推送更新
HEXO博客主题http://www.androidperformance.com/
每种分支主题都有各自的特性从 极简风 到 多图流,都能完美驾驭。More:介绍及文档:https://material.vss.imGithub: https://github.com/viosey/hexo-theme-materialDemo: 访问我的博客实时预览 Paradox 样式:...
利用hexo整合,实现个人博客网站。增加了各种特效效果,菜单分栏、分类、主题适配。通过markdown编写文章,增加分类等等。利用hexo整合,实现个人博客网站。增加了各种特效效果,菜单分栏、分类、主题适配。通过...
我的博客Hexo
hexo-jade-starter, 使用 Jade 和less实现Hexo的入门主题 使用 ... 这个主题对于任何想使用 Jade 创建Hexo主题的人来说都是一个起点。这里主题包括用于开发 helper的Hashgrid 。 只需在本地实例上按'g'即可查看它的。要