hexo主题、插件安装

前言

Hexo提供了很多主题,具体可参见 Hexo Themes ,我使用的是 MOxFIVE 的yelee主题,喜欢的可以clone下来,具体设置方法可看详细内容。hexo博客主题安装以及一些常用插件的安装,例如:站内搜索,访客统计,百度分享。

image1

1、安装主题

1.1 将Git Shell 切到自己博客目录下,然后执行下面的命令,将yelee下载到 themes/yelee 目录下

git clone https://github.com/MOxFIVE/hexo-theme-yelee.git themes/yelee

1.2 修改你的博客根目录下的config.yml配置文件中的theme属性,将其设置为yelee.

1.3 更新yelee主题

cd themes/yelee
git pull

提示:先备份_config.yml文件再更新。  

2、 配置

如果yelee的默认设置不能满足需要的话,你可以修改 /themes/yelee/下的配置文件_config.yml来定制。
各个config的含义,请参考yelee说明中的介绍。

2.1 评论框配置

yelee配置了 Disqus,多说 及 友言评论,(/themes/yelee/_config.yml),默认关闭,将其打开。
把 #on: true 改为 on: true 即启用对应评论系统.

 NOTE:选一个作为网站评论系统,其他保持 禁用 #on: true

2.1.1 Disqus

注册 Disqus,获取 shortname,然后填入下方对应区域


disqus: 
  on: true
  shortname:

2.1.2 多说

点此登陆你的多说,然后创建站点,在 domain 中填入你设定的域名前半部分
比如完整域名是: http://sunkejava.duoshuo.com,只需填入 sunkejava


duoshuo: 
  on: true
  domain: sunkejava

2.1.3 友言

友言
id 中填写你的友言用户数字ID,注册后可进入后台管理查看.


youyan:
  on: true
  id:

 友言服务在 Web 环境下运行,普通本地环境可能无法正常查看,请部署后在线上测试. 

2.2 动态加载评论模块

a

        preload_comment: true
        // true: 评论区跟随页面一起加载
        // false: 当点击评论条等区域时再加载评论模块

2.3 评论数显示

选择是否在主页文章标题旁显示评论数(支持 多说 和 Disqus)

show_count: false

3、标签云页面

使用 Hexo 命令新建一个名为 tags 的页面即可

hexo new page tags
TIP: 该页面标题可以在文件 blog目录\source\tags\index.md 中修改

4、关于我页面

使用 Hexo 命令新建一个名为 about 的页面即可

hexo new page about
TIP: 该页面标题可以在文件 blog目录\source\about\index.md 中修改

5、站内搜索

使用搜索需先安装对应插件,用于生成索引数据:插件主页
安装插件:

npm install hexo-generator-search --save
 #on: true 改为 on: true即为启用搜索
search: 
  #on: true
  onload: false

onload: true : 索引数据 search.xml 随页面一起加载 [效率优先]

onload: false : 当激活搜索框时再下载索引数据 [按需加载]

6、404页面

使用 Hexo 命令新建一个名为 404 的页面

hexo new page 404

/source/404/index.md 文件中添加 permalink: /404

title: 404 Not Found:该页无法显示
toc: false
comments: false
permalink: /404
---
TIP:404 页面显示效果可以在本地查看 http://localhost:4000/404.html  
 NOTE:无效网址自动跳转 404 页面则必须在线上测试

7、百度分享

share: 
  on: true
  baidu: true
Tip: 修改对应源码可以 增删/调整 图标:/themes/yelee/layout/_partial/post/share.ejs

8、不蒜子统计

启用后在页脚显示网站计数信息

visit_counter:
  on: true
  site_visit: true  // 站点访问量(UV)
  page_visit: true  // 页面阅读量(PV)
不蒜子插件介绍 ## 9、Sitemap for SEO 站点地图 安装Sitemap插件,执行如下代码:
npm install hexo-generator-seo-friendly-sitemap --save
配置_config.yml文件
sitemap:
   path: sitemap.xml

10、RSS订阅设置

安装hexo-generator-feed插件,详情点此

$ npm install hexo-generator-feed --save
配置_config.yml文件
feed:
  type: atom
  path: atom.xml
  limit: 20
  hub:

有什么留言或问题直接在文末留下评论即可。

欢迎访客:

    Contents
    1. 1. 前言Hexo提供了很多主题,具体可参见 Hexo Themes ,我使用的是 MOxFIVE 的yelee主题,喜欢的可以clone下来,具体设置方法可看详细内容。hexo博客主题安装以及一些常用插件的安装,例如:站内搜索,访客统计,百度分享。
    2. 2. 前言
    3. 3. 1、安装主题
      1. 3.1. 1.1 将Git Shell 切到自己博客目录下,然后执行下面的命令,将yelee下载到 themes/yelee 目录下
      2. 3.2. 1.2 修改你的博客根目录下的config.yml配置文件中的theme属性,将其设置为yelee.
      3. 3.3. 1.3 更新yelee主题
    4. 4. 2、 配置
      1. 4.1. 2.1 评论框配置
        1. 4.1.1. 2.1.1 Disqus
        2. 4.1.2. 2.1.2 多说
        3. 4.1.3. 2.1.3 友言
      2. 4.2. 2.2 动态加载评论模块
      3. 4.3. 2.3 评论数显示
    5. 5. 3、标签云页面
    6. 6. 4、关于我页面
    7. 7. 5、站内搜索
    8. 8. 6、404页面
    9. 9. 7、百度分享
    10. 10. 8、不蒜子统计
    11. 11. 10、RSS订阅设置
      1. 11.1. 欢迎访客:
    |