说明
- 本指南仅提供操作，不提供解释hexo的工作原理。
- 通过本教程你将能够获得一个github page 博客，并且能自由更换博客主题。
- 这个博客不是完美的（有些网络环境下访问较慢），自行替换国内code托管平台会有一定的加速。
- 后续会更新hexo原理相关文章可以关注我的动态。
安装 git 环境
- 教程很多自行安装。
安装nodejs
- 教程很多自行安装。
新建github page仓库
- 添加 github 仓库
- 将 jianba 替换为你自己的 github 账户名称
安装 hexo 框架,
新建一个空文件夹, 鼠标右键
执行下面的命令
1
npm install -g hexo
配置Hexo引擎
再新建一个文件夹（存放你Hexo博客文件），执行
1
hexo init // 初始化Hexo引擎
测试hexo引擎是否正常工作
执行
1
2
hexo g
hexo s
根据命令框提示打开相应的URL，能正常运行代表操作成功不能的话，请检查以上步骤是否都严格执行。
安装关联github 的组件
执行
1
2
3
npm install hexo-renderer-ejs --save
npm install hexo-renderer-stylus --save
npm install hexo-renderer-marked --save
关联本地Hexo引擎到github
- 更改 _config.yml
1 2 3 4
deploy: type: git repository: https://github.com/jianba/jianba.github.io.git branch: master
将上述代码中 jianba 替换为你自己的 github 账户名称。 替换 _config.yml 中相应代码。
- 部署到 github, 执行
1 2 3 4
npm install hexo-deployer-git --save hexo clean 清理缓存干掉public hexo generate 重新生成静态文件 hexo deploy 部署到Github
- 测试是否部署成功，访问https://jianba.github.io/（jianba做对应替换），能看到以下页面表示成功。
发布文章
1
2
3
4
5
6
7
hexo new "postName" #新建文章
hexo new page "pageName" #新建页面
hexo generate #生成静态页面至public目录
hexo server #开启预览访问端口（默认端口4000，'ctrl + c'关闭server）
hexo deploy #将.deploy目录部署到GitHub
hexo help #查看帮助
hexo version #查看Hexo的版本
更换主题
- 访问 hexo 官网查看主题，找到自己喜欢的，下载。
- BlueLake 下载
1
git clone https://github.com/chaooo/hexo-theme-BlueLake.git themes/BlueLake
- 放到以下文件夹, 现在就放了 BlueLake 的主题
- 配置主题，打开 _config.yml, 做以下类似替换
1 2 3 4
# Extensions ## Plugins: https://hexo.io/plugins/ ## Themes: https://hexo.io/themes/ theme: BlueLake
- 本地hexo主题关联到github，执行
1 2 3
hexo clean 清理缓存干掉public hexo generate 重新生成静态文件 hexo deploy 部署到Github
- 主题定制。每个主题详情里都有相关详细介绍，自己折腾就行啦，自己先留个个人折腾车位
Issue
- 假如换电脑了怎样继续托管自己的博客呢？
- 怎用写一个自己的主题？要用到哪些技能点？