GitHub Pages & Hexo 搭建博客
![](/images/angelica.png)
关于如何使用GitHub Pages和Hexo搭建个人博客并进行写作(使用Keep主题)。
GitHub Pages & Hexo 搭建博客
Hexo 安装与配置
- 确认本地已经安装 Git 和 Node.js
- 安装hexo:
npm install -g hexo-cli
- 在本地创建一个文件夹,然后往这个文件夹中安装Hexo
- 配置 Hexo,其配置文件为_config.yml:配置 Hexo | Easy Hexo 👨💻
1 | npm install -g hexo-cli # 安装Hexo |
使用GitHub Pages部署到GitHub
Step 1: 创建一个仓库:
Step 2: 在
1 | npm install hexo-deployer-git --save |
Step 3: 部署到 GitHub
1 | hexo clean && hexo d -g |
GitHub保存博客项目的源代码
1 | 本地博客项目根目录下运行 |
Keep主题安装与配置
Step 1: 安装Keep主题
1 | cd <your_blog_name> |
Step 2: 使用Keep主题:在 Hexo 配置文件_config.yml
中将 theme 设置为 keep。
1 | theme: keep |
Step 3:配置Keep主题:在_config.keep.yml
文件,参照文档进行配置:base_info | Keep 主题使用指南
其他:
可能用到的命令:
1
2
3
4
5npm install hexo-theme-keep # 安装 keep 主题
npm install hexo-filter-mathjax # 安装显示数学公式的插件
npm install hexo-generator-searchdb # 安装站内搜索插件
npm install hexo-wordcount # 安装统计字数插件
hexo new page about # hexo创建页面命令,使用该命令创建about页面。数学公式 | Keep 主题使用指南:建议开启。
配置时的图标文件可以放在
source/images
文件夹中。Gitalk设置:comment | Keep 主题使用指南
默认博客模板
在scaffolds/post.md
中可以设置默认模板,比如默认打开公式渲染等。
1 | title: {{ title }} |
图片插入:结合Typora
Step 1:修改_config.yml
文件
1 | post_asset_folder: true # 将这个配置项改为true,这样hexo new “postname"时会创建一个同名文件夹 |
Step 2:安装插件
1 | npm install hexo-asset-img --save |
Step 3: 设置Typora插入图片时路径:${filename}
Hexo deploy失败?
1 | hexo config deploy.repository git@github.com:isjinhu/isjinhu.github.io.git |
其他链接
评论