Hexo 入门指南（七）

接下来就是一些本地化的事情了。

hexo默认集成了disqus，但是在天朝明显多说更受欢迎一点。

首先到多说官网去注册一个账号。然后点击进入添加站点页面，填写所有信息。注意，多说域名的前缀就是站点的短网址，下面要用到，这里假设为short_name。

在_config.yml中添加多说的配置：

duoshuo_shortname: short_name

修改themes\<theme_name>\layout\_partial\article.ejs，把第38行到41行的如下代码：

<% if (!index && post.comments && config.disqus_shortname){ %>
<section id="comments"><div id="disqus_thread"><noscript>Please enable JavaScript to view the <a href="//disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript></div>
</section>
<% } %>

替换成：

<% if (!index && post.comments && config.duoshuo_shortname){ %>
<section id="comments"><!-- 多说评论框 start --><div class="ds-thread" data-thread-key="<%= post.layout %>-<%= post.slug %>" data-title="<%= post.title %>" data-url="<%= page.permalink %>"></div><!-- 多说评论框 end --><!-- 多说公共JS代码 start (一个网页只需插入一次) --><script type="text/javascript">var duoshuoQuery = {short_name:'<%= config.duoshuo_shortname %>'};(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 -->
</section>
<% } %>

之后，找到第27到29行：

<% if (post.comments && config.disqus_shortname){ %><a href="<%- post.permalink %>#disqus_thread" class="article-comment-link">Comments</a>
<% } %>

替换成：

<% if (post.comments && config.duoshuo_shortname){ %><a href="<%- url_for(post.path) %>#comments" class="article-comment-link">留言</a>
<% } %>

hexo默认提供的那四个在国内也被墙了。这里替换成百度一键分享。

找到themes\landscape\layout\_partialarticle.ejs26行：

<a data-url="<%- post.permalink %>" data-id="<%= post._id %>" class="article-share-link">分享</a>

替换成：

<a data-url="<%- post.permalink %>" data-id="<%= post._id %>" class="article-share-link bdsharebuttonbox" data-cmd="more">分享</a>
<script>window._bd_share_config={"common":{"bdSnsKey":{},"bdText":"","bdMini":"1","bdMiniList":false,"bdPic":"","bdStyle":"2","bdSize":"16"},"share":{}};with(document)0[(getElementsByTagName('head')[0]||body).appendChild(createElement('script')).src='http://bdimg.share.baidu.com/static/api/js/share.js?v=89860593.js?cdnversion='+~(-new Date()/36e5)];</script>

之后打开themes\landscape\source\js\script.js，35~86行全部注释掉。

后记

仅以此教程，悼念Aaron Swartz，RSS和Markdown的联合创始人。没有他，开源博客界就不会有今天。

Hexo 入门指南（七） - 评论分享相关推荐

Hexo 入门指南（三） - 文章草稿
文章命令行中输入: $ hexo new "new article" 之后在source/_posts目录下面,多了一个new-article.md的文件. 打开之后我们会看到: ...
Hexo 入门指南（一） - 简介准备
Hexo是一个开源的静态博客生成器,用node.js开发,作者是台湾大学生tommy351. 为什么是博客对于个人网站来说,没有比博客更合适的形式了.在博客中,文章才是最主要的,一切都显得主次分明, ...
Hexo 入门指南（六） - sitemap、rss 和部署
sitemap & rss 切换到blog根目录下,输入: $ npm install hexo-generator-feed $ npm install hexo-generator-sit ...
Hexo 入门指南（五） - 搬家备份
搬入hexo 首先,需要拿到原博客数据的xml文件. wordpress的话,后台"工具->导出"就可以生成.点点和lofter也支持类似操作.如果遇到不支持导出xml的博客 ...
Hexo 入门指南（四） - 页面、导航、边栏、底栏
页面命令行键入: $ hexo new page about 会在source/about中生成index.html.这个就叫做页面,不在文章列表显示,可以通过http://localhost/ab ...
Hexo 入门指南（二） - 安装、初始化和配置
安装和初始化 linux下打开bash,win下面打开cmd,输入: $ npm install hexo -g $ hexo init blog $ cd blog $ npm install $ ...
CTF入门指南 | 内附教程分享
如何入门?如何组队? capture the flag 夺旗比赛类型: Web 密码学 Pwn 程序的逻辑分析,漏洞利用windows.linux.小型机等 Misc 杂项,隐写,数据还原,脑洞.社 ...
条形码入门指南（七）：线性条形码
IDAutomation公司成立于1996年,是一家来自美国的字体公司,它致力于以合理的价格提供自动化组件来生成条形码. 现在条形码无处不在,几乎用于所有业务领域的识别.在业务流程中实施条形码 ...
张高兴的 .NET IoT 入门指南：（七）制作一个气象站
距离上一篇<张高兴的 .NET Core IoT 入门指南>系列博客的发布已经过去 2 年的时间了,2 年的时间 .NET 版本发生了巨大的变化,.NET Core 也已不复存在,因此本系 ...

Hexo 入门指南（七） - 评论分享

评论

分享

后记

Hexo 入门指南（七） - 评论分享相关推荐

最新文章

热门文章

Hexo 入门指南（七） - 评论 分享

评论

分享

后记

Hexo 入门指南（七） - 评论 分享相关推荐

最新文章

热门文章

Hexo 入门指南（七） - 评论分享

Hexo 入门指南（七） - 评论分享相关推荐