搭建个人博客--配置博客

当我们的博客初始化完成以后,接下来要做的就是对其进行个性化的配置了.本篇博客主要讲解博客主页面上“关于”、“标签”、“分类”三个页面的配置。

Hexo设置

Hexo设置其实就是博客根目录下的 _config.yml 文件,主要是对Hexo的配置以及站点的相关配置,下面只对需要修改的几个部分做一说明

  • 站点配置

    1
    2
    3
    4
    5
    6
    7
    # Site
    title: 技术博客 # 网站标题
    subtitle: # 网站子标题
    description: 越努力越幸运 # 网站描述
    author: 杨帆 # 网站作者,也就是您的名字
    language: zh-Hans # 网站使用的语言
    timezone: # 网站时区
  • 分页配置
    这个地方一般根据自己的需求修改 per_page 设置每页显示的文章数量即可。

    1
    2
    3
    # Pagination
    per_page: 10 # 每页显示的文章量,如果设置值为0,则表示禁止分野
    pagination_dir: page # 分页目录
  • 主题配置
    默认主题为landscape,本博客选择的主题为NexT

    1
    theme: next
  • 部署配置

    1
    2
    3
    4
    5
    6
    # Deployment
    ## Docs: https://hexo.io/docs/deployment.html
    deploy:
    type: git # 设置发布类型
    repo: git@github.com:yanggfann/yanggfann.github.io.git # 将yanggfann换成自己的用户名
    branch: master

主题设置

主题设置其实就是

themes/{主题名称}/_config.yml ```文件了,主要是网站主题的一些配置,如需要显示的菜单、开启的组件等等
1
2
3
4
5
6
7
8
不同的主题,都会增加了自己的一些特别开关。这里主要讲解一下菜单配置。
* **菜单配置**
```python
menu:
home: / || home # 主页
about: /about/ || user # 关于页面
tags: /tags/ || tags # 标签页
categories: /categories/ || th # 分类页

基础配置(关于、标签、分类)

  • 创建关于页面
    1.打开命令行,定位到博客根目录
    2.新建一个页面,命名为about
    1
    hexo new page "about"

3.在source/about路径下找到index.md文件并编辑,即为关于页面的内容。

  • 创建分类页面
    1.打开命令行,定位到博客根目录
    2.新建一个页面,命名为categories
    1
    hexo new page categories

3.在source/categories路径下找到index.md文件,编辑 title 即分类页的标题。

  • 创建标签页面
    1.打开命令行,定位到博客根目录
    2.新建一个页面,命名为tags
    1
    hexo new page tags

3.在source/tags路径下找到index.md文件,编辑 title 即分类页的标题。

  • 配置模板
    在站点根目录的 scaffolds 目录下的 post.md 文件,打开编辑为如下内容:
    1
    2
    3
    4
    5
    6
    7
    ---
    title: {{ title }}
    date: {{ date }}
    about: {{ about }}
    categories: {{ categories }}
    tags: {{ tags }}
    ---

写博客

经过上述步骤,本地博客和主题设置已经完成,那么接下来就是写博客了。
在E:\hexo\source中的_posts文件夹中新建博客文章,后缀是.md。打开刚刚新建的.md文件就可以开始写博客了!除了在文章开头部分的一些参数,比如标题(title: )、创建时间(date: )等,正文部分使用Markdown格式书写,可参考Markdown语法

1
2
3
4
5
6
7
8
9
10
11
---
#标题
title: 搭建个人博客--配置博客 # 这是标题
categories: # 这里写的分类会自动汇集到 categories 页面上,分类可以多级
- 相关技术 # 一级分类
- 配置博客 # 二级分类
tags: # 这里写的标签会自动汇集到 tags 页面上
- Hexo # 可配置多个标签,注意格式
- Blog
---
以下为正文部分