使用github子目录部署hexo个人博客

序:
作为一个孤家寡人,自称孤和寡人不为过吧。🙄
寡人,在网上浏览了很多关于如何在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
安装:官网下载页
验证:node -v, npm -v 查看node及npm的版本
2. git
安装:官网下载页
验证:git --version 查看git的版本 **3. hexo-cli** 安装: 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/

参考资料

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容