hexo-theme-blank 文档-进阶设置

目录

  1. 1. 文章置顶
  2. 2. 文章的meta设置
  3. 3. 首页文章隐藏
  4. 4. 文章目录
  5. 5. 全局字体设置
  6. 6. 百度&谷歌分析
  7. 7. 百度自动推送
  8. 8. fancybox
  9. 9. 文章摘要
  10. 10. 代码高亮
    1. 10.1. highlight 用法
  11. 11. MathJax支持
hexo-theme-blank 文档二 ,这篇文章,介绍 blank 主题的其他个性化设置。

文章置顶

1.卸载默认排序插件

npm uninstall hexo-generator-index --save

2.安装插件 hexo-generator-index-pin-top 或者 hexo-generator-indexed (推荐)

npm install hexo-generator-index-pin-top --save

OR

npm install hexo-generator-indexed

3.如果你使用 hexo-generator-index-pin-top ,在需要置顶的文章的Front-matter中加上top即可:

title: 
tags:
top: true   +加上这个
date: 2020-04-28 12:01:56
categories:

如果你使用 hexo-generator-indexed ,在需要置顶的文章的Front-matter中加上sticky即可:

title: 
tags:
sticky: 1   支持多文章置顶,数字越大,置顶的优先级越大
date: 2020-04-28 12:01:56
categories:

文章的meta设置


# 文章的相关信息
post_meta:
  page:
    date: true                    # 主页是否显示日期
    categories: true             # 主页是否显示分类
    wordcount: true             # 主页是否显示字数统计
    min2read: true             # 主页是否显示阅读时长
  post:
    date: true                # 文章页是否显示日期
    categories: true         # 文章页是否显示字分类
    wordcount: true         # 文章页是否显示字数统计
    min2read: true         # 文章页是否显示阅读时长

首页文章隐藏

1.首页文章隐藏功能,需要 hexo-generator-indexed 插件

npm install hexo-generator-indexed

2.在文章的 Front-matter 中增加一个 hide 参数用来隐藏。

---
title: example
hide: true
---

文章目录

主题自带了一个很简单的目录
可以在

# 文章目录
toc:
  enable: true

把它关掉,或者在文章头部把它关掉

---
title: Hello World
comments: false
date: 2019-8-25 15:23:36
abbrlink: 16107
toc: false   +加上这个
---

全局字体设置

如果你想要谷歌字体替换默认的全局字体,可以在配置文件中添加

# 全局字体可使用谷歌字体替换
googlefonts:
  font-family:
  link:

例如,之前我觉得这个主题配上思源宋体很好看,所以我设置成这样

googlefonts:
  font-family: Noto Serif SC, serif, sans-serif
  link: https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@400;500;700&display=swap

虽然谷歌字体服务器已经在中国,但是路线不同,难免解析到美国,日本的服务器,网站速度难免会拖慢,所以更建议用默认字体。

百度&谷歌分析

_config.yml ,添加获取的代码即可

#谷歌分析
google_analytics: xxxxxx
#百度分析
baidu_analytics: xxxxxx

百度自动推送

config.yml ,开启即可

#百度自动推送
baidu_push:
  enable: true

如果您觉得SEO还不够,您可以安装 sitemap 插件

1.执行以下代码

npm install hexo-generator-sitemap --save
npm install hexo-generator-baidu-sitemap --save

2.在博客目录的 config.yml 最下面新增

# 自动生成sitemap
sitemap:
path: sitemap.xml
baidusitemap:
path: baidusitemap.xml

fancybox

主题 _config.yml 处开启

# fancybox
fancybox:
  enable: true

文章摘要

如果你希望文章在首页只显示摘要(部分内容),可以在文章希望截取的位置加上 <!--more--> ,这样,首页的文章就会显示 <!--more--> 上方的内容

代码高亮

hexo-theme-blank,支持所有 highlightjs 的主题样式
由于 hexo 内置的 highlight 代码行号有些问题,所以我另外引进的代码行号,必须在hexo根目录的 _config.yml 进行关闭:

1.打开hexo根目录的 _config.yml ,找到 highlight 部分,改成下面:

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

2.寻找你喜欢的代码高亮

https://highlightjs.org/
3. 找到对应的 css 的CDN

https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@10.0.3/build/styles/

3.复制粘贴到主题目录下的 _config.yml 相应位置

highlight 用法

1.如果你只想高亮 短代码类似这样
你可以用

``短代码``

2.如果你想要高亮 长代码

把2个点改成3个就行

MathJax支持

Supported by LuminousXLB

在主题目录下的_config.yml,把 MathJax 打开即可

#MathJax
mathjax:
  enable: true
  script: https://cdn.jsdelivr.net/npm/mathjax@3.0.1/es5/tex-mml-chtml.js

  • 支付宝
  • 微信
hexo theme blank
hexo-theme-blank 文档-标签插件
hexo-theme-blank-文档-主题安装
© 2020 DmxZ
Powered by hexo | Theme is blank