准备工作

安装软件

hexo初始化

1
2
3
4
## 本地创建一个目录用于存放博客
hexo init
hexo generate
hexo server
  • 初始化完成后访问 localhost:4000.

Hexo基础修改

网站基础配置信息

修改网站各种资料，例如标题、副标题和邮箱等个人资料，请修改博客根目录的站点配置文件 _config.yml

1
2
3
4
5
6
7
8
# Site
title: Lianglliu's Blog
subtitle: ''
description: ''
keywords: 程序员,博客,教程,工具,框架
author: Lianglliu
language: zh-CN
timezone: 'Asia/Shanghai'

导航页面

  • 安装butterfly主题后，修改主题配置文件 _config.butterfly.yml
1
2
3
4
5
6
7
8
menu:
  主页: / || fas fa-home
  目录||fas fa-list:
    归档: /archives/ || fas fa-archive
    标签: /tags/ || fas fa-tags
    分类: /categories/ || fas fa-folder-open
  传送门: /link/ || fas fa-link
  关于: /about/ || fas fa-heart

创建模板

  • page.md
1
2
3
4
5
6
7
8
---
title: {{ title }}
date: {{ date }}
reward:
description:
top_img: 
comments: false
---
  • post.md
1
2
3
4
5
6
7
8
9
10
11
12
13
---
title: {{ title }}
date: {{ date }}
tags:
  - 
categories:
  - 
keywords:
description:
top_img:
cover:
comments: false
---

博客关键页面生成

博客有一些关键页面需要手动生成。

标签页

进入 Hexo 博客的根目录，执行：

1
hexo new page tags

打开 source/tags/index.md 文件，修改如下：

1
2
3
4
5
6
7
8
---
title: 标签
date: 2022-10-12 21:06:01
type: "tags"
top_img: "linear-gradient( 135deg, #79F1A4 10%, #0E5CAD 100%)"
comments: false
---

分类页

进入 Hexo 博客的根目录，执行：

1
hexo new page categories

打开 source/categories/index.md 文件，修改如下：

1
2
3
4
5
6
7
8
---
title: 分类
date: 2022-10-11 20:18:01
layout: "categories"
type: "categories"
top_img: 'linear-gradient( 135deg, #EECE13 10%, #B210FF 100%)'
comments: false
---

传送门

进入 Hexo 博客的根目录，执行：

1
hexo new page link

打开 source/link/index.md 文件，修改如下：

1
2
3
4
5
---
title: 传送门
date: 2022-10-13 16:44:03
type: "link"
---

在 Hexo 博客目录中的 source/_data（如果没有 _data 文件夹，请自行创建），创建一个文件 link.yml

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
# 1. 确保你使用 Butterfly 主题
# 2. 确保你的网站是 https
# 3. 修改 source/_data/link.yml
# 4. 按要求新增内容
#     - name: 博客名
#       link: 博客地址
#       avatar: 博客头像
#       descr: 博客描述

- class_name: '<i class="fas fa-check-double" style="color: #FF6666;padding-right: 0.4rem"></i>本站'
  class_desc: '<span style="font-style: italic;">重要的事情说一遍</span>'
  link_list:
    - name: Lianglliu's Blog
      link: https://www.hiworld.site
      avatar: https://www.hiworld.site/img/favicon.png
      descr: 一个乐于分享技术与快乐的博主

关于我

进入 Hexo 博客的根目录，执行：

1
hexo new page about

打开 source/about-me/index.md 文件，修改如下：

1
2
3
4
5
6
7
8
---
title: 关于
date: 2022-10-11 19:18:01
type: "about"
top_img: "linear-gradient( 135deg, #72EDF2 10%, #5151E5 100%)"
---

这人很懒，什么东西都没留下