1. 博客本地部署

1.1. Node.js环境安装

Hexo是基于node.js编写的，所以需要安装一下nodeJs和里面的npm工具。

Windows：官网下载安装即可

Linux:

# Debian/Ubuntu等系统
yum install nodejs
yum install npm

# Centos/RedHat等系统
apt-get install nodejs
apt-get install npm

Mac OS:

brew install npm

1.2. 本地部署

npm install hexo-cli -g # 安装hexo全局环境
hexo init blog # 初始化博客
cd blog
npm install # 安装博客运行的依赖文件

下面记录了部署过程中踩过得一些坑 >_<

1.2.1. EACCES permissions errors报错

unix类系统使用npm安装全局包的时候会报EACCES permissions errors错误，官方说明中强烈建议不要使用root权限安装。

1.2.2. npm安装node-gyp模块时报错

在Mac os上使用npm安装时，报如下错误：

> node-gyp rebuild

No receipt for 'com.apple.pkg.CLTools_Executables' found at '/'.

No receipt for 'com.apple.pkg.DeveloperToolsCLILeo' found at '/'.

No receipt for 'com.apple.pkg.DeveloperToolsCLI' found at '/'.

gyp: No Xcode or CLT version detected!
...

原因是之前作死，升级了系统，需要重新安装Xcode，参考issues：

https://github.com/schnerd/d3-scale-cluster/issues/7
https://github.com/nodejs/node-gyp/blob/master/macOS_Catalina.md

解决方案：

sudo rm -rf $(xcode-select -print-path)
sudo rm -rf /Library/Developer/CommandLineTools
xcode-select --install

# 检验是否安装成功
/usr/sbin/pkgutil --packages | grep CL
# com.apple.pkg.CLTools_Executables

/usr/sbin/pkgutil --pkg-info com.apple.pkg.CLTools_Executables
# version: 11.0.0

1.3. npm镜像源修改

官方镜像源比较慢，推荐修改为国内的淘宝镜像源。

npm install 软件名 --registry https://registry.npm.taobao.org/ # 临时修改镜像源
npm config set registry https://registry.npm.taobao.org # 永久设置为淘宝镜像源
npm config list # 查看npm的配置

1.4. hexo版本更新

原先hexo安装的版本是3.x.x，由于后来想升级到4.0.0以上的版本，需要对hexo进行版本升级，按百度到的结果使用以下指令升级

npm i hexo-cli -g
npm update

发现这只能升级到3.9.0版本。后来在官方文档找到升级到4.x.x的方法。

使用hexo生成的博客文件夹下，将其中package.json中的"hexo":"^3.9.0"置换成"hexo":"^4.0.0"，最后使用npm update指令即可升级到4.0.0版本。

1.5. 博客的目录结构

.
├── _config.yml # 博客网站生成时需要用到的插件的配置文件
├── db.json # 网站数据
├── node_modules # 类库
├── package-lock.json # 该博客网站生成需要的依赖项
├── package.json # 博客网站生成需要的全局依赖项，执行npm install指令可以安装这些依赖项
├── public # 博客网站的静态文件，会把该文件夹发布到远程服务器
├── scaffolds # 新建一篇文章时的front-matter用到的模板，front-matter是后面静态文件生成时，文章显示参数的设置，包括文章标题，新建日期，标签等
├── source # 里面存放着博客编写的文章
└── themes # 博客用到的主题资源库

1.6. 博客内容更新

hexo new [post] new_paper # 创建一篇新的文章，会在/source/_posts中生成new_paper.md

hexo new page new page # 生成一个新的页面，会在/source中生成new_page文件夹，又来存放该页面的文章
hexo new new_page new_paper # 在新的页面中生成一篇新的文章

hexo new draft new_draft # 生成一篇草稿，这个仅自己可见，不会出现在正式网站上
hexo publish draft new_draft # 将草稿发布到post页面

hexo clean # 清除以往生成的博客网站数据，非必须
hexo g # 生成网站
hexo s # 启动本地服务器，默认地址 http://localhost:4000

浏览器中输入http://localhost:4000即可访问刚刚建好的博客，当然，现在这个博客是破破烂烂的，还需要下面进行添砖加瓦。

2. 博客主题选择

默认的模板是landscape，看起来low low 的，有必要自定义一个定制化的主题。官方的主题库中有不少精美的模板，可以根据喜好挑选一个，目前主流的是NexT主题。

我的博客使用的是matery主题的模板，感谢一波作者大大~

2.1. 主题安装

git clone git@github.com:blinkfox/hexo-theme-matery.git themes/matery # 找到主题的项目地址，把主题拉到本地的themes文件夹下
sed -i '' 's/landscape/matery/g' _config.yml # 把默认主题landspace换成matery

2.2. 主题目录的文件结构

themes
└── matery
    ├── LICENSE
    ├── README.md
    ├── README_CN.md
    ├── _config.yml # 主题的配置文件
    ├── languages # 默认是英文显示，若要其他语言显示，则需要在此添加对应语言的翻译规则，需要修改语言时，修改 /_config.yml 中的 “language:” 这一项
    ├── layout # 页面js文件
    └── source # 图片等资源存放目录，这个目录对应为生成的静态网站的root路径

2.3. 主题项配置

在主题文件的根目录下，也是有一份_config.yml文件，博客根目录下的_config.yml是全局配置，优先级较高，主题的配置文件是全局配置的补充。

2.3.1. 可配置项

在主题的_config.yml文件可以对下列项目进行设置。

菜单
我的梦想
首页的音乐播放器和视频播放器配置
是否显示推荐文章名称和按钮配置
favicon 和 Logo
个人信息
TOC 目录
文章打赏信息
复制文章内容时追加版权信息
MathJax
文章字数统计、阅读时长
点击页面的'爱心'效果
我的项目
我的技能
我的相册
Gitalk、Gitment、Valine 和 disqus 评论配置
不蒜子统计和谷歌分析（Google Analytics）
默认特色图的集合。当文章没有设置特色图时，本主题会根据文章标题的 hashcode 值取余，来选择展示对应的特色图

2.3.2. 其他页面设计

菜单栏中已有默认的页面有Index, Tags, Categories, Archives, About, Contact, Friends，但这些页面都是还没有被初始化的，需要手动初始化，当然你也可以自定义自己的页面

hexo new page categories
hexo new page tags
...

在执行每个初始化页面的指令后，都会在/source生成对应的文件夹，每个文件夹内都有一个index.md文件，这个文件就是每个页面要显示的内容。

在index.md的front-matter中添加type和layout属性，就可以使用主题已经设计好的页面了，例如tags页面的index.md添加

type: "tags"
layout: "tags"

2.3.3. 添加404页面

首先再站点根目录下的source文件夹下新建404.md文件，里面内容如下：

---
title: 404
date: 2020-02-10 16:41:10
type: "404"
layout: "404"
description: "Oops～，我崩溃了！找不到你想要的页面了"
---

紧接着再新建主题文件夹的layout目录下新建404.ejs文件，添加内容如下：

<style type="text/css">
    /* don't remove. */
    .about-cover {
        height: 90.2vh;
    }
</style>
<div class="bg-cover pd-header about-cover">
    <div class="container">
        <div class="row">
            <div class="col s10 offset-s1 m8 offset-m2 l8 offset-l2">
                <div class="brand">
                    <div class="title center-align">
                        404
                    </div>
                    <div class="description center-align">
                        <%= page.description %>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<script>
    // 每天切换 banner 图.  Switch banner image every day.
    $('.bg-cover').css('background-image', 'url(https://cdn.jsdelivr.net/gh/Yafine/cdn@2.6/source/medias/banner/' + new Date().getDay() + '.jpg)');
</script>

2.3.4. 图标设置

主题支持FontAwesome的图标库，例如

新浪微博: fa-weibo
微信: fa-wechat
QQ: fa-qq

例如插入QQ的图标时，只需在Markdown中插入

<i class="fa fa-qq" aria-hidden="true"></i>

2.3.5. 文章的front-matter参数设置

配置选项	默认值	描述
title	`Markdown` 的文件标题	文章标题，强烈建议填写此选项
date	文件创建时的日期时间	发布时间，强烈建议填写此选项，且最好保证全局唯一
author	根 `_config.yml` 中的 `author`	文章作者
img	`featureImages` 中的某个值	文章特征图，推荐使用图床(腾讯云、七牛云、又拍云等)来做图片的路径.如: `http://xxx.com/xxx.jpg`
top	`true`	推荐文章（文章是否置顶），如果 `top` 值为 `true`，则会作为首页推荐文章
cover	`false`	`v1.0.2`版本新增，表示该文章是否需要加入到首页轮播封面中
coverImg	无	`v1.0.2`版本新增，表示该文章在首页轮播封面需要显示的图片路径，如果没有，则默认使用文章的特色图片
password	无	文章阅读密码，如果要对文章设置阅读验证密码的话，就可以设置 `password` 的值，该值必须是用 `SHA256` 加密后的密码，防止被他人识破。前提是在主题的 `config.yml` 中激活了 `verifyPassword` 选项
toc	`true`	是否开启 TOC，可以针对某篇文章单独关闭 TOC 的功能。前提是在主题的 `config.yml` 中激活了 `toc` 选项
mathjax	`false`	是否开启数学公式支持，本文章是否开启 `mathjax`，且需要在主题的 `_config.yml` 文件中也需要开启才行
summary	无	文章摘要，自定义的文章摘要内容，如果这个属性有值，文章卡片摘要就显示这段文字，否则程序会自动截取文章的部分内容作为摘要
categories	无	文章分类，本主题的分类表示宏观上大的分类，只建议一篇文章一个分类
tags	无	文章标签，一篇文章可以多个标签，如果要写成多个标签，要写成下全面这种形式： tags: - xxx - yyy - zzz
keywords	文章标题	文章关键字，SEO 时需要
reprintPolicy	cc_by	文章转载规则，可以是 cc_by, cc_by_nd, cc_by_sa, cc_by_nc, cc_by_nc_nd, cc_by_nc_sa, cc0, noreprint 或 pay 中的一个

2.3.6. 添加雪花飘落效果

在themes/matery/source/js目录下新建snow.js文件，然后再themes/matery/layout/layout.ejs文件内添加下面的内容即可

<script src="/js/snow.js"></script>

PS：加了这些花里胡哨的效果后，网站的加载速度会变慢，网站就不再简洁高效了，我个人是不太喜欢加过多的特效。

3. 博客插件安装

原生态的hexo功能比较少，需要安装一些插件才能更好地运行。安装插件的指令为

npm install plugins-name --save

其中--save会把依赖项添加进package.json文件中，新安装的插件源文件在/node_modules/plugins-name，插件安装其实就是下载了一套模板，这些模板大多是一些js文件。其运行机制就是在生成网站的静态文件时，会根据/_config.yml中设置的参数，生成对应的js文件，在指定的位置插入或替换这些js文件。

当你觉得这个插件满足不了你的功能时，可以直接到该插件的资源目录中修改其模板。

这里有一个官方的插件库，下面介绍几个比较有用的插件。其实有不少插件已经默认在选择的主题中安装了，譬如下面的valine的评论插件，已经有的插件就不用重复安装了。

3.1. 静态文件部署到远端Git服务器

deployer-git可以在你使用hexo d指令时，自动把静态文件部署到Git服务器上。一般来说，只要你想要把你的博客发布到外网中，这个插件是必备，当然你也可以手动git push部署

npm install hexo-deployer-git --save

然后在_config.yml文件中修改

deploy:
  type: git
  repo: git@github.com:/YourgithubName/YourgithubName.io.git,master
    # 当有多个服务源时以下设置
    # github: git@github.com:/YourgithubName/YourgithubName.io.git,master
    # gitee: git@gitee.com:/YourgithubName/YourgithubName.git,master

3.2. 百度主动提交链接

SEO策略时需要用到的插件，可以主动推送最新的链接到百度收录中

npm install hexo-baidu-url-submit --save

然后在_config.yml文件中修改

baidu_url_submit:
  count: 3 ## 比如3，代表提交最新的三个链接
  host: your_site ## 在百度站长平台中注册的域名
  token: your_token ## 请注意这是您的秘钥， 请不要发布在公众仓库里!
  path: urls.txt ## 文本文档的地址， 新链接会保存在此文本文档里

# deploy中增加一行
deploy:
- type: git
	...
- type: baidu_url_submitter

3.3. 站点地图生成

SEO策略时需要用到的插件，生成网站的站点地图（sitemap），可以通过sitemap推送推送网站链接到搜索引擎中

npm install hexo-generator-sitemap --save
npm install hexo-generator-baidu-sitemap --save

然后在_config.yml文件中添加

sitemap:
  path: sitemap.xml
baidusitemap:
  path: baidusitemap.xml

然后就会生成sitemap.xml和baidusitemap.xml这两个站点地图。

3.4. 非中文链接生成

当我们使用中文生成文章的时候，例如hexo new 测试，生成测试.md文件，hexo d命令后，生成测试.html文件，对应的访问地址就是http://xxxx/.../测试.html，这显然对搜索引擎不友好，这需要把中文地址自动转为数字或英文地址，当然这篇博文提到的方法可以参考一下。

这里也可以安装abbrlink插件来自动生成非中文链接

npm install hexo-abbrlink --save

然后在_config.yml文件中添加

abbrlink:
    alg: crc16   # 算法：crc16(default) and crc32
    rep: hex     # 进制：dec(default) and hex: dec #输出进制：十进制和十六进制，默认为10进制。丨dec为十进制，hex为十六进制

# permalink配置修改改为下面这个
permalink: posts/:abbrlink.html

3.5. 文章标题锚点设置

标题的锚点（anchor），即每个标题处会生成一个对应的 id，URL后面加上#id就会跳转到对应的标题。其实，hexo本身就自带了一个默认的 markdown 渲染引擎hexo-renderer-marked自动生成锚点，这里拎出来讲是因为我在使用这个插件的时候，并不能使用锚点跳转这个功能。网上查了一些资料，有说是这个插件本身有bug，有时会与主题冲突。这个问题暂时还没有解决，这里先Mark一个TODO。

3.6. 外部链接跳转

hexo-external-link是一个跳转外链相关插件。自动为所有html文件中外链的a标签生成对应的属性。比如设置target=’_blank’, rel=’external nofollow noopener noreferrer’ 告诉搜索引擎这是外部链接,不要将该链接计入权重。同时自动生成外链跳转页面,默认在根目录下 go.html;

npm install hexo-external-link --save

然后在_config.yml文件中添加

hexo_external_link:
  enable: true
  enable_base64_encode: true
  url_param_name: 'u'
  html_file_name: 'go.html'
  target_blank: true
  link_rel: 'external nofollow noopener noreferrer'
  domain: 'your_domain' # 如果开启了防盗链
  safety_chain: true

3.7. markdown格式渲染优化

如果觉得自带的代码高亮格式渲染出来的效果不好看，可以试试prism-plugin插件

npm install hexo-prism-plugin --save

然后在_config.yml文件中添加

prism_plugin:
  mode: 'preprocess'    # realtime/preprocess
  theme: 'tomorrow'
  line_number: false    # default false
  custom_css:

# 此处为修改
highlight:
  enable: false

3.8. flowchart格式支持

flowchart是一种支持Markdown的流程图格式，filter-flowchart使你的博客也支持这种格式

npm install hexo-filter-flowchart --save

然后在_config.yml文件中添加

flowchart:
  # raphael:   # optional, the source url of raphael.js
  # flowchart: # optional, the source url of flowchart.js
  options: # options used for `drawSVG`

3.9. 图片懒加载

当你的文章中的图片很多的时候，每次打开页面的时候就会加载很慢，于是就有了懒加载。

懒加载的意思就是加载网页时文字先出来，图片再慢慢出来，这样就可以显著提高阅读体验。

npm install hexo-lazyload-image --save

然后在_config.yml文件中添加

lazyload:
  enable: true 
  onlypost: false
  loadingImg: #如果不填写图片则使用默认的图片

3.10. 图片存储路径优化

当本地图片有很多的时候，管理起来比较麻烦，可以使用asset-image这个插件，这个插件会在生成xxx.md文件同时生成一个xxx文件夹，你可以往这个文件夹放入一张img.png时，只需要在你的.md文件中输入![img](img.png)时，就会插入相应的图片，同时，该插件也支持abbrlink插件。（PS：我个人不太喜欢这种写法，这个必须生成博客后才能看到图片的效果，我本地编写的时候不能预览，这就让我感很不爽了）

npm install hexo-asset-image --save

然后在_config.yml文件中修改

# 把原有的配置项改为true
post_asset_folder: true

3.11. 文章标题自动添加序号

Heading-index插件可以自动为你的标题自动添加形如 1.1.1 这样的序号

npm install hexo-heading-index --save

然后在_config.yml文件中添加

heading_index:
  enable: true
  index_styles: "{1} {1} {1} {1} {1} {1}"
  connector: "."
  global_prefix: ""
  global_suffix: ". "

3.12. 评论功能开放

一个标准的博客怎么可以少得了一个评论区，评论的存储是在另外的服务器上的，这里推荐livere和valine这两个插件，但livere是国外的服务器，加载很慢，而且容易被墙，所以这里我选择了valine

npm install leancloud-storage --save # # Install leancloud's js-sdk
npm install valine --save # Install valine

然后在_config.yml文件中添加

valine:
  enable: true
  appid:  # 官网获取的appid
  appkey: # 官网获取的appkey
  notify: false # mail notifier , https://github.com/xCss/Valine/wiki
  verify: false # Verification code
  placeholder: ヾﾉ≧∀≦)o来啊，快活啊! 
  guest_info: nick,mail,link
  pageSize: 10

3.13. 文章搜索

generator-search插件可以提供博客的内容搜索

npm install hexo-generator-search --save

然后在_config.yml文件中添加

search:
  path: search.xml
  field: post

3.14. 字数统计

wordcount插件可以统计文章中的字符，根据字数估算阅读时间。

npm install hexo-wordcount --save

然后在_config.yml文件中添加

post_wordcount:
  item_text: true               # 是否显示“字数统计”及“阅读分钟”的文字
  wordcount: true               # 是否显示字数统计
  min2read: true                # 是否显示估算阅读分钟
  totalcount: true          # 是否在网站底部显示所有文章字数之和
  separated_meta: true

3.15. 添加RSS订阅

就如同订阅公众号一样，如果你喜欢某个博主，或者某个平台的内容，你可以通过RSS订阅它们，然后在RSS阅读器上可以实时推送这些消息。可以安装 hexo-generator-feed 插件使用RSS订阅功能。

npm install hexo-generator-feed --save

然后在_config.yml文件中添加

# RSS订阅
feed:
  type: atom
  path: atom.xml
  limit: 20
  hub:
  content:
  content_limit: 140
  content_limit_delim: ' '

这个时候你的RSS链接就是域名/atom.xml了。

3.16. emoji表情支持

安装 filter-github-emojis插件后，Markdown中键入:smile:后就可以了（其实，在Macbook上是可以直接输入emoji，不需要输入代码的，效果是一样的）

可以在EMOJI CHEAT SHEET找到自己想要的emojis的代码

npm install hexo-filter-github-emojis --save

然后在_config.yml文件中添加

githubEmojis:
  enable: true
  className: github-emoji
  inject: true
  styles:
  customEmojis:

PS：我这里安装这个插件的时候可谓经历了一波三折。

首先安装了这个插件后，emoji并没有正常显示，后来发现这个插件依赖与另一个插件canvas没有成功安装，然后这个插件当我在Mac上安装的时候，死活装不上去，后来查了官方的issus，说是这个插件依赖的另一插件node_gyp的系统依赖包没安装（禁止套娃-_-||），最后使用下面指令安装了系统库后才成功安装canvas
brew install pkg-config cairo pango libpng jpeg giflib librsvg
npm install canvas --save
安装好后，emoji还是没有添加成功，怎么回事，继续找资料，发现原来hexo自带的hexo-renderer-marked插件不支持emoji，后来换了一个hexo-renderer-markdown-it插件才正常显示，好家伙，真就调环境七小时，干活一小时-_-||||||

但是这个hexo-renderer-markdown-it插件有很多兼容问题，后来还是弃用这个插件了。

3.17. 添加一个二次元的萌妹子

helper-live2d插件可以为你的博客生成一个随着你的鼠标抖动（误）的二次元萌妹子，死宅居家必备

npm install hexo-helper-live2d --save

然后在_config.yml文件中添加

live2d:
  enable: true
  scriptFrom: local
  pluginRootPath: live2dw/
  pluginJsPath: lib/
  pluginModelPath: assets/
  tagMode: false
  log: false
  model:
    use: live2d-widget-model-wanko
  display:
    position: right
    width: 150
    height: 300
  mobile:
    show: true
  react:
    opacity: 0.7

4. 博客发布

现在都还只是本地部署，要想通过外网能访问，就得部署到远程的服务器上。

4.1. Git环境配置

主要是公私钥的配置，具体操作参考创建ssh key

4.2. 部署到远端服务器

下面还是以GitHub为例。

打开你的GitHub，新建一个仓库，命名为xxx.github.io（xxx是你GitHub账号，以免给自己后面添麻烦，一定要以这种格式命名，否则建好的博客根目录是https://xxx.github.io/yyy，博客的排版会乱掉或者直接就是404了）。

仓库建好后，就会被GitHub自动识别，并自动创建GitHub Pages，你可以在新建仓库的setting的GitHub Pages一栏中看到Your site is published at https://xxx.github.io/信息时，说明你的博客主页已经成功开通了。

接下来就是hexo g -d（前提是Git环境和hexo-deployer-git插件已经配置好）把你的博客更新上传。

最后，浏览器中输入https://xxx.github.io即可访问你的博客了。

4.3. 设置个人域名

默认博客的地址是https://xxx.github.io，如果感觉很low，可以在阿里云等网站上购买注册一个域名，然后按以下步骤操作：

4.3.1. 域名解析设置

4.3.2. 本地博客资源设置

4.3.3. GitHub设置

4.4. 境内外分流

如果嫌弃国内访问GitHub速度慢，可以使用境内外分流策略。通过把域名分别解析到国外地址和国内地址，实现境外走国外服务器，境内走国内服务器。

4.4.1. 部署到国内现有的git托管服务器

国内的托管服务可以试试Gitee、或者coding，基本步骤和部署到GitHub上是差不多的，具体可以参考

使用Gitee+Hexo搭建个人博客

Coding Pages 搭建静态网站

我这里选择的是gitee，但gitee的自定义域名是要收费的。

自定好域名后，接下来是修改/_config.yml文件

deploy:
  type: git
  message: [message]
  repo:
    github: <repository url>,[branch]
    gitee: <repository url>,[branch]

最后在阿里云域名添加解析，GitHub的设置为境外，gitee的设置为默认即可。

4.4.2. 部署到私有的云服务器

国内的现有免费托管服务器也有恶心的地方，要么会给你的博客页面插入广告，要么就是某些功能需要收费。如果受不了这气，可以选择把自己的博客部署到私有的云服务器上。其实现在租一台云服务器挺便宜的，没到节日还有很多活动，你甚至还可以把它当成云盘使用，这看来是不是很coooooool

其博客搭建原理是通过hexo d把网站的资源文件上传到服务器，然后使用Nginx等代理搭建网站。

具体做法可以参考：

创建私有的Git服务器

Nginx静态网站搭建

5. SEO 优化

SEO（Search Engine Optimization）即搜索引擎优化，是一种可以让你的网站被搜索引擎收录，继而可以在搜索引擎中搜索出你的网站的策略。

6. 博客迁移

hexo d指令上传的只是public里面的静态文件，不包含源文件，如果需要把博客迁移到另一台机子上，git clone下来的项目只有网站的静态文件，是没有编辑功能，所以我们需要先把源文件上传到GitHub上。

6.1. 新建分支

在你原有的博客仓库中创建一个分支，例如hexo分支，并设为默认分支，这样可以减少后面上传下载的工作量。当然你也可以另开一个GitHub仓库，专门用来存放你的博客源文件。下面采用的是在已有的仓库下建立新的分支的方法。

6.2. 上传源文件

git clone repository # 把GitHub上的项目拉到本地
cd repository
rm -rf ./* # 删除除了.git外所有的文件，记得一定要先进入文件夹后再删除！！！

cp -r your_blob_path/ . # 复制你原有的博客的所有内容到这个项目下
rm -rf themes/*/.git # 删除主题资源文件的git文件，否则发布到远程仓库时会报错
vim .gitignore

把下面写入文件，表示以下类型的文件不需要git

.DS_Store
Thumbs.db
db.json
*.log
node_modules/
public/
.deploy*/

最后就是上传项目

git add .
git commit –m "add branch"
git push

6.2.1. git commit –m "add branch"报错

在我的Mac中输入git commit –m "add branch"指令后报了以下错误

error: 路径规格 '–m' 未匹配任何 git 已知文件
error: 路径规格 'add branch' 未匹配任何 git 已知文件

网上找了很多资料都没有找到解决方案，最后，我的解决方法是直接使用git commit指令，输入信息保存退出后，commit成功（真是玄学-_-||），目前尚未知报错的原因。

6.3. 迁移到新的工作环境

新的环境按之前的步骤搭好git、node.js等环境后，安装项目依赖包即可完成项目的迁移

git clone repository
cd repository

npm install

7. Reference

hexo官网

hexo史上最全搭建教程

GitHub+Hexo 搭建个人网站详细教程

使用Gitee+Hexo搭建个人博客

Coding Pages 搭建静态网站

matery主题文档

11分钟个性化定制hexo开发个人博客

hexo 博客搭建

2019年总结

Summary of 2019

2020-03-24 生活感悟

生活感悟

常用shell指令_指令操作符相关

cheat sheet of shell

2020-03-20 工具使用文档

linux shell

hexo个人博客搭建

1. 博客本地部署

1.1. Node.js环境安装

1.2. 本地部署

1.2.1. EACCES permissions errors报错

1.2.2. npm安装node-gyp模块时报错

1.3. npm镜像源修改

1.4. hexo版本更新

1.5. 博客的目录结构

1.6. 博客内容更新

2. 博客主题选择

2.1. 主题安装

2.2. 主题目录的文件结构

2.3. 主题项配置

2.3.1. 可配置项

2.3.2. 其他页面设计

2.3.3. 添加404页面

2.3.4. 图标设置

2.3.5. 文章的front-matter参数设置

2.3.6. 添加雪花飘落效果

3. 博客插件安装

3.1. 静态文件部署到远端Git服务器

3.2. 百度主动提交链接

3.3. 站点地图生成

3.4. 非中文链接生成

3.5. 文章标题锚点设置

3.6. 外部链接跳转

3.7. markdown格式渲染优化

3.8. flowchart格式支持

3.9. 图片懒加载

3.10. 图片存储路径优化

3.11. 文章标题自动添加序号

3.12. 评论功能开放

3.13. 文章搜索

3.14. 字数统计

3.15. 添加RSS订阅

3.16. emoji表情支持

3.17. 添加一个二次元的萌妹子

4. 博客发布

4.1. Git环境配置

4.2. 部署到远端服务器

4.3. 设置个人域名

4.3.1. 域名解析设置

4.3.2. 本地博客资源设置

4.3.3. GitHub设置

4.4. 境内外分流

4.4.1. 部署到国内现有的git托管服务器

4.4.2. 部署到私有的云服务器

5. SEO 优化

6. 博客迁移

6.1. 新建分支

6.2. 上传源文件

6.2.1. git commit –m "add branch"报错

6.3. 迁移到新的工作环境

7. Reference

你的赏识是我前进的动力