Mac + Hexo + Gitee Pages 搭建在线自生成静态Blog
简介
以前都是在本地生成静态站点,然后提交到代码库再更新 Blog,很不方便。最近看到 Gitee 支持 Hexo 在线生成,于是全部上传到了代码库中,这下可以随时随地记录了。
环境配置
- git https://git-scm.com
- node.js https://nodejs.org/zh-cn
- hexo https://hexo.io/zh-cn/docs
部署
具体过程与部署步骤就不在这里说了,hexo 站点中很详细,这里主要说怎么部署到 Gitee
按 hexo 文档本地部署并配置好项目,测试正常
将自己的主题配置文件复制到 Blog 项目根目录
修改文件名为: _config.[theme].yml (theme:主题文件夹名,一般是主题名称)
将自己的个性化静态文件复制到 source 目录下
如我个性化了部分主题中的图片,于是将这些图片放到了 source 下的 images,在 config 中 使用路径为: /images/[imageName]
上传代码到 Gitee
配置文件和包文件
_config.yml、_comfig.[theme].yml、package.json
及文件夹
scaffolds、source、themes添加 Blog 文章
进入代码库 -> 服务 -> Pages,点击更新
大功告成
🎉 现在可以随时在 Gitee 中的 WebIDE 编写文章了!脱离了本地环境的限制,感觉自由 🆓 原来是这么的美好!
记得要更新 Blog 内容时去 Pages 再次点击更新哦!
初始化
[npx] hexo init [folder]
添加文章
[npx] hexo new [post] <title>
参数 | 描述 |
---|---|
-p, –path | 自定义新文章的路径 |
-r, –replace | 如果存在同名文章,将其替换 |
-s, –slug | 文章的 Slug,作为新文章的文件名和发布后的 URL |
生成静态文件
[npx] hexo g | generate
选项 | 描述 |
---|---|
-d, –deploy | 文件生成后立即部署网站 |
-w, –watch | 监视文件变动 |
-b, –bail | 生成过程中如果发生任何未处理的异常则抛出异常 |
-f, –force | 强制重新生成文件Hexo 引入了差分机制,如果 public 目录存在,那么 hexo g 只会重新生成改动的文件。使用该参数的效果接近 hexo clean && hexo generate |
-c, –concurrency | 最大同时生成文件的数量,默认无限制 |
运行
[npx] hexo server
选项 | 描述 |
---|---|
-p, –port | 重设端口 |
-s, –static | 只使用静态文件 |
-l, –log | 启动日记记录,使用覆盖记录格式 |
部署网站
[npx] hexo d | deploy
选项 | 描述 |
---|---|
-g, –generate | 部署之前预先生成静态文件 |
渲染文件
[npx] hexo render <file1> [file2] ...
选项 | 描述 |
---|---|
-o, –output | 设置输出路径 |
从其他博客系统 迁移内容
[npx] hexo migrate <file1> [file2] ...
清除缓存
[npx] hexo clean
列出网站资料
[npx] hexo list <type>
显示 Hexo 版本
[npx] hexo version