Hexo Next 主题配置

发表于 2017-05-03 更新于 2023-10-31 分类于乐趣阅读次数：

自定义域名

购买域名

阿里云省事，但是要记得不是所有域名都可以备案的，尤其是那些便宜的！！！

域名解析

有了域名后，xxx.github.io 增加cname

说明：192.30.252.154和192.30.252.153是github服务器对应的ip地址，这步一定要设置，否则访问不了

添加CNAME

然后回到博客项目根目录，在source/下新建一个名为CNAME的文件，里面的内容写入xxxx.com即可。

配置搜索

NexT主题支持集成 Swiftype、微搜索、Local Search 和 Algolia,Swiftype和Algolia都只有一段时间的试用期，可以采用Hexo提供的Local Search,原理是通过hexo-generator-search插件在本地生成一个search.xml文件，搜索的时候从这个文件中根据关键字检索出相应的链接。
安装 hexo-generator-search

在站点的根目录下执行以下命令：

#安装 hexo-generator-searchdb
$ npm install hexo-generator-search --save
$ npm install hexo-generator-searchdb --save

启用搜索

编辑站点配置文件，新增以下内容到任意位置：

search:
  path: search.xml
  field: post
  format: html
  limit: 10000

验证搜索

修改背景色

vim themes/next/source/css/_custom/custom.styl
//Custom styles.
body {
	background:rgb(250, 235, 215);
  #可以设置背景色或者背景图片
}
//首页文章阴影样式
.post {
    margin-top: 60px;
    margin-bottom: 60px;
    padding: 25px;
    -webkit-box-shadow: 0 0 14px rgba(202, 203, 203, .5);
    -moz-box-shadow: 0 0 14px rgba(202, 203, 204, .5);
}

开启动画效果

修改_config.yml,true为开启，false为关闭。

但是有个问题，three_waves这个动画效果开启后，风扇就开始狂转，建议选择其它效果。

开启访问量统计

申请帐号

注册帐号

创建应用

#### 创建class

#### 获取key

#### 修改配置文件_confi.yml

leancloud_visitors:
  enable: true
  app_id: B1L35FebIXXX3MloNCxrCS-gzGzoHsz
  app_key: iQH7DjsXXXMB58gpevWMC

重新加载后就出来了，但是只能在外网访问的时候才会增加。

按照Next官方手册给的LeanCloud教程弄完以后，次数格式出现了xx:xx:xx的形式，当时的内心是崩溃的。Why?经多方的研究和询问以后发现是因为Next主题已经集成了LeanCloud，而我们只需要配置主题_config.yml即可，但是，坑爹的又出现了，把教程里面的配置过的东西删除后，次数就完全不显示了，再次经过多方的研究，解决了这个问题，所以在此记录。 ### 增加评论功能