Hexo 安装主题

Hexo 主题的安装方式非常简单，只需将主题 Hexo-theme-linear 复制目录的 themes 目录下，然后在 Hexo 的 _config.yml 中修改下主题配置即可

# 找到 theme 配置项
theme: Hexo-theme-linear

获取 Linear

进入 Linear 代码仓库，了解最新的主题开发进度
在发布页面下载 hexo-theme-linear.zip
解压至站点的 themes 目录下
在 Hexo 的 _config.yml 中启用

hexo配置

在 Hexo 的 _config.yml 中调整

基础配置

# 网页标题
title: 17px blog
# 侧边栏顶部显示
subtitle: "Mozzie"
# 用于SEO的html元描述
description: ""
# 用于SEO的html关键字
keywords:
# 文章版权声明显示作者名称
author: Mozzie

# 在此处设置您的网站url
url: https://mozzie.cn

国际化切换

language: en

文章语法高亮

关闭hexo默认的highlight.js语法高亮

highlight:
  enable: false
  line_number: true
  auto_detect: false
  tab_replace: ""
  wrap: true
  hljs: false

prismjs:
  enable: true
  preprocess: true
  line_number: true
  line_threshold: 0
  tab_replace: ""

Linear主题配置

下面的配置基于 Hexo-theme-linear 下的 _config.yml

文章分类图标

按照顺序，依次设置 svg 图标，可以在 xicon 方面的获取丰富的图标

postCategoryIcons:
  - <svg>...</svg>
  - <svg>...</svg>
  - <svg>...</svg>

网站图标 favicon

支持 svg
支持 图片url，如：/img/favicon.png

favicon: ''

ICP备案号

😁 如不需要备案号，可直接删除

icp: 苏ICP备xxxxxxx号-x

首页底部文字

😁 如不需要，可直接删除，或者改为 false

motto: false

文章版权申明

默认开启，当 enable: false，默认关闭

postCopyright:
  enable: true
  license: CC BY-NC-SA 4.0
  license_url: https://creativecommons.org/licenses/by-nc-sa/4.0/

katex 数学公式

可自行配置 cdn

katex:
  enable: true
  jsCdn: //cdn.jsdelivr.net/npm/katex@0.13.18/dist/katex.min.js
  cssCdn: //cdn.jsdelivr.net/npm/katex@0.13.18/dist/katex.min.css

mermaid 流程图

在撰写时，请使用 {% mermaid %}` 和 `{% endmermaid %} 包裹

{% mermaid %}
graph TD;
    A --> B;
    A --> C;
    B --> D;
    C --> D;
{% endmermaid %}

相应配置如下

mermaid:
  enable: true
  cdn: //cdn.jsdelivr.net/npm/mermaid@10.4.0/dist/mermaid.min.js

valine 文章评论

首先需要注册 LeanCloud 国际区用户，创建数据库

请根据相关地区法规，酌情

valine:
  enable: true
  # 替换
  appId: appId
  # 替换
  appKey: appKey
  avatar: monsterid
  cdn: //unpkg.com/valine@latest/dist/Valine.min.js
  # 替换
  serverURLs: //xxxxxxxx.api.lncldglobal.com

algolia搜索

博客自带的本地搜索，基于前端开发，存在或多或少的问题，建议换成 algolia，免费账户总共有 10,000 条记录，每月有 100,000 的操作数

注册 & 获取 Key

创建一个新的 Index，例如 hex-blog
复制并保存：

Application ID
Search-Only API Key
Admin API Key
Usage API Key

API Keys

替换配置

在 Hexo 的 _config.yml 中加入

algolia:
  # 替换
  appId: Application ID
  # 替换
  apiKey: Usage API Key
  # 请勿泄露，用于上报，替换
  adminApiKey: Admin API Key
  # 替换
  SearchOnlyAPIKey: Search-Only API Key
  chunkSize: 5000
  # 替换
  indexName: hex-blog
  fields:
    - content:strip
    - categories
    - date
    - permalink
    - slug
    - tags
    - title

安装 hexo-algoliasearch

这是 Hexo 博客帖子索引插件，自动化提交索引到 Algolia

如出遇到问题，可阅读 hexo-algoliasearch 仓库最新说明

安装命令：

npm install hexo-algoliasearch --save

使用 algolia

在每次博客发布之前，进行索引上传的操作，命令通常如下

hexo clean
hexo generate
hexo algolia

Linear 主要针对国内用户，在首页集成了和风天气的卡片，通过和风天气开发服务注册

注册完成后，在配置中填入你的 appKey 和 cityCode(城市代码)

weather:
  enable: true
  # 替换
  cityCode: cityCode
  appKey: appKey

其中 cityCode 可以在官方的地区列表仓库中的 China-City-List-latest.csv 找到你所在城市的 cityCode