突然想弄个博客,原来的想法是在服务器上搞hexo,后来了解到有github pages这个东西比较方便。用github pages不用备案(应该?),绑定域名和搞https也方便。干脆就用github pages + hexo搭建算了。

hexo安装

准备

首先要有个github的账号,装好 Node.jsgit

安装

安装hexo

1
npm install hexo

在当前目录下初始化博客文件夹(比如文件夹名字叫BlogFolder)

1
2
3
hexo init BlogFolder
cd BlogFolder
npm install

这里可修改BlogFolder下的_config.yml的下面几项以改变网站标题、地址等信息。

1
2
3
4
5
6
7
8
9
10
11
12
# 网站信息
title: 网站名
subtitle: ''
description: ''
keywords:
# 作者
author: Cheukbun
# 语言、时区
language: zh-CN
timezone: 'Asia/Shanghai'
# 填网站域名
url: https://cheuk.fun

其他配置 文档 | Hexo

DNS配置

去DNS服务商博客域名解析添加

类型 名称 内容
A @ 185.199.111.153
A @ 185.199.110.153
A @ 185.199.109.153
A @ 185.199.108.153
CNAME www github账户名字.github.io

github pages 配置

  1. 在github新建一个public仓库

  2. 修改BlogFolder下的_config.yml的deploy部分

    1
    2
    3
    4
    5
    6
    deploy:
    type: 'git'
    # 仓库地址
    repo: git@github.com:cheukbun/cheuk.fun.git
    # 分支名称
    branch: main
  3. 在BlogFolder/public下创建一个文件,命名为CNAME,文件内容如下

    1
    2
    # 换成自己域名
    cheuk.fun
  4. 安装hexo-deployer-git扩展

    1
    npm install hexo-deployer-git --save
  5. 在博客文件夹下执行命令,生成博客,上传到仓库

    1
    2
    hexo g # 生成博客
    hexo d # 部署到仓库
  6. 去仓库 setting - pages 把 Source中的分支设置为main,后面的目录为 /root ,save保存。

  7. 修改Custom domain为博客域名,保存。

  8. 至此,博客创建完成。

发表post

写文章

在BlogFolder文件夹下执行命令

1
hexo new post "文章名"

然后就可以在 source/_posts 下看到新增的文章,直接编辑即可。

写完后同步到github

在BlogFolder文件夹下执行命令,即可同步到仓库。

1
2
3
hexo clean
hexo g
hexo d

hexo文档 写作 | Hexo