记一次使用 Hexo + GitHub Pages 搭建 blogs

前几天掘金在首页推荐了一个Hexo+GitHub Pages自己搭建博客的文章,于是开始自己摸索去搭建的试一下。按照官网的步骤初始化了一个Hexo项目,并根据官方的GitHub Pages部署文档尝试着部署项目。


本地项目搭建完成,github pages搭建完成,ssh配置完成后:

1. 修改_config.yml配置文件

在项目根目录下的_config.yml配置文件最后改为

deploy:
  type: git
  repository: 远程仓库地址
  branch: master

2. 安装hexo-deployer-git插件

安装部署插件hexo-deployer-git,必须安装不然会报错,详情可以看官方这个issues

npm install hexo-deployer-git --save

3. 部署

执行部署上传命令即可访问线上博客项目,g 是 generate 缩写,d 是 deploy 缩写。

# 生成静态文件
hexo g
# 启动本地服务
hexo server
# 部署网站
hexo d
# 文件生成后立即部署网站
hexo g -d
# 清除缓存,建议每次部署前先清除缓存
hexo clean

4. 新建文章

# 新建一篇文章
hexo new [layout] <title>
# 例如
hexo new "post title with whitespace"

如果没有设置 layout 的话,默认使用_config.yml 中的 default_layout 参数代替。如果标题包含空格的话,需要使用引号括起来。title必须设置

参数 描述
-p, --path 自定义新文章的路径
-r, --replace 如果存在同名文章,将其替换
-s, --slug 文章的Slug,作为新文章的文件名和发布后的URL
# 创建一个 source/about/me.md 文件,且标题为 About me
hexo new page --path about/me "About me"

5. 分类

分类具有顺序性和层次性,例如Foo, Bar 不等于 Bar, Foo

  1. 子分类
categories:
    - Diary
    - Life

分类 Life 会成为 Diary 的子分类,而不是并列分类

  1. 并列分类
categories:
    - [Diary]
    - [Life]

Diary 和 Life 为并列分类

  1. 并列+子分类
categories:
    - [Diary, PlayStation]
    - [Diary, Games]
    - [Life]

PlayStation 和 Games 分别都是父分类 Diary 的子分类,同时 Life 是一个没有子分类的分类

6. 标签

标签没有顺序和层次

tags:
    - PS3
    - Games

PS3 和 Games 是两个独立的标签,没有层级和顺序

结语

官方部署文档如下:

官方部署文档

再使用 Travis CI 时,官方提示需要添加一个 plan 才能使用,但添加 plan 需要 stripe 信用卡信息,直接劝退。

Travis CI添加plan
Travis CI添加plan-中文

最后参照了一下大佬的文章,本来都想记录分享一下搭建过程的,但是大佬写的真的太细了。。

posted @ 2022-03-21 11:26  这货不是古月先生  阅读(37)  评论(0编辑  收藏  举报