Hexo结合Github搭建个人博客

如何搭建

我采用了ICARUS主题，根据以下教程完成了部署

https://www.cnblogs.com/liuxianan/p/build-blog-website-by-hexo-github.html
https://hexo.io/zh-cn/docs/setup

注意，配置_config.yml中有关deploy的部分，正确写法如下：

deploy:
  type: git
  repository: git@github.com:liuxianan/liuxianan.github.io.git
  branch: master

然后根据教程，以及ICARUS主题帮助：
https://ppoffice.github.io/hexo-theme-icarus/
个性化自己的博客

如何写博客

新建博客

Github Bash 定位到我们存放博客代码等文件夹根目录（如Blogs），执行命令：
hexo new ‘my-first-blog’
hexo会帮我们在_posts下生成相关md文件，我们只需要打开这个文件就可以开始写博客了，可以修改如下 front-matter：

---
# front-matter
title: postName #文章页面上的显示名称，一般是中文
date: 2013-12-02 15:30:16 #文章生成时间，一般不改，当然也可以任意修改
categories: 默认分类 #分类
categories:
- 分类
- 子分类
- 子子分类
tags:
- 标签1
- 标签2
tags: [tag1,tag2,tag3] #文章标签，可空，多标签请用格式，注意:后面有个空格
description: 附加一段文章摘要，字数最好在140字以内，会出现在meta的description里面
toc: true #开启目录
cover: /gallery/covers/cover.jpg #为文章添加封面图
thumbnail: /gallery/thumbnails/thumbnail.jpg #为文章设置缩略图
#文章的缩略图会显示在归档页面和最新文章挂件中，
#如果你在front-matter中使用的是图片的路径，
#你需要确保它是绝对或者相对于你的source目录的路径
#例如，为使用<your blog>/source/gallery/image.jpg作为缩略图，
#你需要在front-matter中使用/gallery/image.jpg作为图片路径
---

新建页面

hexo new post “postName” #新建文章
hexo new draft “draftName” #新建草稿
hexo publish “draftName” #发布草稿
hexo new page “pageName” #新建页面
hexo new page “my-second-blog”
生成如下：
最终部署时生成：hexo\public\my-second-blog\index.html，但是它不会作为文章出现在博文目录，而是会作为导航页。

添加标签、分类、归档、关于等页面

hexo博客添加标签、分类、归档、关于等页面，详情请看下面链接：
https://hexo.io/zh-cn/docs/front-matter
https://blog.csdn.net/nineya_com/article/details/103322773
https://blog.csdn.net/nineya_com/article/details/103316683

博客中插入图片

目前已经在配置文件中进行如下设置，新建博客时会自动生成同名文件夹。

_config.yml
post_asset_folder: true
marked:
  prependRoot: true
  postAsset: true

只需要在写博客时，将图片放入博客同名文件夹中，按照如下方式加入即可

![李杰的科学知识图谱系列教程](image-20210715154014231.png)

常用hexo命令

常见命令：
hexo generate #生成静态页面至public目录
hexo server #开启预览访问端口（默认端口4000，’ctrl + c’关闭server）
hexo deploy #部署到GitHub
hexo help # 查看帮助
hexo version #查看Hexo的版本
缩写：
hexo n == hexo new
hexo g == hexo generate
hexo s == hexo server
hexo d == hexo deploy
组合命令：
hexo s -g #生成并本地预览
hexo d -g #生成并上传

在线小图标
https://fontawesome.dashgame.com/

默认情况下，生成的博文目录会显示全部的文章内容，如何设置文章摘要的长度呢？

答案如下：

# 前言
使用github pages服务搭建博客的好处有：
1. 全是静态文件，访问速度快；
2. 免费方便，不用花一分钱就可以搭建一个自由的个人博客，不需要服务器不需要后台；
3. 可以随意绑定自己的域名，不仔细看的话根本看不出来你的网站是基于github的；

<!--more-->

4. 数据绝对安全，基于github的版本管理，想恢复到哪个历史版本都行；
5. 博客内容可以轻松打包、转移、发布到其它平台；
6. 等等