5分钟搭建Hexo个人博客

淩亂°似流年 2022-12-22 00:57 205阅读 0赞

##### 写在前面的话 #####

很早以前就想要搭建一个个人的博客，奈何只是一个前端切图仔，对于后端和数据库接口上手存在一定的难度，于是一拖拖了很久，今天无意中发现了使用Hexo搭建个人博客很快就能用了，而且托管在github平台也不需要自己去买服务器域名和维护，一举数得，非常nice，记录了一下搭建Hexo个人博客的步骤，尽可能的写的详细一点~

##### 准备工作步骤 #####

1：GitHub上面新建一个仓库，用来放自己的博客  
2：安装git工具，生成SSH添加到GitHub  
3：本地环境搭建，安装node 和npm  
4：本地初始化Hexo项目并且运行  
5：Hexo主题  
6：部署到github  
7：生成markdown文件，写文章并且发布

言归正传，开始我们的写作步骤吧

##### 一：在GitHub上面新建一个仓库，用来放自己的博客 #####

1：新建一个仓库  
创建一个和你用户名相同的仓库，后面加.github.io后缀，必须要同名哦，不然后面会出现页面404的情况，点击create respository按钮创建。

![aa3b3e9129b4b3267b2b46918c688219.png][]

2：安装git工具，生成SSH添加到GitHub  
安装git工具这里就不多说了，安装完成之后，在桌面上git bash进入命令行，输入GitHub用户名和邮箱验证。

yourname输入你的GitHub用户名
    youremail输入你GitHub的邮箱

![f0e2a145bb6e3485b0e1c98f8ae1182f.png][]

查看输入是否正确  
![c7264abed42166be020a9d6ae520d16c.png][]

3：然后创建SSH，一路回车

ssh-keygen -t rsa -C "xxxx7537@qq.com"(你的邮箱）

![a134b75d99cbc5f92a654f40c47f0095.png][]

这个时候可以看到在磁盘里面生成了私人密钥和公共密钥了  
![c2e47563696334ed909b766ab4758451.png][]

4：在GitHub上设置密钥  
在GitHub的setting中，找到Deploy keys的设置选项，点击新建一个密钥，把id\_rsa.pub里面的信息复制进去，id\_rsa.pub打开方式可以使用浏览器打开。  
![d37d5545643a9ee1780fa6f51e91e69d.png][]

![6b67f3f2339a3b49f8d7a72c044c5b13.png][]

新建密钥成功，到这里github仓库和密钥问题就OK了。  
![8a2de28dc77464cb3927ecd19f255022.png][]

##### 二：Hexo搭建个人博客-框架的本地安装和运行 #####

1：Hexo的官网  
https://hexo.io/

2：安装node 和npm  
hexo基于node.js，本地需要安装node 和npm，安装步骤就不多说了  
查看一下是否有版本号，有的话则安装成功。  
![48d2b5778d730d7b3a9184007cc58530.png][]

3：全局安装 hexo

npm  i  hexo-cli -g

![2e81f67cdd647fdff94b314378d7e423.png][]  
4：初始化一个项目

hexo  init blog

![20f2f7676f43a48bf68f5de4f9dc3405.png][]  
这时候可以看到在d盘里面生成了一个文件夹。  
![f6976919ee9bb1c3cb5cb92aebafbf2f.png][]  
5：进入项目文件夹，安装依赖文件

cd  blog
    npm  install

![670de34ad5e592796be9c93d0eb59d16.png][]  
6：运行，并且在浏览器打开，就可以看到博客页面了

hexo server

http://localhost:4000  
![3537102febf39fe25c786b4be0d2fbb4.png][]

![c0f7587361df374a9b757fe07bef13b4.png][]

#### 三：更换一个自己喜欢的主题 ####

1：博客主题的安装  
主题这一块可以选择自己喜欢的，以下是以一个Anisina主题为例，这里有很多主题可以选择：传送门：https://hexo.io/themes/。比如选一个主题：https://github.com/haojen/hexo-theme-Anisina，打开链接，进入到GitHub里面，有详细的安装教程。  
![b67c265811104ed3844a522c0dcb309d.png][]

![e7609e4d4ca8a5bcf07ba0c507b006f2.png][]  
2：安装主题命令输入

git clone https://github.com/Haojen/hexo-theme-Anisina.git themes/Anisina

![01dac3ad2c0763eeb19a1abec3d685e3.png][]

3：打开`_config.yml`文件夹，更改主题名字  
![3a33e8c5d2a03e3cc583db83f6c37d0f.png][]

4：再次启动，就可以看到更换的主题了。  
![9aee4bb62bdbd15a25604839f5dacdd7.png][]  
![3328d0bd44735936c2de873898fb72b3.png][]  
OK，搭建好了自己喜欢的主题风格了，接下来需要部署了。

#### 四. 部署到github ####

1：在配置文件里面填写仓库地址  
在项目里面找到 \_congif.yml文件，找到 deploy 字段，把以下代码放进去，填写第一步新建的仓库地址。

# Deployment
    ## Docs: https://hexo.io/docs/deployment.html
    deploy:
    type: git
    repo: <你的仓库地址> # https://github.com/wangxiaoting666/wangxiaoting666.github.io.git
    branch: master

![d935d1ef9ed61d650bd185de58ce9609.png][]

2：安装一个推送工具，将本地项目推到仓库上。

npm install hexo-deployer-git --save

![568b59db16a30f8c2df4d4bf7e5897c9.png][]

![5203120f12d69b933cf5615e7d76464b.png][]  
3：然后执行以下命令  
清除了你之前生成的东西，也可以不加。

hexo clean

4：hexo generate 生成静态文件，可以用 hexo g缩写

hexo  g

![5946278266322ea7de9e9dc146a1d037.png][]

![4004fda15baab8f4333e85c2710f4038.png][]

可以看到在目录里面生成了一个静态的文件，生成好的public文件夹就直接当成静态网站进行部署即可。

5： 部署

hexo deploy

注意这里需要输入GitHub用户名和密码哦  
![图片.png][.png]

![3597f3dd7b841a267ce45500728aea40.png][]

6：查看仓库，已经将项目放在仓库里面了

![7bf80f1eac38052d728ea6b1fda2c72d.png][]  
这个时候就可以访问了，已经把静态文件都托管在GitHub了，查看分配的地址：[https://wangxiaoting666.github.io/][https_wangxiaoting666.github.io]

\#\#\#\#五：开始写文章  
1：新建一个markdown文件

hexo new newpapername

![da637fa0fe69c44055801a850f7d013f.png][]  
在source\_posts里面生成了markdown文件夹，用来写文章了，记住要使用markdown格式书写文章博客。  
![94b7743a1325b65b1baa98839baf08e5.png][]

![76db7eccccd0a2040a53075190330b4c.png][]

2：当你写完的时候，再输入命令

hexo clean
    hexo g
    hexo d

就可以看到新增的自己的文章了  
![d26dfe947cf6b8172a23a4d632b72c90.png][]

3：如果要再写一篇，可以再生成一个md文件进行书写

hexo new test

![98d422e2077baeedcb4e9352e0d637be.png][]  
4：好了，自己的博客搭建起来了，后面会慢慢的往里面增加一些文章，以及接入评论系统，统计文章阅读量，代码高亮，图床等功能。

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

[aa3b3e9129b4b3267b2b46918c688219.png]: /images/20221120/a85c1d0014634f0589a83fa487eb1b9a.png
[f0e2a145bb6e3485b0e1c98f8ae1182f.png]: /images/20221120/9702473b8e8547c89f29e6494d36864c.png
[c7264abed42166be020a9d6ae520d16c.png]: /images/20221120/a31c425b3f214887a22ab174705d721a.png
[a134b75d99cbc5f92a654f40c47f0095.png]: /images/20221120/71c865c7fbed463eb81b73d7898e94b9.png
[c2e47563696334ed909b766ab4758451.png]: /images/20221120/d6ecf7c9e18b448cbfe574e974991ac7.png
[d37d5545643a9ee1780fa6f51e91e69d.png]: /images/20221120/d6472c4dc37a4a428ad4e3f50131a434.png
[6b67f3f2339a3b49f8d7a72c044c5b13.png]: /images/20221120/5f2bb2b9114a4816a4e41f3453a250e8.png
[8a2de28dc77464cb3927ecd19f255022.png]: /images/20221120/55d1456acf894f2a8f76d3971e659c7e.png
[48d2b5778d730d7b3a9184007cc58530.png]: /images/20221120/12a1da21f3a6483c8b7e86824676f6be.png
[2e81f67cdd647fdff94b314378d7e423.png]: /images/20221120/60d6e14217f84982bb85283f13b576af.png
[20f2f7676f43a48bf68f5de4f9dc3405.png]: /images/20221120/f009d3ffe72543efb0c0b6be3fc03cb8.png
[f6976919ee9bb1c3cb5cb92aebafbf2f.png]: /images/20221120/5c3aca678488429aae61f90e63abde36.png
[670de34ad5e592796be9c93d0eb59d16.png]: /images/20221120/e8c94cdcfdbe4689b752968d73ec9b97.png
[3537102febf39fe25c786b4be0d2fbb4.png]: /images/20221120/eb36504513b64d23aa122494c6c36dd5.png
[c0f7587361df374a9b757fe07bef13b4.png]: /images/20221120/771091d9c9944faf97a99d00464d8471.png
[b67c265811104ed3844a522c0dcb309d.png]: /images/20221120/8eb2039b81fa433a8768c4de27071c97.png
[e7609e4d4ca8a5bcf07ba0c507b006f2.png]: /images/20221120/446eb5f923a24d6eb7d5d32386ae0387.png
[01dac3ad2c0763eeb19a1abec3d685e3.png]: /images/20221120/361dc2c8c5dc46e1a3a8f5300ff21469.png
[3a33e8c5d2a03e3cc583db83f6c37d0f.png]: /images/20221120/df122d59ff364ff4a506e735d2ddc084.png
[9aee4bb62bdbd15a25604839f5dacdd7.png]: /images/20221120/2f44cf28fd52410ab110d150adc4b607.png
[3328d0bd44735936c2de873898fb72b3.png]: /images/20221120/f32b66cf60c84fcf863be0aaa1ca667a.png
[d935d1ef9ed61d650bd185de58ce9609.png]: /images/20221120/9fa620f37cbe4cb88fe5e69e2780e397.png
[568b59db16a30f8c2df4d4bf7e5897c9.png]: /images/20221120/1f3b2dd7566e498698e19a5216d3b18b.png
[5203120f12d69b933cf5615e7d76464b.png]: /images/20221120/836fab0fd2814ce0921e52daa88e0172.png
[5946278266322ea7de9e9dc146a1d037.png]: /images/20221120/a82d8e68bb6f43f5bc2addc3ac5b673a.png
[4004fda15baab8f4333e85c2710f4038.png]: /images/20221120/1a33d612634346ee86a8dbea451b957b.png
[.png]: /images/20221120/96ddcfbdd5da4602acb7ee9a1e4ac70d.png
[3597f3dd7b841a267ce45500728aea40.png]: /images/20221120/4df8b9f50d264ff4b6e17d65a4934a19.png
[7bf80f1eac38052d728ea6b1fda2c72d.png]: /images/20221120/ed776dc6cdf744788743d7851df1b8ff.png
[https_wangxiaoting666.github.io]: https://wangxiaoting666.github.io/
[da637fa0fe69c44055801a850f7d013f.png]: /images/20221120/5fed891dd0ae4e4080a067d66eecadcb.png
[94b7743a1325b65b1baa98839baf08e5.png]: /images/20221120/065b5bbfcf834e2eb9835e0d47918147.png
[76db7eccccd0a2040a53075190330b4c.png]: /images/20221120/1ec86910cc0542f1b9ce5f22892c61ef.png
[d26dfe947cf6b8172a23a4d632b72c90.png]: /images/20221120/e760819b38c64416804e03fe2b8f00f5.png
[98d422e2077baeedcb4e9352e0d637be.png]: /images/20221120/37eaae783b1d46758a35d3cc0cfabcf9.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDc2MzU2OQ_size_16_color_FFFFFF_t_70_pic_center]: /images/20221120/2ca7238596a14d15b7cd4294e2c8113f.png