关于将hexo部署到GitHub的教程<收藏>
安装必要环境
1. 安装 Nodejs,Hexo是基于 Node.js 驱动的一款博客框架。
2. 安装 Git,一个分布式版本控制系统,用于项目的版本控制管理。
Git下载地址
Git for Windows下载地址
注:如果以上速度慢,可以使用镜像源。
阿里镜像:CNPM Binaries Mirror
下载完成之后:
- 如有需要,可以右击此电脑>属性>高级系统设置>环境变量>系统变量下的Path 可以看到两者已自动修改了环境变量。
检查是否安装成功:我们可以通过cmd命令(win+r后输入cmd)查看,如果出现版本号,则安装成功。
- 查看Node.js版本命令:
1
node -v
- 查看Git版本命令:
1
git --version
3. 注册GitHub账号并且创建仓库
[GitHub注册地址]
注:如果网页打不开,需要翻墙
具体操作可参考:GitHub注册及创建仓库教程
注:注意仓库的取名格式:用户名.github.io(这将是以后的访问域名)
3. 本地配置安装Hexo
首先在磁盘中创建一个用来存放Github本地仓库文件的目录blog(可自定义目录存放)
进入该目录,在终端中执行如下命令,完成Hexo的安装与初始化:
1 | npm install hexo-cli -g # 此命令完成对 hexo 的安装 |
生成静态页面:
1 | hexo g # 该命令完成 hexo 在本地博客目录的静态页面生成 |
注:执行以上命令后,Hexo 就会在 public 文件夹中生成相关的 html 文件
启动本地预览:
1 | hexo s # 该命令完成 hexo 在本地博客目录的本地服务器启动 |
注:执行以上命令后,Hexo 会在本地启动一个服务器,默认端口为 4000,访问 http://localhost:4000 即可看到本地博客的效果。
上传到GitHub:
1 | hexo d # 该命令完成 hexo 在本地博客目录的静态页面生成并上传到 GitHub |
不过,在执行以上命令之前,需要在 Hexo 的 _config.yml 文件中进行一些配置。
- 在 _config.yml 文件中添加如下配置:
1
2
3
4
5
6# Deployment
## Docs: https://hexo.io/docs/one-command-deployment
deploy:
type: git
repo: git@github.com:username/username.github.io.git
branch: mian # 注意修改为你自己的分支名 - 安装插件
1
2$ npm install hexo-deployer-git --save # 安装部署插件
$ hexo d # 执行部署命令 - 部署成功后,访问 http://username.github.io 即可看到部署后的博客效果。
如果想要修改博客主题,可以参考:Hexo官方文档
本博客所有文章除特别声明外,均采用 CC BY-NC-SA 4.0 许可协议。转载请注明来源 一粒红尘!
评论
ValineDisqus