本文档旨在规范 Hexo 博客的 Git 操作,并提供 Hexo 的使用方法。
hexo:主分支,用于发布稳定版本,不可直接修改。develop:开发分支,用于开发新功能、修复 bug,不可直接修改。feature-*:功能分支,用于新功能的开发,从develop分支分出,完成后合并回develop分支。bugfix-*:修复分支,用于修复 bug,从develop分支分出,完成后合并回develop分支。
为了方便代码维护和版本控制,我们需要对 Git 提交信息进行规范化。推荐使用如下格式:
<type>(<scope>): <subject>
<body>
<footer>
<type>:提交类型,建议使用以下几种类型:feat:新功能fix:修复 bugdocs:文档更新style:代码格式化、样式调整等不涉及功能修改的改动refactor:代码重构test:测试用例chore:构建、打包等杂项操作
<scope>:修改范围,建议使用以下几种范围:config:配置文件theme:主题相关post:文章相关page:页面相关plugin:插件相关
<subject>:简要说明修改内容<body>:详细说明修改内容<footer>:可选,用于关闭 issue、添加链接等
例如:
feat(config): 添加网站统计代码
为了方便网站访问统计,添加了百度统计代码。
closes #123
- 检出
develop分支:git checkout develop - 从
develop分支创建新的功能分支:git checkout -b feature-new-function - 在新的功能分支上进行开发
- 开发完成后,合并回
develop分支:- 切换回
develop分支:git checkout develop - 合并分支:
git merge --no-ff feature-new-function - 删除分支:
git branch -d feature-new-function - 推送到远程仓库:
git push origin develop
- 切换回
- 发布新版本时,从
develop分支创建新的发布分支:git checkout -b release-0.1.0 - 在发布分支上进行测试,修复 bug
- 发布正式版本:
- 合并回
master分支:git checkout master,git merge --no-ff release-0.1.0 - 打上标签:
git tag v0.1.0 - 推送到远程仓库:
git push origin master --tags
- 合并回
- 合并回
develop分支:git checkout develop,git merge --no-ff release-0.1.0 - 删除发布分支:
git branch -d release-0.1.0
- 安装 Node.js 和 Git。
- 安装 Hexo:
npm install -g hexo-cli - 初始化博客:
hexo init my-blog - 进入博客目录:
cd my-blog - 安装依赖:
npm install
-
打开
_config.yml文件进行配置,例如:title: My Blog subtitle: Enjoy writing description: This is my blog powered by Hexo. author: John Doe language: en timezone: Asia/Shanghai # Deployment ## Docs: https://hexo.io/docs/deployment.html deploy: type: git repo: git@github.com:username/my-blog.git branch: master -
打开
themes目录,选择并配置主题。
- 创建文章:
hexo new "My First Post", 会在source/_posts创建一个md文件 - 在
source/_posts目录下编辑文章,使用 Markdown 语法。 - 清除静态文件:
hexo c - 生成静态文件:
hexo g - localhost预览文章:
hexo s - 发布文章:
hexo deploy
- 图片 使用以下代码来添加图片:
<img src="图片链接" alt="图片描述">
其中,src 表示图片的链接,alt 表示图片的描述或替换文本(如果图片无法显示)。
举个例子:
<div style="width: 50%;">
<img src="https://cdn.pixabay.com/photo/2015/04/23/22/00/tree-736885__340.jpg" alt="一棵树">
</div>
这将在你的网页上插入一张来自 Pixabay 的树的图片。
- 视频
使用以下代码来添加视频:
<video controls>
<source src="视频链接" type="视频类型">
</video>其中,src 表示视频的链接,type 表示视频的类型。controls 属性会在视频下方添加控制条。
举个例子(视频自适应网页大小):
<video controls width="100%" height="auto">
<source src="https://www.w3schools.com/html/mov_bbb.mp4" type="video/mp4">
</video>- 生成静态文件:
hexo generate或hexo g - 清理缓存:
hexo clean - 帮助文档:
hexo --help或hexo -h
本文档仅提供一种 Git 操作规范和 Hexo 使用方法,可根据具体情况进行调整。希望能为 Hexo 博客的维护提供帮助。
微信:xxxxxx
博客地址:xxxxxx