:ocean: 一款 Material Design 风格的 Hexo 主题 / An elegant Material-Design theme for Hexo
post:
copyright:
enable: true
- content: '...'
code:
highlight:
highlightjs:
- bg_color: false
languages/*.yml
,但它们在 _config.yml
依然生效,不过不建议再使用它们,请在你的覆盖配置中弃用它们并使用语言配置
code:
highlight:
highlightjs:
style: "github gist"
+ style_dark: "dark"
prismjs:
style: "default"
+ style_dark: "tomorrow night"
post:
toc:
+ placement: right
post:
+ category_bar:
+ enable: true
code:
+ language:
+ enable: true
+ default: "TEXT"
fun_features:
typing:
+ scope: [] # Options: home | post | tag | category | about | links | page | 404
page404:
+ redirect_delay: 5000
color:
+ # 按钮类组件的背景色
+ button_bg_color: "transparent"
+ button_bg_color_dark: "transparent"
+ # 按钮类组件的悬浮背景色
+ button_hover_bg_color: "#f2f3f5"
+ button_hover_bg_color_dark: "#46647e"
staticfile
post:
copyright:
enable: true
- content: '...'
code:
highlight:
highlightjs:
- bg_color: false
languages/*.yml
,但它们在 _config.yml
依然生效,不过不建议再使用它们,请在你的覆盖配置中弃用它们并使用语言配置
code:
highlight:
highlightjs:
style: "github gist"
+ style_dark: "dark"
prismjs:
style: "default"
+ style_dark: "tomorrow night"
post:
toc:
+ placement: right
post:
+ category_bar:
+ enable: true
code:
+ language:
+ enable: true
+ default: "TEXT"
fun_features:
typing:
+ scope: [] # Options: home | post | tag | category | about | links | page | 404
page404:
+ redirect_delay: 5000
color:
+ # 按钮类组件的背景色
+ button_bg_color: "transparent"
+ button_bg_color_dark: "transparent"
+ # 按钮类组件的悬浮背景色
+ button_hover_bg_color: "#f2f3f5"
+ button_hover_bg_color_dark: "#46647e"
staticfile
对于正在使用 MathJax 的老用户,建议将原 kramed
渲染器更换为 pandoc
,步骤如下:
npm uninstall hexo-renderer-kramed --save
npm install hexo-renderer-pandoc --save
hint
库(用于关于页里图标悬浮框)修改为使用公共 CDN:static_prefix:
- hint: /lib/hint/
+ hint: https://cdn.jsdelivr.net/npm/hint.css@2/
color:
+ scrollbar_color: "#c4c6c9"
+ scrollbar_color_dark: "#687582"
+ scrollbar_hover_color: "#a6a6a6"
+ scrollbar_hover_color_dark: "#9da8b3"
For the users who are using MathJax, it is recommended to replace kramed
renderer to pandoc
, the steps are as follows:
npm uninstall hexo-renderer-kramed --save
npm install hexo- renderer-pandoc --save
hint
(for the icon hover in the about page) was modified to jsdelivrCDN:static_prefix:
- hint: /lib/hint/
+ hint: https://cdn.jsdelivr.net/npm/hint.css@2/
color:
+ scrollbar_color: "#c4c6c9"
+ scrollbar_color_dark: "#687582"
+ scrollbar_hover_color: "#a6a6a6"
+ scrollbar_hover_color_dark: "#9da8b3"
<table>
is adapted to dark modeweb_analytics:
leancloud:
+ ignore_local: false
open_graph:
+ enable: true
og_img
字段单独设置 OpenGraph 图片(默认等同于 index_img
):---
title: 文章标题
index_img: /img/index.png
og_img: /img/og.png
---
description
属性iconfont
和 hint
的 CDN 链接web_analytics:
leancloud:
+ ignore_local: false
open_graph:
+ enable: true
og_img
field in FrontMatter (the default is equivalent to index_img
):---
title: Post Tile
index_img: /img/index.png
og_img: /img/og.png
---
description
metaiconfont
and hint
min2read:
- words: 100
+ awl: 2
+ wpm: 160
+ open_graph:
+ twitter_card: summary_large_image
+ twitter_id:
+ twitter_site:
+ google_plus:
+ fb_admins:
+ fb_app_id:
font:
+ letter_spacing: 0.02em
web_analytics:
leancloud:
+ path: window.location.pathname
min2read:
- words: 100
+ awl: 2
+ wpm: 160
+ open_graph:
+ twitter_card: summary_large_image
+ twitter_id:
+ twitter_site:
+ google_plus:
+ fb_admins:
+ fb_app_id:
font:
+ letter_spacing: 0.02em
web_analytics:
leancloud:
+ path: window.location.pathname
min2read:
- words: 100
+ awl: 2
+ wpm: 160
+ open_graph:
+ twitter_card: summary_large_image
+ twitter_id:
+ twitter_site:
+ google_plus:
+ fb_admins:
+ fb_app_id:
font:
+ letter_spacing: 0.02em
web_analytics:
leancloud:
+ path: window.location.pathname
min2read:
- words: 100
+ awl: 2
+ wpm: 160
+ open_graph:
+ twitter_card: summary_large_image
+ twitter_id:
+ twitter_site:
+ google_plus:
+ fb_admins:
+ fb_app_id:
font:
+ letter_spacing: 0.02em
web_analytics:
leancloud:
+ path: window.location.pathname
valine:
- appid:
- appkey
+ appId:
+ appKey:
font:font_family
配置项没有生效valine:
- appid:
- appkey
+ appId:
+ appKey:
font:font_family
doesn't work- version:
- check: false
post:
image_zoom:
+ img_url_replace: ['', '']
onerror_avatar
在某些情况下未生效post_url_target
在某些情况下未生效<a>
标签可能跳转空页面- version:
- check: false
post:
image_zoom:
+ img_url_replace: ['', '']
onerror_avatar
doesn't work in some casespost_url_target
doesn't work in some cases<a>
tag may be directed to a blank pagelazyload:
# 触发加载的偏移倍数
+ offset_factor: 2
# 指定加载时的占位图片
+ loading_img: /img/loading.gif
keywords
参数:---
title: 文章标题
keywords: [关键词1, 关键词2]
---
category:
+ post_order_by: "-date"
waline:
+ avatarCDN:
+ anonymous:
twikoo:
- env_id:
+ envId:
+ region: ap-shanghai
+ path: window.location.pathname
lazyload:
# The factor of viewport height that triggers loading
+ offset_factor: 2
# The placeholder image when loading
+ loading_img: /img/loading.gif
keywords
can be set in FrontMatter:---
title: The introduction of Fluid
keywords: [hexo, theme, blog]
---
category:
+ post_order_by: "-date"
waline:
+ avatarCDN:
+ anonymous: