Hexo博客建站五〈天阶配置〉

image

接上一篇地阶配置

天阶配置

评论系统
Next 主题支持多种评论系统，如：来必力、多说、Valine，这里我使用 Valine，个人感觉使用比较流畅。
注册 Leancloud ，我们的评论系统其实是放在 Leancloud 上的，因此首先需要去注册一个账号，Leancloud官网，点我注册。
注册完以后需要创建一个应用，名字可以随便起，然后进入应用->设置->应用key，如下：

Leancloud key

拿到你的appid和appkey之后，打开主题配置文件搜索 valine，填入appid 和 appkey:

# Valine.
# You can get your appid and appkey from https://leancloud.cn
# more info please open https://valine.js.org
valine:
  enable: true
  appid:  ······
  appkey:  ······
  notify: false # mail notifier , https://github.com/xCss/Valine/wiki
  verify: false # Verification code
  placeholder: Just go go # comment box placeholder
  avatar: mp # gravatar style
  guest_info: nick,mail,link # custom comment header
  pageSize: 10 # pagination size

注：记得在Leancloud -> 设置 -> 安全中心 -> Web 安全域名把你的域名加进去

DaoVoice 在线联系
(1) 首先到 DaoVoice 注册账号，支持github、微信注册，开启DaoVoice之旅。
注册完后登录，进入到后台管理，点击应用设置——>安装到网站查看安装代码和AppID。
注：注册时需要邀请码，这里提供一个1e963cbc.
(2) 将安装代码添加到/themes/next/layout/_partials/head.swig中:

{% if theme.daovoice %}
  <script>
  (function(i,s,o,g,r,a,m){i["DaoVoiceObject"]=r;i[r]=i[r]||function(){(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;a.charset="utf-8";m.parentNode.insertBefore(a,m)})(window,document,"script",('https:' == document.location.protocol ? 'https:' : 'http:') + "//widget.daovoice.io/widget/0f81ff2f.js","daovoice")
  daovoice('init', {
      app_id: "{{theme.daovoice_app_id}}"
    });
  daovoice('update');
  </script>
{% endif %}

DaoVoice 配置

(3) 编辑主题配置文件，再末尾添加如下代码：

# Online contact 
daovoice: true
daovoice_app_id: b2f59f80

注：这里 DaoVoice 其实可以接入微信接受消息的，但是要求是公众号必须是认证后的，因此个人公众号就急急了！

分享功能
在next主题的官方的文档中发现它自身集成了百度分享的功能，所以决定采用百度了。
这里需要用到 ShareSDK 因此我们得注册一下下 ShareSDK注册，获取到我们 appkey
修改主题配置文件如下：

#Share
sharesdk: true
shareSDKappkey: cc1fb1a0053a
# Baidu Share
# Available value:
#    button | slide
# Warning: Baidu Share does not support https.
baidushare: 
  type: slide
  baidushare: true

注：sharesdk 使用起来并不美观，而百度分享现在对 HTTPS 的支持又不友好，所以我放弃了使用这样的分享方式。大家如果觉得我写的文章还不错，就多推荐下就行了。

Hexo 绑定 Https 域名

你的网站的域名是你的网站的第一印象，为你的网站选择一个域名就如同给你自己选择名字一样重要。你不仅需要选择一个跟你息息相关，跟你的网站相配的域名，同时也要容易被搜到并且容易推广。
因此选择一个完美域名的10个建议送给你。
这里我的域名只是暂时随便买了个，等到期了，换一个有印象的，大家别质疑我目前的域名额。

Hexo 配置域名以及 Https 网上教程很杂乱，我 Google 了下，找到了最简洁快速的方式，秒生效，儿豁你！
前面我们提到过准备好自己的域名，下面就是配置的重要事项了：

(1) 注册netlify账号
到 Netlify 注册账号并登录
(2) 配置域名
点击页面右上角的 New site from Git，再 Create a new site

Create a new site

然后选择 GitHub 选择自己 username.github.io的仓库，直接 Deploy site。
点击 Domain settings 然后点击 Add custom domain，后按照提示输入你的域名如 www.corkercode.com，最后 save。
(3) 解析域名
配置好域名后如下图，在三个红色区域有三条加了黄色感叹号的 DNS提示，我们可以点击查看。

Custom domains

然后到域名解析处,修改域名CNAME记录,记录值就是你上面点击看到显示的配置值，下面是我的配置

域名解析

当你解析成功后，上面的黄色感叹号提示会消失，且在下方会出现以下标识，代表你配置完了，此时你可以用 Https 访问的网站了。

Https 配置成功

(3) Https 配置成功
此时，恭喜你离成功还差半步，如果正常条件下的话，你应该会看到小绿锁（代表配置成功了）。
然而一般还差一步，就是你网站内的内容存在不安全地址（就是有 http 的请求，一般是图片之类的），所以我们得修改图床的 HTTPS 配置了，当然你如果是使用的站内图片那就没问题了。

Hexo博客建站五〈天阶配置〉

天阶配置

猜你喜欢