Windows 从零搭建个人博客

逃离我推掉我的手 2023-06-11 06:28 14阅读 0赞

> 创建 github 项目

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

因为我已经创建过了,所以显示的是项目名称已经存在了，命名规则为 username.github.io （必须严格按照此格式，username 没有特殊改动的话就是仓库名前面那个Owner）

> 安装 node.js

安装node.js 直接去 [官网][Link 1] 下载合适自己的版本。我下载的是.msi的版本

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

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzI3NjMxNzk3_size_16_color_FFFFFF_t_70 2]  
剩下的就是直接全部按照默认配置就行

安装完成之后  
![在这里插入图片描述][2019102918093071.png]

说明安装成功，否则如果显示 node 未不可识别的命令等， 可以去配置环境变量 C:\\Program Files\\nodejs  
下图是我的安装目录，可做参考  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzI3NjMxNzk3_size_16_color_FFFFFF_t_70 3]

> 安装hexo

## 最重要的来了，此步之后所有的命令请使用 cmd 命令窗口完成 ##

安装hexo第一步，

npm install -g hexo-cli

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzI3NjMxNzk3_size_16_color_FFFFFF_t_70 4]  
显示安装完成之后

hexo -v

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzI3NjMxNzk3_size_16_color_FFFFFF_t_70 5]  
上图就说明安装成功了

在widnows上随便一个盘上创建一个目录，该目录作为博客的大本营

到该目录下操作如下命令

hexo init

![在这里插入图片描述][20191029181558773.png]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzI3NjMxNzk3_size_16_color_FFFFFF_t_70 6]  
这时候目录下就会出现自动创建的文件夹等

hexo server

看看效果  
![在这里插入图片描述][20191029181811300.png]  
访问 localhost:4000

发现已经搭建完毕，但是都是系统的数据

> 发布自己的博客

停掉本地的博客，到自己博客大本营的根目录下  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzI3NjMxNzk3_size_16_color_FFFFFF_t_70 7]  
打开该文件进行配置

基础配置：打开文件位置username.github.io/\_config.yml修改几个键值对，下面把几个必须设置的列出来按需求修改，记得保存， 还有注意配置的键值之间一定要有空格。[更多设置…][Link 2]

title: ******* //你博客的名字
    author: ****** //你的名字
    language: zh-Hans //语言 中文
    theme: （默认就行，日后可以根据自己需求更改主题） //刚刚安装的主题名称
    deploy:
    type: git //使用Git 发布
    repo: https://github.com/huchenfei/huchenfei.github.io.git // 刚创建的Github仓库

打开 目录 \\source\_posts  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzI3NjMxNzk3_size_16_color_FFFFFF_t_70 8]

这就是博客的所在之地，可以愉快的在里面填写 .md的文章

填写完成之后使用cmd命令

hexo s
    或者
    hexo server

本地启动

没问题之后就可以发布了。

> 发布博客

安装自动化部署工具

在自己博客大本营的目录下

$ npm install hexo-deployer-git --save

执行如下命令  
![在这里插入图片描述][2019102918285769.png]

安装完成之后就可以发布博客了  
在cmd下执行

hexo clean && hexo g && hexo d

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzI3NjMxNzk3_size_16_color_FFFFFF_t_70 9]  
这时候打开  
https://huchenfei.github.io 访问自己的博客

每次的文章发布都需要执行

hexo clean && hexo g && hexo d

才可以生效

=============================================================================

#### 参考博客: ####

[https://www.cnblogs.com/hackhyl/p/9532339.html][https_www.cnblogs.com_hackhyl_p_9532339.html]  
[https://www.jianshu.com/p/343934573342][https_www.jianshu.com_p_343934573342]  
安装node.js  
[https://www.jianshu.com/p/5779e39f2c21][https_www.jianshu.com_p_5779e39f2c21]  
主题设置  
[http://theme-next.iissnan.com/getting-started.html][http_theme-next.iissnan.com_getting-started.html]  
[https://www.jianshu.com/p/3a05351a37dc][https_www.jianshu.com_p_3a05351a37dc]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzI3NjMxNzk3_size_16_color_FFFFFF_t_70]: /images/20230531/f108285110594a059b65ccbe5fba6c9c.png
[Link 1]: https://nodejs.org/en/
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzI3NjMxNzk3_size_16_color_FFFFFF_t_70 1]: /images/20230531/8b2a64704d054108ba287618e959eea6.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzI3NjMxNzk3_size_16_color_FFFFFF_t_70 2]: /images/20230531/a897054113d04642a9e6b15dc93ff8ca.png
[2019102918093071.png]: /images/20230531/af9c81ed4f0545b49b3dfc20f92cd146.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzI3NjMxNzk3_size_16_color_FFFFFF_t_70 3]: /images/20230531/d5deeb2fb12846218578c1a3e2a2dca8.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzI3NjMxNzk3_size_16_color_FFFFFF_t_70 4]: /images/20230531/272450cd705b4f90939571db230d04b3.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzI3NjMxNzk3_size_16_color_FFFFFF_t_70 5]: /images/20230531/0e2b3a58b9f24151ace52da0b3caf2c4.png
[20191029181558773.png]: /images/20230531/c782d08adf8c443396b0478e7b56dc9f.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzI3NjMxNzk3_size_16_color_FFFFFF_t_70 6]: /images/20230531/e939f8da0110464c97faa977d6b35d3b.png
[20191029181811300.png]: /images/20230531/18f683cd798b4143a5362871f5ab3e54.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzI3NjMxNzk3_size_16_color_FFFFFF_t_70 7]: /images/20230531/c9421d6467bc412ca0f7a7d404cfceb4.png
[Link 2]: https://hexo.io/zh-cn/docs/configuration.html
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzI3NjMxNzk3_size_16_color_FFFFFF_t_70 8]: /images/20230531/08db40f7c31243c4922abbb0105defe3.png
[2019102918285769.png]: /images/20230531/a7c8352803e245fdbbac28b585919601.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzI3NjMxNzk3_size_16_color_FFFFFF_t_70 9]: /images/20230531/0c2f7c09e88645febb2f4f8df4ba9150.png
[https_www.cnblogs.com_hackhyl_p_9532339.html]: https://www.cnblogs.com/hackhyl/p/9532339.html
[https_www.jianshu.com_p_343934573342]: https://www.jianshu.com/p/343934573342
[https_www.jianshu.com_p_5779e39f2c21]: https://www.jianshu.com/p/5779e39f2c21
[http_theme-next.iissnan.com_getting-started.html]: http://theme-next.iissnan.com/getting-started.html
[https_www.jianshu.com_p_3a05351a37dc]: https://www.jianshu.com/p/3a05351a37dc