Hexo静态博客搭建和部署

软件安装

Nodejs

Node.js

• node -v确认nodejs版本，安装成功

Git Bash

Downloading Git

• git --version确认nodejs版本，安装成功

nodejs和git自己选好安装位置之后无脑下一步就行。以下都以我个人的安装目录（D:\ProgrammingKits\nodejs 和 D:\ProgrammingKits\Git）为前提，请大家各自修改为自己的路径。

Nodejs插件安装

• 最新的Nodejs自带npm，但是默认安装和缓存地址不在Nodejs根目录下

  npm的默认全局模块的安装地址是 C:\Users\Administrator\AppData\Roaming\npm

  npm的默认缓存的地址是 C:\Users\Administrator\AppData\Roaming\npm_cache

首先修改nodejs的prefix（全局）和cache（缓存）文件夹地址

• 运行npm config set cache "D:\ProgrammingKits\nodejs\node_cache"设置缓存文件夹
• 运行npm config set prefix "D:\ProgrammingKits\nodejs\nodejs"设置全局模块存放路径。

这种方法可以不用像npm config set prefix "D:\ProgrammingKits\nodejs\node_global"需要修改环境变量。

以后npm和cnpm安装的全局模块都会被放到 D:\ProgrammingKits\nodejs\node_modules 下，跟自带的npm模块本体在一个文件夹中。

cnpm

这里安装淘宝的cnpm包管理器，以提高下载速度。

• 运行npm install -g cnpm --registry=http://registry.npm.taobao.org
• cnpm -v 确认cnpm版本，安装成功

hexo

静态博客框架

• 运行cnpm install -g hexo-cli 安装hexo框架
• hexo -v确认hexo版本，安装成功

Hexo框架的使用

• hexo常用命令
  • hexo init初始化博客
  • hexo clean清理缓存文件
  • hexo g生成文件
  • hexo s运行本地服务器
  • hexo d部署到服务器
  • hexo n "MyBlog"创建新的文章

现在我们只需要在 D:\MyBlog\HexoBlog 下运行hexo init & hexo s，在浏览器中输入 localhost:4000 即为最初始的博客内容。

部署博客

创建仓库

用来存放你的代码/网站供别人访问

创建部署分支

master用来放代码，ph-pages用来部署网站

开启Gitee Pages服务

创建公钥

ssh-keygen -t rsa -C "邮箱地址"

密钥对生成后默认的位置是在 C:\Users\Administrator.ssh 的目录下。

其中 id_rsa 是私钥，id_rsa.pub 是公钥。

用记事本打开并复制公钥。

添加公钥

将复制到的公钥粘贴进去并确定保存。

安装hexo-deployer-git

• 运行npm install hexo-deployer-git --save

修改配置文件

打开D:\MyBlog\HexoBlog_config.yml查找deploy，并行修改下面这段代码

deploy:
type: git
repo: https://gitee.com/NephrenCake/NephrenCake.git
branch: ph-pages

部署至云端

• 运行hexo d

https://nephrencake.gitee.io/ 即静态博客的地址了。

• 如果有网页不同步的时候
  • 在Gitee Pages 服务中更新部署（每次deploy之后都要手动更新）
  • 清理浏览器缓存

GitHub部署

创建博客仓库

1. New repository
2. 仓库名应该为：用户名.github.io

部署

1. hexo clean & hexo g & hexo d
2. 推上去就可以直接访问 用户名.github.io 了