Hexo 搭建博客并推送GitHub

蔚落 2024-03-16 11:57 59阅读 0赞

### 初始Hexo ###

npm install hexo-cli -g
    hexo init blog
    cd blog
    npm install
    hexo server

浏览器访问：`http://localhost:4000/`

### 设置GitHub ###

1、首先要注册一个Github账号，新建一个name.github.io的仓库，也就是new repository。

![在这里插入图片描述][65a1e8e2fdc9421688b4d083edec48d8.png]  
因为博主之前创建好了现在就不能创建了。创建好后可以在你的仓库里新建一个index.html，里面可以随意输入几个字符，保存。

![在这里插入图片描述][e25361d3fa57491494e05c7cdb1a99bb.png]  
选择仓库的settings选项，在菜单栏找到pages，这样就能得到你的博客地址了。

![在这里插入图片描述][26273af5ffc3455c83c8d602dab03a44.png]  
点击Visit site或者在地址栏直接输入就可以访问刚刚写好的index.html文件。

### 推送GitHub ###

到了最后一步，需要将本地的博客项目（自己新建那个blog文件夹）部署到Github就好了。

首先修改hexo的配置文件。进入项目文件夹，打开项目根目录下的\_config.yml 配置文件配置参数。拉到文件末尾，填上如下配置。

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

deploy:
      type: git
      repository: https://github.com/yourname/yourname.github.io.git 
      branch: main

安装hexo-deployer-git 自动部署发布工具

npm install hexo-deployer-git --save

最后执行以下命令就可以部署上传啦，生成页面，以下 g 是 generate 缩写

hexo g

本地文件上传到Github上面，d 是 deploy 缩写

hexo d

中间会出现一个登录界面，登录你的Github账号就行。

稍等一会，在浏览器访问网址： https://你的用户名.github.io 就会看到你的博客啦！！

参考：[https://www.cnblogs.com/lanluoying/p/17208924.html][https_www.cnblogs.com_lanluoying_p_17208924.html]

[65a1e8e2fdc9421688b4d083edec48d8.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/16/0c0deda9d46244dea0729ad97099c3f4.png
[e25361d3fa57491494e05c7cdb1a99bb.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/16/952b485436054eb9bd4406d1c9ca9f8a.png
[26273af5ffc3455c83c8d602dab03a44.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/16/22be95a84af24b5a8cb5bd86313e80ac.png
[31796c4571d84e5ba99767d1663b37eb.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/16/49936ba7cfc04dd9ab40a3898ed29b3c.png
[https_www.cnblogs.com_lanluoying_p_17208924.html]: https://www.cnblogs.com/lanluoying/p/17208924.html