Hexo搭建本地个人博客（Windows版本）

叁歲伎倆 2022-12-28 04:18 109阅读 0赞

### 文章目录 ###

*   *  一、下载Git
     *  二、下载Node.js
     *  三、查看是否安装成功
     *  四、配置镜像源
     *  五、安装Hexo
     *  六、使用Hexo建立个人博客
     *   *  1.建立一个个人博客文件夹
         *  2.生成hexo 初始化博客
     *  七、新建一个博客文章

## 一、下载Git ##

> Git下载地址  
> https://git-scm.com/downloads

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mzg0NTk1Ng_size_16_color_FFFFFF_t_70]

下载完成以后点击**Git Bash**，可进入终端

![在这里插入图片描述][20201214161941663.png]

--------------------

## 二、下载Node.js ##

> Node.js  
> 下载地址 https://nodejs.org

![3][]

下载完成后，直接安装，一直下一步即可

--------------------

## 三、查看是否安装成功 ##

打开Git Bash，  
输入

> node -v  
> npm -v

如图显示，即为安装成功  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mzg0NTk1Ng_size_16_color_FFFFFF_t_70 1]

--------------------

`接下来就到了重头戏，安装Hexo`

--------------------

## 四、配置镜像源 ##

在安装hexo之前，我们要先设置镜像源指向 taobao.org，以便我们后续下载中下载速度更快。  
输入

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

安装完毕后输入查看是否安装成功

> cnpm -v

提示即可  
![在这里插入图片描述][20201214162005978.png]

--------------------

## 五、安装Hexo ##

在git bash中输入

> cnpm install -g hexo-cli

安装完毕后输入查看是否安装成功

> hexo -v

提示即可  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mzg0NTk1Ng_size_16_color_FFFFFF_t_70 2]

--------------------

## 六、使用Hexo建立个人博客 ##

### 1.建立一个个人博客文件夹 ###

在终端中输入

> mkdir blog

在目录下新建一个文件夹  
进入文件夹blog中

> cd blog

可使用此命令查询当前路径

> pwd

### 2.生成hexo 初始化博客 ###

在终端中输入

> hexo init

等待其**clone into…**  
搭建完后会提示**Start blogging with Hexo!**

![在这里插入图片描述][20201214162023938.png]

终端输入即可查看当前目录下的文件

> ls -l

最后在本地运行hexo  
输入(注意每次要进行hexo操作时，一定要在blog目录下进行操作)

> hexo s

![在这里插入图片描述][2020121416203384.png]

**经过这个操作即可通过访问localhost:4000在本地访问个人博客**

--------------------

## 七、新建一个博客文章 ##

在终端中输入

> hexo n “我的第一篇博客文章”

![在这里插入图片描述][20201214162041732.png]

然后我们要进入存放文章的目录中去

> cd source/\_posts  
> ls -l

之后打开"我的第一篇博客文章"进行编写文章

> vim 我的第一篇博客文章.md

进入后如若不能编辑，则点击键盘的insert键即可（注意大标题后有空格" "）

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mzg0NTk1Ng_size_16_color_FFFFFF_t_70 3]

编辑完成后按下ESC键，输入:wq即可退出编辑（英文冒号）  
然后退回blog根目录下

> cd …//…

在终端中输入

> hexo clean  
> hexo g  
> hexo s

通过访问localhost:4000即可查看“我的第一篇博客文章”

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mzg0NTk1Ng_size_16_color_FFFFFF_t_70 4]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mzg0NTk1Ng_size_16_color_FFFFFF_t_70]: /images/20221120/563c01a2c1b74fc49d7d18f1e91d6365.png
[20201214161941663.png]: https://img-blog.csdnimg.cn/20201214161941663.png
[3]: https://img-blog.csdnimg.cn/20201214161947608.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mzg0NTk1Ng==,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mzg0NTk1Ng_size_16_color_FFFFFF_t_70 1]: https://img-blog.csdnimg.cn/20201214161957406.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mzg0NTk1Ng==,size_16,color_FFFFFF,t_70
[20201214162005978.png]: https://img-blog.csdnimg.cn/20201214162005978.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mzg0NTk1Ng_size_16_color_FFFFFF_t_70 2]: https://img-blog.csdnimg.cn/20201214162014422.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mzg0NTk1Ng==,size_16,color_FFFFFF,t_70
[20201214162023938.png]: https://img-blog.csdnimg.cn/20201214162023938.png
[2020121416203384.png]: https://img-blog.csdnimg.cn/2020121416203384.png
[20201214162041732.png]: https://img-blog.csdnimg.cn/20201214162041732.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mzg0NTk1Ng_size_16_color_FFFFFF_t_70 3]: https://img-blog.csdnimg.cn/20201214162048138.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mzg0NTk1Ng==,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mzg0NTk1Ng_size_16_color_FFFFFF_t_70 4]: https://img-blog.csdnimg.cn/20201214162053444.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mzg0NTk1Ng==,size_16,color_FFFFFF,t_70