github page+hexo构建静态博客

桃扇骨 2023-01-24 05:20 138阅读 0赞

# 首先，完成整套的搭建需要： #

1.下载安装git工具[下载地址][Link 1]并添加环境变量  
2.下载安装node.js[下载地址][Link 2]  
3.github上有个自己的账号

# 具备以上条件，我们就可以开始搭建自己的静态博客了 #

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

打开git bash命令行：

![14430142-e6830fb809bbdbf8.png][]

打开命令行

1.更换npm镜像为淘宝镜像：  
`npm config set registry http://registry.npm.taobao.org/`  
2.下载hexo：  
`npm install -g hexo`  
3.初始化hexo：  
自己新建个文件夹，示例中我新建了myblog：

![14430142-e8a32948640ca403.png][]

myblog

进入文件夹，打开gitbash，初始化hexo: `hexo init`，成功后myblog文件夹多了些东西：

![14430142-0090ef7f88a10d08.png][]

myblog文件夹

4.对\_config.yml进行基础配置：

![14430142-94ae1531060ad9e6.png][]

配置

（这里新版本的 `theme`移到文件最后去了，如果如图所示配置的话，需要将后面重复的theme删除）  
这里主题theme我选择了 `concise`，更多主题移步： [hexo主题选择][hexo]（其中有些主题对hexo有别的配置要求，详见每个主题的github）  
下载我选择的主题:  
`git clone https://github.com/sanonz/hexo-theme-concise.git themes/concise`  
下载后theme文件夹有：

![14430142-005589b1703dec25.png][]

主题包

5.本地查看：  
运行 `hexo g && hexo s`，构建并本地启动，默认端口4000，访问localhost:4000  
6.git pages部署：

> 1.新建仓库：  
> 
> 
> ![14430142-6afbbe5b7af2fcb0.png][]
> 
> 新建仓库
> 
>   
> 
> 
> ![14430142-4780dded9e59d4c7.png][]
> 
> image.png
> 
>   
> 前后名称要保持一致，然后点击创建仓库按钮  
> 2.修改\_config.yml：  
> 
> 
> ![14430142-64c14b2e105bbf05.png][]
> 
> image.png
> 
>   
> repo写你刚刚创建的仓库地址  
> 3.安装hexo自动部署、发布工具（在my page文件夹下运行）：  
> `npm install hexo-deployer-git --save`  
> 4.发布到git：  
> `hexo clean && hexo g && hexo d` 清除public，构建，deploy到git  
> 5.访问git page：  
> https://你的用户名 [.github.io/][.github.io]

7.写文章：  
在此路径下写下md文件即可：

![14430142-6a84165388bf8831.png][]

image.png

之后用命令进行部署 `hexo clean && hexo g && hexo d`（实际上只更新public文件夹）

完成~  
参考：

*  [搭建个人博客-hexo+github详细完整步骤][-hexo_github]
 *  [Github Pages(一)：一个最基础的个人网站][Github Pages]
 *  [hexo官方文档][hexo 1]

[Link 1]: https://links.jianshu.com/go?to=https%3A%2F%2Fgitforwindows.org%2F
[Link 2]: https://links.jianshu.com/go?to=https%3A%2F%2Fnodejs.org%2Fen%2F
[14430142-e6830fb809bbdbf8.png]: /images/20221119/6ce83e4c2a5249818150e95b753ff980.png
[14430142-e8a32948640ca403.png]: /images/20221119/ddc67b10cf56496587b503ab4962cf06.png
[14430142-0090ef7f88a10d08.png]: /images/20221119/1bdb01d61ed04a27b83f0e13bd15bb57.png
[14430142-94ae1531060ad9e6.png]: /images/20221119/a167a929a4a94e7285a6f35514047975.png
[hexo]: https://links.jianshu.com/go?to=https%3A%2F%2Fhexo.io%2Fthemes%2F
[14430142-005589b1703dec25.png]: /images/20221119/48acf08b51a145daa5d2789ade53b1ca.png
[14430142-6afbbe5b7af2fcb0.png]: /images/20221119/404ec7ee9fb141c9ad5b4c5fdd58d733.png
[14430142-4780dded9e59d4c7.png]: /images/20221119/e80fb5ef296f4ea1be21a5212a62e7a2.png
[14430142-64c14b2e105bbf05.png]: /images/20221119/b86b4ab396c646fe8323afaf771646a4.png
[.github.io]: https://links.jianshu.com/go?to=http%3A%2F%2F.github.io%2F
[14430142-6a84165388bf8831.png]: /images/20221119/6c361762dcc14d27bf5a21da4cad1908.png
[-hexo_github]: https://www.jianshu.com/p/189fd945f38f
[Github Pages]: https://www.jianshu.com/p/f82c76b90336
[hexo 1]: https://links.jianshu.com/go?to=https%3A%2F%2Fhexo.io%2Fzh-cn%2Fdocs%2Fone-command-deployment