supce's blog

给博客绑定域名,添加评论以及RSS

一、绑定域名


1、 域名申请
域名申请尽量使用经 ICANN 和 CNNIC 认证的顶级域名注册商。

  • 国外

有英语基础的同学推荐国外狗爹( godaddy ),支持支付宝付款,付款前可以网上搜一些优惠码。

  • 国内

自从万网被阿里收购以后,有了一定的价格优势,想方便的同学可以通过万网申请自己的域名,.com首年仅39元,续费55元/年。

2、 为pages绑定自定义域名

GitCafe Pages 支持绑定自定义域名。申请完我们的域名后,进入项目主页,点击右上角的 项目设置 ,在新打开的页面里点击 Pages 服务 一项可以看到自定义域名相关的设置。

绑定域名
填入你要绑定的域名,点击「新增」;之后到域名管理面板中添加 CNAME 记录指向到 gitcafe.io;如果你使用的域名服务提供商不支持添加 CNAME 记录,建议你更换到其他支持该功能的域名提供商。

3、域名解析

域名解析可以使用万网自己的云解析,也可以使用DNSPod来解析自己的域名。

以下以DNSPod为例
3.1 在万网中点击自己的域名,进入域名控制台,点击修改dns
3.2 分别填写DNSPod的2个DNS短地址(对应6台服务器)

f1g1ns1.dnspod.net
f1g1ns2.dnspod.net

3.3 点击保存,然后等待全球递归DNS服务器刷新(最多72小时)。
3.4 进入 DNSPod 管理控制台,点击添加域名,填写自己的域名,添加上您要解析的主域名后,点击【确定】

3.5 点击刚添加的域名,
在域名记录管理界面,点击【添加记录】,添加需要解析的记录即可

注意:记录类型一定要为:CNAME,记录值为:uer_name.gitcafe.io. 将user_name替换为您的用户名即可。

二、添加评论


Hexo默认使用的评论插件是Disqus,为了方便广大国内用户使用多说来替换Disqus。我们首先来讲下基于默认主题下添加多说评论。

2.1 进入多说创建你自己的站点,创建完成后进入后台管理,点击设置,可以查看自己的域名。假设域名为****.duoshuo.com,则我们把****称为:shortname。

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

duoshuo_shortname: 你站点的short_name

2.3 修改themes\landscape\layout\_partial\article.ejs模板,把

<% 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>
<% } %>

如果有疑问的同学,还可以参考下面的基于yilia主题的添加教程。

假设我们的多说网站二级域名为****.duoshuo.com。yilia主题下有两种解决方案。

  • 方案一:
打开themes/yilia/layout/_partial/post/duoshuo.ejs

将var duoshuoQuery = {short_name:"<%=theme.duoshuo%>"};修改为var duoshuoQuery = {short_name:"****"};
  • 方案二:
打开themes/yilia/layout/_partial/post/duoshuo.ejs.

将var duoshuoQuery = {short_name:"<%=theme.duoshuo%>"};
修改为var duoshuoQuery = {short_name:"<%=theme.duoshuo_shortname%>"};

打开themes/yilia/\_config.yml,添加一行:duoshuo_shortname: ****

三、添加RSS


RSS添加还是比较容易的,我们打开GitBash,切换到博客根目录,输入

$ npm install hexo-generator-feed 

打开themes/yilia/_config.yml,将rss注释去掉即可。