基于hexo框架的博客搭建方法

---

• 安装git

点击进入git官网

点击这里进行下载安装

安装完成后到桌面空白处右键后出现如图所示的"Git GUI Here"和"Git Bash Here"，则表示安装成功

---

• 安装node.js

点击进入node.js官网

选择左边的绿色选项进行下载安装

到桌面空白处右键后选择"Git Bash Here"，然后分别输入node -v和npm -v验证是否安装成功，出现如图所示结果则表示安装成功

---

• 利用npm安装cnpm

在"Git Bash Here"命令行中输入下面这个语句并执行，即利用npm安装cnpm

npm install -g cnpm --registry=https://registry.npm.taobao.org

安装后在"Git Bash Here"命令行中输入下面这个语句并执行

cnpm -v

出现如图所示，则表示cnpm安装成功

---

• 安装hexo框架

在"Git Bash Here"命令行中输入下面这个语句并执行，即利用cnpm安装hexo框架

cnpm install -g hexo-cli

安装后在"Git Bash Here"命令行中输入下面这个语句并执行

hexo -v

出现如图所示，则表示hexo框架安装成功

---

• 搭建博客

新建一个文件夹并命名为"blog"

进入"blog"文件夹，在文件夹中打开"Git Bash Here"命令行输入下面这个语句并执行

hexo init

接着输入下面这个语句并执行

hexo s

出现如图所示，然后打开浏览器访问本地博客http://localhost:4000，验证是否部署成功。

验证后返回命令行按CTRL+C

---

• 部署个人博客的github仓库

注册github账号

新建仓库

博客仓库命名必须按照特定的格式，即”用户名.github.io“

描述即对该仓库的解释，如”我的博客“

点击绿色选项即成功创建仓库

接下来进入"blog"文件夹，在文件夹中打开"Git Bash Here"命令行输入下面这个语句并执行，即安装git的部署插件

cnpm install hexo-deployer-git --save

打开blog目录下的_config.yml文件，进行如图所示的修改

这里的repo对应自己的创建仓库后的这个链接

---

• 发表文章

新建文章

hexo n "文章标题"

文章会在blog/source/_posts下生成

打开对应的文件，即可编辑文章

清理一下

hexo clean

生成

hexo g

本地部署（用于检查）

hexo s

远程部署

hexo d

远程部署成功之后就可以直接用仓库名在浏览器访问啦~

---

---

参考文献：

B站up主–CodeSheep–手把手教你从0开始搭建自己的个人博客 |无坑版视频教程| hexo