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

2020-05-19 | 2020-05-19 置顶

hexo-theme-blank 文档二 ,这篇文章,介绍 blank 主题的其他个性化设置。

文章置顶

1.安装插件

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

2.然后在需要置顶的文章的Front-matter中加上top即可:

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

百度&谷歌分析

_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个就行


hexo-theme-blank 文档-标签插件
hexo-theme-blank-文档-主题安装
© 2020 DmxZ
Powered by hexo | Theme is blank