使用Hexo结合Github搭建个人博客似乎是当前最省钱的个人博客解决方案(根本不需要一分钱),下面是详细教程
本地部署
基础环境
电脑需要安装下面3个应用:
依次装好后,打开cmd检查环境:
1. node -v
:
![](https://blog.llyth.cn/wp-content/uploads/2021/07/image-30.png)
2. npm -v
:
![](https://blog.llyth.cn/wp-content/uploads/2021/07/image-31.png)
Hexo
打开cmd,在cmd中输入:npm install -g hexo
,并等待安装完成
![](https://blog.llyth.cn/wp-content/uploads/2021/07/image-32.png)
找一个你喜欢的文件夹,用于在本地存放你的博客程序以及博客文章
然后在路径栏输入:cmd,并回车
![](https://blog.llyth.cn/wp-content/uploads/2021/07/image-33.png)
输入:1. hexo init
![](https://blog.llyth.cn/wp-content/uploads/2021/07/image-34.png)
2. hexo g
![](https://blog.llyth.cn/wp-content/uploads/2021/07/image-35.png)
此时,一份新鲜的Hexo页面就生成好了,我们只需将目录下的public目录链接到我们的Github Page项目上就可以了
部署到Github
注册Github账户
点击此处跳转到Github注册页面,注册并激活一个账号
登陆这个账号
向Github发布Hexo页面
打开前面下的Github Desktop,登录刚刚注册的Github账户
![](https://blog.llyth.cn/wp-content/uploads/2021/07/image-36.png)
然后点击最下面那个图标:
![](https://blog.llyth.cn/wp-content/uploads/2021/07/image-37.png)
找到刚刚选择好的存放博客的文件夹里面刚刚生成的public文件夹(不要直接选定整个文件夹,一定要选择public文件夹!选了三次整个文件夹的我)
![](https://blog.llyth.cn/wp-content/uploads/2021/07/image-38.png)
然后会跳出这样的提示:
![](https://blog.llyth.cn/wp-content/uploads/2021/07/image-39.png)
选择“create a repository”(为什么会有这样的提示?Github Desktop判定该文件夹不是Github项目文件夹,选择那个选项即告诉GIthub Desktop我要创建一个项目)
然后跳出这样一个弹窗:
![](https://blog.llyth.cn/wp-content/uploads/2021/07/image-40.png)
Name:建议填入用户名.github.io
,这样开启Page后后面不会有多余的东西
Description:描述,可填可不填
后面不用改了,然后点击”Create repository“
![](https://blog.llyth.cn/wp-content/uploads/2021/07/image-41.png)
然后点击Publish repository
![](https://blog.llyth.cn/wp-content/uploads/2021/07/image-42.png)
此处可能(倒不如说一定,我弄这几次都弹出来了)还会弹出弹窗让你填写名称,仍然填入用户名.github.io
即可。
![](https://blog.llyth.cn/wp-content/uploads/2021/07/image-43.png)
填入之后记得取消勾选这个:
![](https://blog.llyth.cn/wp-content/uploads/2021/07/image-44.png)
(为啥取消勾选?这个选项勾选后该项目将以私人属性发布,项目不会对外公开,这样的项目是不能创建Github Page的。)
然后点击Publish repository,等待上传即可。
部署Github Page
登录Github,找到刚刚上传的Hexo页面
![](https://blog.llyth.cn/wp-content/uploads/2021/07/image-45.png)
点进去,然后点击Settings
![](https://blog.llyth.cn/wp-content/uploads/2021/07/image-46.png)
向下滑动,找到Github Pages,点击“Check it out here!”
![](https://blog.llyth.cn/wp-content/uploads/2021/07/image-47.png)
然后一个类似下面的页面,点击“Create repository”,等待创建完成即可通过用户名.github.io
访问你的Hexo博客啦
![](https://blog.llyth.cn/wp-content/uploads/2021/07/image-48.png)
教程到这里没有/不想通过自己域名访问的小伙伴们就可以退出啦
通过自己的域名访问Github Pages
前排提醒:使用自己的域名不能通过Https访问!使用Https需要将DNS服务商修改为Cloudflare!!自行取舍嗷
到域名解析下面添加两条解析记录,信息如下:
- 主机记录:
@
记录类型:CNAME
线路类型:默认(不用修改)
记录值:用户名.github.io(根据自己创建的填写)
权重:-
MX:-
TTL:600
- 主机记录:
www
记录类型:CNAME
线路类型:默认(不用修改)
记录值:用户名.github.io(根据自己创建的填写)
权重:-
MX:-
TTL:600
效果如图:
![](https://blog.llyth.cn/wp-content/uploads/2021/07/image-49.png)
在Github Pages的项目下新建一个名为CNAME
的文件,里面放入你的域名(不加http/s,www等修饰),效果如图:
![](https://blog.llyth.cn/wp-content/uploads/2021/07/image-50.png)
回到Github Pages配置页面,在“Custom domain”处填写自定义域名(仍然不填写http/s,www等修饰,非英文域名玩家需要转换成”xn--“格式)
![](https://blog.llyth.cn/wp-content/uploads/2021/07/image-51.png)
生效后就可以用自定义域名访问Github Page啦
注意!一定要取消勾选下方的“Enforce HTTPS”,勾选后网页会因https证书不一致而显示安全问题(直接用github.io不会出现这种问题,自定义域名不开https反而好些,不过在无痕状态下不会显示https,多半是因为我没有清除缓存)
2021.7.21:似乎在地址前面添加https并不会提示“此网站无法提供安全链接”,不知道是不是因为用了主题
![](https://blog.llyth.cn/wp-content/uploads/2021/07/image-52.png)
![](https://blog.llyth.cn/wp-content/uploads/2021/07/image-53.png)
教程到此就结束啦~原创内容转载写明出处嗷
附我的Hexo博客地址:もうすぐ秋です.com(域名已经过期辣)
本文地址: 零成本搭建个人博客:Hexo