github + hexo 小白超快搭建功能强大的个人博客网站(4)

发表于 2021-01-26 分类于建站阅读次数：

1. 设置license的样式

修改 主题配置文件_config.yml，找到creative_commons,修改如下：

creative_commons:
  license: by-nc-sa
  sidebar: true
  post: true
  language:

还需修改 站点配置文件_config.yml，找到url,换成自己博客的地址

1
2
3

# URL
## If your site is put in a subdirectory, set url as 'http://example.com/child' and root as '/child/'
url: https://xiaoniuhululu.github.io/

2. 添加聊天功能

小牛这里选的是 chatra, 试了试挺好用的

去官网：https://app.chatra.io/，注册一个账户，免费的就行

获取chatra_id,存在setup里，感觉贼奇葩

修改 主题配置文件_config.yml，找到chat,修改如下：

由于我们选择的是chatra,那我们还需配置chatra相关信息

把id换一下即可

效果图如下：

3. 文章置顶

在博客根目录下安装置顶插件

1 2	npm uninstall hexo-generator-index --save npm install hexo-generator-index-pin-top --save

在需要置顶的文章头加入top: true
例如

---
title: test
date: 2021
categories: 测试
top: true
---

然后在文章标题下面添加一个置顶标签样式

打开：/blog/themes/next/layout/_macro 目录下的post.swig文件，定位到div class="post-meta"标签下，插入如下代码：

{% if post.top %}
  <i class="fa fa-thumb-tack"></i>
  <font color=7D26CD>置顶</font>
  <span class="post-meta-divider">|</span>
{% endif %}

4. 添加3d地球

先去revolvermaps官网选择一款你喜欢的样式，将代码拷贝出来

然后把代码，拷贝到\themes\next\layout_macro\sidebar.swig里即可

5. 域名绑定

根据之前的教程，目前默认的域名还是username.github.io，感觉怪怪的，但是一般个人网站好像都是www.name.com格式的，为此小牛没法白嫖了，只能掏钱了

5.1 买域名

小牛是去阿里云买的，腾讯云，华为云啥的都可以买

实名认证即可，不需要备案，如果服务器是内地的就需要备案。Hexo网站的服务器是海外的因此可以跳过这步。

5.2 域名绑定

先在阿里云上控制台->域名服务，找到自己的域名

5.3 域名解析（本地与服务器映射）

点击新手引导

这里得填网站的IP地址，但我们现在只知道我们网站默认的github的域名，我们执行ping一下即可（打开终端，输入ping 用户名.github.io）

把得到的IP地址填入阿里云中

解析记录设置两个：www和@，线路默认就ok

(1) @:记录类型选A，A记录的就是ip地址，不用改

(2) www:记录类型选CNAME，CNAME记录值填你的github博客网址，如我的是xiaoniuhululu.github.io

5.4 本地设置修改

这些全部设置完成后，此时你并不能根据申请的域名访问你的博客。接着你需要做的是在hexo根目录的source文件夹里创建CNAME文件，不带任何后缀，里面添加你的域名信息，如：xiaoniuhululu.com。可以用www.xiaoniuhululu.com和xiaoniuhululu.com访问都是可以的。重新hexo g,hexo d，并发布即可用新的域名访问。