xiaoyh 的个人博客

一个只会敲代码的咸鱼

0%

hexo 配置(1)—— 网站配置、更新主题等

在 _config.yml 中可以修改大部份的配置。

1 网站配置(Site)

_config.yml#Site 下的字段就是网站配置的字段,分别对应:

字段 描述
title 网站标题
subtitle 网站副标题
description 网站描述,主要用于SEO,告诉搜索引擎一个关于您站点的简单描述
author 作者
language 网站使用的语言
timezone 网站时区。Hexo 默认使用电脑的时区。时区列表。比如说:America/New_York, Japan, 和 UTC 。

2. 更换主题皮肤

_config.yml 中的 theme 字段指定主题,其名字对应于 themes 目录下的文件夹名。
先下载主题(以 nexT 为例)

1
git clone git@github.com:iissnan/hexo-theme-next.git themes\nexT

然后修改 _config.yml

1
theme: nexT

3. 新建标签、分类、归档等页面

一般的博客都具有根据 tagscategories 进行分类的页面,下面介绍如何设置这样的页面。
tags 为例,建立以 tags 为分类的页面需要执行 hexo new page tags ,然后修改生成的 source/tags/index.md

1
2
3
4
5
6
---
title: 标签页
date: 2020-05-22 18:27:43
type: tags
layout: tags
---

然后在使用主题的 _config.yml 做如下设置:

1
2
menu:
Tags: /tags

即可完成分类页面的功能。其他如 categoriesarchives 也是同理。

4. 资源文件夹

资源(Asset)代表 source 文件夹中除了文章以外的所有文件,例如图片、CSS、JS 文件等。
当你的博客想要插入一些图片,最简单的方式就是把图片放在 source/images 中,然后通过类似于 ![](/images/image.jpg) 的方式访问。

4.1 文章资源文件夹

对于那些想要更有规律地提供图片和其他资源以及想要将他们的资源分布在各个文章上的人来说,Hexo 也提供了更组织化的方式来管理资源。这个稍微有些复杂但是管理资源非常方便的功能可以通过将 config.yml 文件中的 post_asset_folder 选项设为 true 来打开。

1
post_asset_folder: true

当资源文件管理功能打开后,Hexo 将会在你每一次通过 hexo new [layout] <title> 命令创建新文章时自动创建一个文件夹。这个资源文件夹将会有与这个 markdown 文件一样的名字。将所有与你的文章有关的资源放在这个关联文件夹中之后,你可以通过相对路径来引用它们,这样你就得到了一个更简单而且方便得多的工作流。

4.2 相对路径引用的标签插件

通过常规的 markdown 语法和相对路径来引用图片和其它资源可能会导致它们在存档页或者主页上显示不正确。在 Hexo 3 之后,许多新的标签插件被加入到了核心代码中,这使得可以更简单地在文章中引用资源

1
2
3
{% asset_path slug %}
{% asset_img slug [title] %}
{% asset_link slug [title] %}

引用资源文件夹里的图片需使用 asset_img 标签,其格式如下:

1
{% asset_img 图片名.jpg 这是图片的说明 %}

通过这种方式,图片将能同时出现在文章和主页以及归档页中。