Hexo基础配置

Hexo修改Fluid主题

以Fluid主题为例

Github项目fluid

主题文档 Hexo Fluid 用户手册

1. 下载主题包

载 fluid 解压到 themes 目录，并将解压出的文件夹重命名为 fluid。

2. 修改_config.yml文件

如下修改 Hexo 博客目录中的 _config.yml：

language: zh-CN

theme: fluid  # 指定主题

3. 本地部署查看效果并上传到GitHub

hexo三件套

hexo clean   // 清除缓存
hexo g       // 生成打包
hexo d       // 上传

Hexo文章生成永久链接

1. 默认文章链接配置

premalink: :year/:month/:day/:title

这种生成的链接地址很长，文章版权的链接地址会出现一大串字符编码，一点也不好看。因此需要修改文章生成链接的格式。

2. Hexo abbrLink插件

根目录Git Bash 终端运行以下代码

npm install hexo-abbrlink --save

3. 配置文件下添加

abbrlink: 
    alg: crc16 #算法：
    crc16(default) and crc32 rep: hex 

4. 配置文件permalink修改

permalink: posts/:abbrlink.html  
# 此处可以自己设置，也可以直接使用 :/abbrlink

生成完后，原md文件的Front-matter 内会增加abbrlink 字段，值为生成的ID 。这个字段确保了在我们修改了Front-matter 内的博客标题title或创建日期date字段之后而不会改变链接地址.

Hexo Asset Image插件安装

Hexo Asset Image 是一个专为 Hexo 博客框架设计的开源插件，它旨在简化图片资源的管理和插入流程。通过本插件，博主可以更加便捷地在文章中引用本地或远程的图片，并自动处理图片路径，优化博客的构建和部署过程。对于追求高效管理和优雅展示图片内容的Hexo用户来说，这是一个不可或缺的工具。

主要解决本地图片资源加载不出的问题

项目快速启动

安装

首先确保你的Hexo环境已经搭建完毕，之后在博客根目录下，通过npm安装此插件：

npm install hexo-asset-image --save

配置

编辑Hexo的配置文件_config.yml，添加以下行以启用插件：

plugins:
  - hexo-asset-image

插件会处理这个相对路径，在生成静态站点时将图片移动到正确的资产目录下，并自动更新Markdown文件中的图片链接。

使用示例

在Markdown格式的文章中，你可以像下面这样直接引用图片：

![](path/to/your/image.jpg)

插件会处理这个相对路径，在生成静态站点时将图片移动到正确的资产目录下，并自动更新Markdown文件中的图片链接。

自动创建同名文件夹放图片

查看hexo官网，可以看到官网推荐将post_asset_folder属性置为true，在新建博客hexo n “xxx”的时候会在根目录下创建一个同名的文件夹，将需要插入的图片放到这个目录。

post_asset_folder: true
marked:
  prependRoot: true
  postAsset: true