序:
作为一个孤家寡人,自称孤和寡人不为过吧。🙄
寡人,在网上浏览了很多关于如何在github部署hexo的文章,
但是都是在github为我们分配的二级域名根目录下,例如https://goddywu.github.io/
如果我想blog子目录下部署呢(https://goddywu.github.io/blog/)
读完这篇文章相信您就会了解。
vue项目部署github 建议看下 https://cli.vuejs.org/zh/guide/deployment.html#%E9%80%9A%E7%94%A8%E6%8C%87%E5%8D%97
一、安装环境
1. nodejs
安装:官网下载页
验证: npm -v 查看node及npm的版本
2. git
安装:官网下载页
验证: cnpm install hexo-cli -g
验证:$ hexo -v 检查hexo的版本
二、hexo-cli脚手架的使用
$ cd test #打开存放项目的目录
$ hexo init my-blog #下载模版项目
$ cd my-blog #打开模板项目目录
$ cnpm install #下载相关依赖的包
$ cnpm install hexo-deployer-git --save #安装扩展包
$ hexo generate / hexo g #生成静态文件
$ hexo server / hexo s [-i 127.0.0.1] [-p 4000]#默认在本地的4000端口启动项目
control + C #终止运行
$ hexo deploy / hexo d #将.deploy目录部署 [到Github]
$ hexo g -d / hexo d -g #生成完毕后自动部署
三、操作步骤
1. github操作
- github新建项目,名称为blog
-
修改已创建好的hexo项目中的_config.yml文件
- 终端执行 $ hexo g -d
- 打开github我们的项目地址
- 选择setting
- 找到GitHub Pages勾选master branch
至此,博客就可以访问了,示例网址:
https://goddywu.github.io/blog/