看到一些大神的next博客站点很酷 那到底是怎么实现的呢 经过一番的倒腾，终于将一些使用且比较酷的功能添加到自己的博客中

主要添加的功能有：

• 在右上角或者左上角实现fork me on github
• 添加RSS·
• 添加动态背景·
• 在每篇文章末尾统一添加“本文结束”标记
• 修改作者头像并旋转
• 主页文章添加阴影效果
• 在网站底部加上访问量
• 添加菜单分类页面·
• 首页实现文章内容截断（展示阅读全文）
• 网站底部字数统计
• 添加 README.md 文件·
• 隐藏网页底部powered By Hexo / 强力驱动
• 添加来必力评论 Livere·
• DaoVoice 在线联系
• 添加站内搜索

  0 实现fork me on github

1.修改头像并配置头像样式

• 编辑 ·主题配置文件·， 修改字段 `avatar， 值设置成头像的链接地址。其中，头像的链接地址可以是：

  将头像图片放置在 source/images/ 目录下

    配置为：avatar: /images/avatar.png
    或者使用图片的在线地址  
  

  2.设置博客背景动画

  NexT 自带两种背景动画效果：
  编辑 主题配置文件， 搜索 canvas_nest 或 three_waves，根据您的需求设置值为 true 或者 false 即可：如下、

#canvas_nest
canvas_nest: true //开启动画

#three_waves
three_waves: false //关闭动画

3.添加RSS

在blog目录下安装hexo-generate-feed 然后打开z主题配置文件,在里面配置为如下样子：(就是在rss:的后面加上/atom.xml,注意在冒号后面要加一个空格)

#Set rss to false to disable feed link.
#Leave rss as empty to use site’s feed link.
# Set rss to specific value if you have burned your feed already.
rss: /atom.xml

4.在网站底部加上访问量

有点不想写了

5.网站底部字数统计

  修改如下部分

#Post wordcount display settings
# Dependencies: https://github.com/willin/hexo-wordcount
post_wordcount:
item_text: true
wordcount: true
min2read: true
totalcount: false
separated_meta: true

在适当的位置添加以下页面代码

6.添加README.md

• 每个项目下一般都有一个 README.md 文件，但是使用 hexo 部署到仓库后，项目下是没有 README.md 文件的。

• 在 Hexo 目录下的 source 根目录下添加一个 README.md 文件，修改站点配置文件 _config.yml，将 skip_render 参数的值设置为skip_render:README.md

• 保存退出即可。再次使用 hexo d 命令部署博客的时候就不会在渲染 README.md 这个文件了。

  7.添加菜单分类/标签页面

    在hexo站点目录下 使用hexo new page 新建一个页面 命名为tags 如下：

  hexo new page tags
  此时会在hexo > source文件夹中会生成一个tags文件夹。
  编辑tags文件夹下面的.md文件

    在菜单中添加链接。编辑 主题配置文件 ， 添加 tags 到 menu 中，如下:

  menu:
  home: / || home
  archives: /archives/ || archive
  tags: /tags/ || tags

  注：||之前的值是目标链接，之后的是页面的图标，图标名称来自于FontAwesome icon。若没有配置图标，默认会使用问号图标。

8.添加livere来必力评论模块

注意：最新版 hexo-theme-next 已经包含 LiveRe 插件，下载最新版本，配置 livere_uid 即可使用

获取livere_uid步骤

1. 注册 LiveRe

进入 LiveRe，注册账号。

LiveRe 有两个版本：

City 版：是一款适合所有人使用的免费版本；
Premium 版：是一款能够帮助企业实现自动化管理的多功能收费版本。City版就够了。
安装，获取 uid：

填写完成后，进入到 管理页面 -> 代码管理 -> 一般网站 代码中，data-uid 即为所需 uid

2. 添加 LiveRe 插件

   首先在 _config.yml 文件中添加如下配置：

   #Support for LiveRe comments system.
   #You can get your uid from https://livere.com/insight/myCode (General web site)
   livere_uid: your uid

   其中 livere_uid 即上一步获取到的 uid。其他的设置在最新版中都不需要配置啦 所以说程序员还是要用新的潮的东西

9.设置网站图标

具体方法实现

找一张（32*32）的ico图标，并将图标名称改为favicon.ico，然后把图标放在/themes/next/source/images里，并且修改`主题配置文件`,下面就是图标配置代码修改即可：

favicon:
small: /images/favicon-16x16-next.png
medium: /images/favicon-32x32-next.png
apple_touch_icon: /images/apple-touch-icon-next.png
safari_pinned_tab: /images/logo.svg

10.站内博客搜索

添加百度/谷歌/本地 自定义站点内容搜索.

1.安装 hexo-generator-searchdb，在站点的根目录下执行以下命令：  

npm install hexo-generator-searchdb –save

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

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

3.编辑 主题配置文件，启用本地搜索功能：
> #Local search
local_search:
enable: true

11.首页文章内容截断

编辑主题配置文件 如下设置则会开启自动截断功能

#Automatically Excerpt. Not recommend.
# Please use

Hexo 是开源的npm的博客包

使用markdown语法写博客 结合github page 服务，有一个免费的开源博客

• git配置过程

  • 全局配置 username email ssh
    在git bash中执行代码：

       1. git config global user.name "gitname"  
       2.git config global user.email "email"  
       3.ssh-keygen -t rsa -C "git@email"  一路回车  
    

    找到.ssh文件夹 打开id_rsa.pub复制内容

       4.到github上 setting 中ssh key添加 title为空 粘贴ssh至内容中  
    

  • 验证一下是否成功
    1.在hexo目录下将
    https://github.com/HeiLiu/HeiLiu.github.io.git

• hexo init 初始化博客

  1. 执行一下初始化命令系统会去github clone一个博客来到本地
  2. ./node_modules是以来文件夹，npm包 项目所有依赖都在这里。 3.博客存放地址 source/_post/**.md 4.markdown 语法 更简捷的写html 5.theme主题文件夹

• hexo clean

  • 清空生成的站点博客文件

• hexo generate

  • 博客的产生
    hexo generate 将markdown语法编译成public/*.html

• hexo server

  打开本地服务器  
  

• hexo deploy

  • 将本地生成的public文件内容发布到github

hexo 不蒜子统计不显示的问题