hexo+github教程之四：配置hexo next主题第三方插件

最新推荐文章于 2022-11-23 15:40:48 发布

u012443858

最新推荐文章于 2022-11-23 15:40:48 发布

阅读量1k

点赞数

分类专栏： hexo+github 文章标签：博客 hexo

本文链接：https://blog.csdn.net/u012443858/article/details/60813948

版权

hexo+github 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

到了这一步，基本上已经拥有了一个很perfect的博客了，但是还是缺少一点第三方插件，还不算太完美。本文主要讲解几个重要的第三方插件：多说，搜索，404页面，用户访问记录，RSS和sitemap。

多说评论

1、打开多说网站，登陆多说（微博或qq快捷登录），创建站点。
hexo
2、按下图进行输入创建评论站点。
hexo
站点名称可以随便填，站点域名就填写博客域名，多说域名填写blog名，这个主题配置到时会用到（多说的short_name）
3、创建完以后进入管理后台，在左侧菜单栏里找到工具，右侧代码里看到short_name，也就是刚才输入的多说域名。
hexo
4、打开 主题配置文件（themes\next\_config.yml），找到 duoshuo_shortname，写到后面。不同主题可能名字不一样，操作都是一样的。

duoshuo_shortname: tenke

5、设置多说评论显示UA以及博主，在主题配置文件找到以下配置

duoshuo_info:
  ua_enable: true  #是否显示ua
  admin_enable: true #是否显示博主
  user_id: 123456789  #多说用户id
  admin_nickname: Tenken #博主昵称自定义

多说的用户id其实就是用户秘钥，如图：
hexo
如果想要开启多说分享的，可以找到以下配置:

duoshuo_share: true

好，多说评论配置完了，可以在本地查看一下是否已经生效了。

$ hexo clean
$ hexo s -g

博文搜索

hexo next主题有很多第三方搜索：Swiftype,微搜索,Local Search,Algolia这四种，这里我选择Local Search，至于原因就是这个比较简单，其他的都要申请账号什么的，麻烦。
1、安装 hexo-generator-searchdb，在站点的根目录下执行以下命令：

$ npm install hexo-generator-searchdb --save

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

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

配置好，重新启动一下hexo

$ hexo clean
$ hexo s -g

应该会看到:
hexo

配置404页面

404页面，我们选择腾讯公益404页面。在 hexo/source 文件夹下新建404.html。
编辑404.html页面，输入以下代码，保存。

<!DOCTYPE HTML>
<html>
<head>
  <meta http-equiv="content-type" content="text/html;charset=utf-8;"/>
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
  <meta name="robots" content="all" />
  <meta name="robots" content="index,follow"/>
</head>
<body>
<script type="text/javascript" src="http://www.qq.com/404/search_children.js"
        charset="utf-8" homePageUrl="your site url "
        homePageName="回到我的主页">
</script>
</body>
</html>

还要在站点配置文件开启404页面配置才能在博客页面看见404入口

menu: #菜单路径设置 如果hexo在二级目录放置要去掉/
  home: /
  categories: /categories #分类
  tags: /tags #标签
  archives: /archives #归档
  about: /about # 关于我
  #sitemap: /sitemap.xml #这个可以不用开启，给搜索引擎用的，需要安装插件
  commonweal: /404.html #公益404

记得每次修改站点配置文件需要重启hexo服务

$ hexo clean
$ hexo s -g

用户访问记录

next主题有两个用户访问记录的插件，leancloud_visitors和busuanzi_count，leancloud_visitors这个需要到https://leancloud.cn注册获取AppID and AppKey，那么我们就选择busuanzi_count这个插件。
打开主题配置文件，找到以下配置，设置为true就可以了

busuanzi_count: #第三方用户访问插件，直接开启
  # count values only if the other configs are false
  enable: true
  # custom uv span for the whole site
  site_uv: true
  site_uv_header: <i class="fa fa-user"></i>
  site_uv_footer:
  # custom pv span for the whole site
  site_pv: true
  site_pv_header: <i class="fa fa-eye"></i>
  site_pv_footer:
  # custom pv span for one page only
  page_pv: true
  page_pv_header: <i class="fa fa-file-o"></i>&nbsp&nbsp阅读数
  page_pv_footer:

RSS和sitemap

1、安装RSS和sitemap插件

npm install hexo-generator-feed --save
npm install hexo-generator-sitemap --save

2、开启RSS和sitemap功能，编辑站点配置文件 hexo/_config.yml

feed: 
  type: atom  #feed 类型 
  path: atom.xml  #rss 路径 
  limit: 20  #在 rss 中最多生成的文章数(0显示所有)

NexT 中 RSS 有三个设置选项，满足特定的使用场景。更改主题配置文件，设定 rss 字段的值：

false：禁用 RSS，不在页面上显示 RSS 连接。
留空：使用 Hexo 生成的 Feed 链接。
具体的链接地址：适用于已经烧制过 Feed 的情形。

这里我们留空就行了。

到此，next的第三方插件就配置完了，如果还想要其他插件的请参考next配置文档

下一步开始配置github域名···

我的hexo博客：http://blog.greeghost.com

u012443858

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
hexo+github教程之四：配置hexo next主题第三方插件

到了这一步，基本上已经拥有了一个很perfect的博客了，但是还是缺少一点第三方插件，还不算太完美。本文主要讲解几个重要的第三方插件：多说，搜索，404页面，用户访问记录，RSS和sitemap。多说评论1、打开多说网站，登陆多说（微博或qq快捷登录），创建站点。 2、按下图进行输入创建评论站点。站点名称可以随便填，站点域名就填写博客域名，多说域名填写blog名，这个主题配置到时会用到
复制链接

扫一扫