腾讯公益用到的js其实有三个，search_children.js

　　腾讯公益用到的js其实有三个，search_children.js

　　*** 注意我现在已经切换到gitalk了，下面是我之前写的valine的教程。以后我会更新或增加相应的内容。当然，如果你想使用缬氨酸，你可以继续参考它。下面方法配置***

　　添加缬氨酸评论系统，打开/themes/next/_config.yml文件，搜索缬氨酸，开启缬氨酸，设置enable为true。

　　

　　图片

　　然后登录到leanCloud或注册一个帐户。注册后，登录创建应用，然后进入设置，找到AppId和A*敏*感*词*ey。将它们复制粘贴到主题配置文件中对应的地方，也就是上图中的两个appid和a*敏*感*词*ey。地点。

　　

　　image** 2、配置腾讯慈善404页面** 在博客根目录/源文件夹下创建404.html（具体内容见下图及代码）；在html上方添加以上3行代码；

　　腾讯公益实际上使用了三个js，search_children.js、data.js和page.js。如果你的站点协议是http，可以直接按照下一个文件的方法添加，但是如果是https的话，直接添加就会报错。由于腾讯的公益404页面暂时不支持https，我直接在页面中添加page.js的内容即可成功。请看下图

　　

　　图片

　　上图中的前几行也要加上。

　　layout: false

title: "404"

---

复制代码

　　以下是上面用到的一些js连接，来自腾讯慈善404官方接入文档

　　

复制代码

　　你也可以直接把404页面代码复制到我的Github上。以下是我博客的预览。

　　

　　图片

　　另外，如果需要定制个性化的404页面，只需删除对应的腾讯JS，直接修改上面的404.html文件即可。

　　** 3、添加字数和阅读时间**

　　先安装一个插件

　　$ npm install hexo-symbols-count-time --save

复制代码

　　然后在博客根目录下的配置文件中添加如下配置

　　# 文章字数统计

symbols_count_time:

symbols: true

time: true

total_symbols: true

total_time: true

复制代码

　　最后打开下一个主题的配置文件下的symbols_count_time字段

　　

　　图片

　　重启hexo即可看到效果

　　

　　图片** 4、openfancybox **

　　打开主题配置文件搜索fancybox并设置为true。另外，可以通过填写相应的CDN地址来开通供应商。

　　

　　图片** 5、文章Share **

　　百度分享里有个https坑。我按照网上的方法把文件放到了自己的服务器上。我在网站的其余部分测试过了，可以使用，但是hexo报错。具体情况不清楚。是什么原因？感觉主要是hexo版本的问题。因为有的人可以，有的人报和我一样的错误，忘记截图了。由于这个功能不是很必要，我就不继续爬了。将share.js改成同样的功能，具体效果见文末。

　　绑定域名

　　如果你觉得直接用github.io域名做博客连接不够专业，如果你不是程序员，那就买个域名解析绑定到你的博客吧。我也推荐这个。个人是在阿里万网注册的，注册过程比较正规，这里就不多赘述了。

　　注册并登录控制台后，找到您的域名，点击右侧的解析按钮进入解析列表

　　

　　图片

　　

　　图片

　　点击右侧的“添加记录”，添加两条CNAME类型的记录，如上图所示，以下记录的值填写自己的Github地址。

　　添加记录后，需要到Github设置并绑定你购买的域名，进入你的博客仓库点设置，然后拉到GitHub Pages填写你申请的域名保存

　　

　　图片

　　

　　图片

　　这里，当你点击保存时，Github Pages会在根目录自动为你生成一个CNAME文件，里面的内容就是你绑定的域名地址

　　

　　图片

　　注意，如果按照上面的方法，会有一个小问题，就是当你执行hexo d把你本地的文章部署到Github的时候，你本地的所有文件都会被你现有的仓库覆盖掉整个的内容，包括 Github Pages 为您创建的 CNAME 文件，在您访问该域名时将无法访问。因此，您需要在本地根目录/源目录中手动创建一个 CNAME 文件。内容是您的域名地址。由于源目录中的文件在部署的时候不会被删除，所以在部署的时候也会被部署。是一起部署的，最后需要重新安装到你的仓库Setting，拉到GitHub Pages再绑定你的域名，这样以后就没有问题了。

　　一段时间后，您就可以使用您申请的域名访问您的博客了！

　　SEO优化

　　接下来说说百度收录。听说Github屏蔽了百度的蜘蛛。有些人说没有。具体情况不是很清楚。 2015 年，Github 遭遇了史上最大的 DDoS ***，以及一些国外。媒体称，百度做到了。具体不详，不过百度收录Github比较难确认，而且时间长，还是优化一下比较好。

　　1、Code 同时部署到编码中

　　那么方法是什么呢？是同时在国内的编码平台上托管博客站点，这样收录在不影响Github上的代码的情况下会轻松很多。 Coding是国内提供代码托管服务的平台，与Github有很大的不同。使用方法也和Github有很大的不同。说一下如何将代码同时部署到coding和Github上，方便百度收录。

　　注册并登录编码后创建一个新仓库。注意新建项目的时候，命名规则和Github上的一样，就是用户名。可以看到coding.me的下图，记得添加SSH key

　　

　　图片

　　仓库建好后，进入仓库，选择左侧的Page服务，在设置中绑定新域名，输入后点击绑定。

　　

　　图片

　　接下来，前往您的域名解析控制台修改并添加两条 CNAME 记录以指向您的主页地址。看下图，注意记录值，替换成自己的。

　　

　　图片

　　最后修改根目录下_config.yml配置文件中的部署配置，添加编码git地址。

　　

　　图片

　　最后执行部署命令

　　hexo clean

hexo g -d

复制代码

　　这时候就可以在编码仓库看到你提交部署的代码了，你的用户名.coding.me也可以访问你的博客站点。这里同时更新 Github 和coding 的代码。不影响。绑定的域名解析可能需要一段时间才能生效。

　　2、百度提交连接

　　部署到编码后，不是百度可以收录，还需要继续优化。如果您在百度搜索中输入site:您的域名，如果以下效果证明网站不是百度收录，我们现在点击下面的提交网址，进入百度站长工具提交。

　　

　　image3、百度网长平台添加网站管理

　　注册百度站长工具并添加网站

　　

　　图片

　　添加网站的过程分为三个步骤。主要操作集中在网站验证方法的最后一步。我选择了 HTML 标签验证。按照以下方法将代码添加到您的网站。

　　

　　图片

　　而使用下一个主题的同学可以直接在主题的配置文件下搜索baidu_site_verification，在第三步的meta标签中填写content的值。

　　

　　图片

　　最后一点完成验证就可以通过了。

　　4、add sitemap 站点地图

　　站点地图收录你在网站上的站点链接，方便搜索引擎蜘蛛的抓取工作。搜索蜘蛛会通过网站map 中的链接抓取新的内容。所以我们要生成sitemap文件来帮助网站优化，安装生成插件

　　npm install hexo-generator-sitemap --save

npm install hexo-generator-baidu-sitemap --save

复制代码

　　然后在博客根目录下的配置文件中添加相应的配置项

　　# sitemap

sitemap:

path: sitemap.xml

baidusitemap:

path: baidusitemap.xml

复制代码

　　注意缩进，如果编译会报错

　　还要修改根目录配置文件下的URL。将url的值改为你自己在百度站长平台添加的站点地址，这样生成的sitemap.xml文件中的url就是你的站点地址，见下图

　　

　　image5、add spider protocol robots.txt

　　增加robots.txt文件，即蜘蛛协议。创建一个新的 robots.txt 文件并添加以下内容。将 robots.txt 放在 /source 文件下。前面说过，/source目录下的文件会被打包上传。

　　# hexo robots.txt

User-agent: *

Allow: /

Allow: /archives/

Disallow: /vendors/

Disallow: /js/

Disallow: /css/

Disallow: /fonts/

Disallow: /vendors/

Disallow: /fancybox/

Sitemap: https://pojian.xyz/sitemap.xml

Sitemap: https://pojian.xyz/baidusitemap.xml

复制代码

　　Allow 后是你的菜单，底部的 Sitemap 地址，请改成你自己的地址。

　　完成后重启hexo，执行hexo g -d重新生成文件并提交，public目录下会生成对应的xml文件。 sitemap文件可以通过/sitemap.xml和/baidusitema...访问，robots.txt文件可以通过/robots.txt访问。

　　可以去百度站长查看robots.txt文件是否有效

　　

　　image6、auto push

　　百度有几种方式：自动推送、主动推送、站点地图、手动提交。自动推送是一个轻量级的连接提交组件。自动推送的 JS 代码放置在站点每个页面的源代码中。访问页面时，页面连接会自动推送到百度，有利于百度更快发现新页面。如何安装？如果你的是下一个主题，直接打开主题配置文件搜索，发现baidu_push设置为true。

　　

　　图片

　　如果您没有使用下一个主题，您也可以手动将以下代码粘贴到您的站点中，通常在head公共文件中

　　

(function(){

var bp = document.createElement('script');

var curProtocol = window.location.protocol.split(':')[0];

if (curProtocol === 'https') {

bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';

}

else {

bp.src = 'http://push.zhanzhang.baidu.com/push.js';

}

var s = document.getElementsByTagName("script")[0];

s.parentNode.insertBefore(bp, s);

})();

复制代码

　　7、active push

　　这里使用第三方插件Hexo-baidu-url-submit进行主动推送安装

　　npm install hexo-baidu-url-submit --save

复制代码

　　在根目录下的配置文件中添加需要的配置

　　# 百度连接提交-主动推送配置

baidu_url_submit:

count: 3 ## 提交最新的一个连接

host: pojian.xyz ## 在百度站长平台中注册的域名

token: 3GIEYsuq5ZTkvDBm ## 请注意这是您的秘钥，因此请不要把博客源代码发布在公众仓库里!

path: baidu_urls.txt ## 文本文档的地址， 新连接会保存在此文本文档里

复制代码

　　添加新的部署配置。请注意，这与之前有点不同。在类型前添加破折号 -

　　deploy:

- type: git

repo:

github: https://github.com/webw3c/webw3c.github.io.git

coding: https://git.dev.tencent.com/yusting/yusting.coding.me.git

- type: baidu_url_submitter

复制代码

　　最后，在执行hexo deploy时，会推送新的链接。 ** 实现原理 ** 当有新连接产生时，hexo generate 会生成一个文本文件，里面收录最新的连接和新连接的提交，hexo deploy 会从上面的文件中读取连接并提交到百度搜索引擎

　　8、手动推送

　　您可以直接填写并提交您需要直接提交的连接。

　　最后可以看看百度是否成功收录

　　

　　图片

　　如果爬取成功，则确认已经是收录。似乎通常没有那么快。我等了大约两天才爬行获得它。

　　9、添加百度统计

　　加入百度统计就可以查看你网站的一些相关数据，方便你自己的网站

　　

　　图片

　　

　　图像在多个终端同步写入

　　内容准备...

　　手机写

　　网上查不到任何资料，但是在手机上安装了SSH客户端远程操作服务器后，应该可以安装配置node/git/hexo环境来写。与多台计算机相比，该原理非常小。这不是太放心，也不会麻烦。

　　结论

　　文章这里差别很小！在后续的一些深入研究后，我会继续更新。希望文章能对和我一样的小白有所帮助。技术有限，存在不可避免的缺陷。欢迎指正、批评和讨论，感谢阅读！ :-)