手摸手教你用github和hexo搭建个人博客(五)

上一篇我们介绍了如何切换到流行的Next主题,这篇我们来详细介绍一下Next主题的配置文件中都提供了哪些配置内容供我们定制化

在介绍具体配置前,先来了解一下Hexo3.0版本后新增的一项特性–数据文件

数据文件

简单来说,数据文件就是用来存放一些数据资料,这些资料不在具体的某个或某些文章内,但是又是需要重使用的,那么我们就可以利用这个特性。这个特性会载入source/_data内的YAMLJSON文件,这样我们就可以在网站中复用这些文件了。

利用这个新增的特性,我们可以将Next主题的_config.yml配置文件内容放在上述source/_data/next.yaml中,从而实现覆盖默认设置的需求

上一篇我们有提到可以通过git pull或下载新的release版本来更新Next主题,但是这个方案也并非完美,当我们在拉取远端代码进行更新的时候经常需要解决冲突问题,同时如果我们大量更改默认配置来实现个性化的需求后,每次下载release版本时也经常需要手动合并配置内容。

现在有一个推荐的方案是将部分配置放在站点(根目录下)的_config.yml中,而另一部分在主题的(Next目录中)_config.yml里。

这样的方式虽然可以使用,但是也有一些缺点:

  1. 配置项被分割存放在2个地方
  2. 用户难以区分配置项到底应该放在哪里

Next利用Hexo的数据文件特性很好的解决了这个问题,有下面两种方式供选择(敲黑板:确保你所使用的Hexo在3.0版本之上)

方式一

将所有配置内容都放置在站点配置文件(hexo/_config.yml下同)中,并且不需要修改主题配置文件(next/_config.yml下同),但是所有的主题配置内容都必须放置在 theme_config之后,并全部增加两个空格的缩进

theme: next
theme_config:
  scheme: Gemini

如果新的release中新增了其他选项,那么你只需要把这些选项从next/_config.yml中复制到hexo/config.yml中并设置为你想配置的值即可。

注意: 请确保不存在hexo/source/_data/next.yml文件,如果有,请删除。

方式二

利用数据文件特性,将所有主题配置都放在source/_data/next.yml文件中,并且不需要修改next/_config.yml文件。

如果在新的release中新增了其他选项,那么你只需要把这些选项从next/_config.yml中复制到source/_data/next.yml中并设置为你想配置的值即可。

注意:

  1. 如果_data目录不存在,请自行创建
  2. 这种方式可能无法让所有Hexo外部库都准确处理它们的附加选项(举个例子,hexo-server模块只会从Hexo默认配置文件中读取选项)

在创建好next.yml文件后,我们有2种方式来让其生效

  1. override: false(默认)

    i. next/_config.yml配置中的overridefalse(必须),在next.yml文件中,也要设置为false,或者不定义此选项

    ii. 从站点配置文件和主题配置文件中复制你需要的选项到hexo/source/_data/next.yml

  2. override: true:
    i. 在next.yml中设置overridetrue
    ii. 从主题配置文件中复制所有的选项到hexo/source/_data/next.yml中。

配置内容

next主题核心设置

override

是否覆盖默认配置

  • false:将从_data/next.yml中读取配置内容来覆盖默认配置(重写)
  • true:所有配置内容都会从_data/next.yml中读取,默认的设置内容将失效,因此需要将Next主题下的_config.yml中所有配置内容拷贝到_data/next.yml

cache

是否允许缓存已生成的内容

为了提高在拥有大量文章的情况下加快构建速度,默认为true

custom_file_path

配置自定义文件的存放路径,如果被注释掉,则会使用默认的路径

例如:如果你想把你的自定义样式文件存放在theme文件夹之外,比如存放在source/_data中,那么你需要设置styles: source/_data/styles.styl

  • head: layout/_custom/head.swig (默认路径)
  • header: layout/_custom/header.swig (默认路径)
  • sidebar: layout/_custom/sidebar.swig (默认路径)
  • variables: source/css/_variables/custom.styl (默认路径)
  • mixins: source/css/_mixins/custom.styl (默认路径)
  • styles: source/css/_custom/custom.styl (默认路径)

网页信息设置

favicon

网页图标,多用于显示在浏览器标签栏上

制作favicon可访问 https://realfavicongenerator.net

将你的favicons放在hexo-site/source/ (推荐)或 hexo-site/themes/next/source/images/文件夹下

默认的Next主题的favicon放在hexo-site/themes/next/source/images/中,如果你想把你的favicons放在hexo-site/source/根目录下,你需要从路径中移除/images前缀

如果你将favicons放置在hexo-site/source/images文件夹里,你要对其进行重命名,以防和hexo-site/themes/next/source/images/中的文件同名,否则Next的图标将重写Hexo中的自定义图标

small

尺寸:16x16

默认值: /images/favicon-16x16-next.png

medium

尺寸:32x32

默认值:/images/favicon-32x32-next.png

apple_touch_icon

在iPhone,iPad,iTouch的safari浏览器上可以使用添加到主屏按钮将网站添加到主屏幕上,这个图标就是桌面上显示的图标

尺寸:180x180

默认值:/images/apple-touch-icon-next.png

safari_pinned_tab

safari浏览器tab页被固定后的显示图标,svg格式

默认值:/images/logo.svg

颜色设置:配置文件中的android_chrome_color属性的值

android_manifest

web应用程序清单,具体可参见这里

默认值:/images/manifest.json 默认未启用

ms_browserconfig

浏览器配置文件(针对IE浏览器),具体可参见这里)

默认值:/images/browserconfig.xml 默认未启用

rss

RSS订阅,至于什么是RSS,可以参考这里

有3种值可供设置

  • false:禁用摘要(feed)链接
  • 置空:采用网页上的默认摘要(feed)链接
  • 自定义链接:自己创建的RSS源

如何创建自己的RSS源可以参考这里

页面底部设置

since

博客创建时间,如果不设置,则会使用当前所在年份,显示在版权符号©️之后

icon

在博客年份和版权之间显示的图标

name

FontAwesome图标名称,可以在这里查阅

animate

是否启用动画效果,

color

显示颜色

版权信息,如果不填写,则默认为项目根目录配置文件_config.yaml中设置的作者名称

powered

Hexo信息

enable

是否显示Powered by Hexo字样和链接

Version

是否显示Hexo的版本号(vX.X.X)

theme

Next主题信息

enable

是否显示主题类型和链接(Theme - NexT.scheme)

version

是否显示主题版本号(vX.X.X)

custom_text

自定义内容,比如

Hosted by <a target="_blank" rel="external nofollow" href="https://pages.coding.me"><b>Coding Pages</b></a>

SEO相关设置

canonical

是否开启整合重复网址功能

在启用之前,记得在hexo根目录的_config.yml中设置URL,比如

url: http://runningcoder.me

seo

启用后将更改网站副标题(网站的主要描述)和所有博客/页面标题上的标题层次结构,以实现更好的SEO优化

index_with_subtitle

开启后,将在首页添加网页副标题,网页副标题在hexo项目根目录的_config.yml中设置

subtitle: 副标题内容

菜单设置

当网页部署在子目录下(如 runningcoder.me/blog)时,移除链接前的/(/archives -> archives)

用法:Key: /link/ || icon,其中key是菜单项的名称,如果该菜单项的翻译在你所配置的语言文件中被找到,则页面上会显示翻译后的内容,如果没有找到,则会使用key的名称。需要注意的是,key的值是大小写敏感的

||字段之前的是目标链接,在||字段之后的是FontAwesome Icon的图标名称。

如果icon名称没有填写(无论包含||或不包含),将显示?

home

首页

默认值:/ || home

about

关于页面

默认值:/about/ || user

tags

标签

默认值:/tags/ || tags

categories

分类

默认值:/about/ || user

archives

归档

默认值:/archives/ || archive

schedule

时间表

默认值:/schedule/ || calendar

sitemap

站点地图

默认值:/sitemap.xml || sitemap

commonweal

公益404页面

默认值:/404/ || heartbeat

是否启用菜单项的图标或徽章

icons

图标

badges

徽章(菜单项后显示该类别下有多少文章)

主题设置

scheme

Next提供4种不同风格的主题样式

  • Muse
  • Mist
  • Pisces
  • Gemini

侧边栏设置

site_state

是否在侧边栏上显示日志 / 分类 / 标签

social

社交账号配置,用法参见menu

  • GitHub: https://github.com/yourname || github
  • E-Mail: mailto:yourname@gmail.com || envelope
  • Google: https://plus.google.com/yourname || google
  • Twitter: https://twitter.com/yourname || twitter
  • FB Page: https://www.facebook.com/yourname || facebook
  • VK Group: https://vk.com/yourname || vk
  • StackOverflow: https://stackoverflow.com/yourname || stack-overflow
  • YouTube: https://youtube.com/yourname || youtube
  • Instagram: https://instagram.com/yourname || instagram
  • Skype: skype:yourname?call|chat || skype

social_icons

社交账号图标设置

enable

是否启用

icons_only

是否只显示图标

transition

是否开启过渡动画

exturl

是否对链接进行加密,启用之前确保在tags设置部分的链接加密配置已启用

可以通过 https://www.base64encode.org/ 网站对链接进行加密,加密后的效果如下

GitHub: aHR0cHM6Ly9naXRodWIuY29tL3RoZW1lLW5leHQ= || github

github_banner

右上角的关注我的github横幅

用法:permalink || title||字段之前是目标固定链接,之后是标题内容(鼠标悬停其上时的显示文字)

Blog rolls

链接区域标题前图标名称

链接区域标题名称

链接排列方式,block(每个链接单独一行)或inline(多个链接处在同一横行)

链接集合

用法:链接标题:链接地址

侧边栏头像

avatar

头像图标位置,可以将图片放置在2个位置

  1. 主题文件夹下的images文件夹内,如/images/avatar.gif
  2. 根目录下的uploads文件夹内,如/uploads/avatar.gif

toc(Table Of Contents in the Sidebar)

侧边栏的目录

enable

是否开启

number

是否显示层级序号

wrap

如果设置为true,则当标题长度超过侧边栏宽度时,内容会自动换行,如果设置为false,则超出内容会用...代替

creative_commons

知识共享许可协议,显示在侧边栏上,具体可参见这里,可选值如下:

  • by
  • by-nc
  • by-nc-nd
  • by-nc-sa
  • by-nd
  • by-sa
  • zero

侧边栏

position

侧边栏位置,可选值有leftright(只对PiscesGemini主题有效)

display

侧边栏显示(只对MuseMist主题有效)

  • post: 在文章页面自动展开(默认)
  • always:在所有页面展开
  • hide:只在点击展开/收缩的切换图标时才展开
  • remove:移除全部侧边栏包括展开/收缩切换按钮
offset

侧边栏相对于顶部菜单栏的偏移量,单位是像素(只对PiscesGemini主题有效)

b2t

是否将返回顶部按钮显示在侧边栏上(只对PiscesGemini主题有效)

scrollpercent

是否显示屏幕高度滚动百分比

onmobile

在窄屏幕上是否显示侧边栏(只对MuseMist主题有效)

文章设置

scroll_to_more

是否自动滚动到文章中的<!-- more -->下方部分

save_scroll

是否在cookies中保存每篇文章的滚动位置

excerpt_description

是否自动摘录文章顶部descripition的内容作为主页上显示的序言

auto_excerpt

自动摘录

enable

是否启用

length

截取文字长度

post_meta

文章元标签显示设置

item_text

文字解释是否显示,如发表于更新于分类于

created_at

是否显示创建时间

updated_at

更新时间

enabled

是否显示

another_day

如果设置为true,只在创建时间和更新时间不在同一天时才显示,如果文章的在创建的当天又再次编辑,则编辑时间将在鼠标移入创建时间标签时的弹出提示中显示

categories

是否显示分类于

symbols_count_time

文章字数显示设置

依赖于插件hexo-symbols-count-time

首先安装插件

$ yarn add hexo-symbols-count-time

$ npm install hexo-symbols-count-time --save

接着在项目根目录的应用配置文件_config.yml中激活插件

symbols_count_time:
  symbols: true       # 本文字数
  time: true          # 本文阅读时长
  total_symbols: true # 站点总字数
  total_time: true    # 站点总阅读时长

最后在next主题的配置文件中进行选项调整

separated_meta

是否显示分割线|

item_text_post

是否显示文章统计数字前的说明文字

item_text_total

是否显示底部站点统计数字前的说明文字

awl

平均单词长度(一个单词中的字符数量),默认值为4,可以去这里测试

wpm

每分钟阅读单词数,默认值为275

codeblock

代码块

border_radius

设置代码块边框圆角半角,如果置为空,则为默认值1

copy_button

是否在代码块里添加拷贝按钮

wechat_subscriber

微信订阅

enabled

是否开启

qcode

二维码地址, 如/uploads/wechat-qcode.jpg

description

描述,如:通过扫描二维码订阅我的博客

reward_comment

打赏提示语

wechatpay

微信支付二维码图片

alipay

支付宝支付二维码图片

bitcoin

比特币支付图片

相关/热门文章

依赖于插件hexo-related-popular-posts

相关文章

enable

是否启用

title

标题内容,如果置空,则默认显示相关文章

display_in_home

是否在首页显示

params

参数

maxCount

最大数量

PPMixingRate

热门文章和相关文章的混合比例,0.0表示仅显示相关文章,1.0表示仅显示热门文章

isDate

列表中是否显示文章发布时间

isImage

列表中是否显示图片

isExcerpt

列表中是否显示摘录

版权声明

post_copyright

在文章下声明版权

enable

是否显示

license

版权链接,如:<a href="https://creativecommons.org/licenses/by-nc-sa/4.0/" rel="external nofollow" target="_blank">CC BY-NC-SA 4.0</a>

文章编辑

依赖插件hexo-deployer-git

post_edit

编辑文章按钮

enable

是否显示

url

文章源码地址,如: https://github.com/theme-next/theme-next.org/_posts/tree/master/

其余主题设置

mobile_layout_economy: false

是否在移动设备上减少缩进

android_chrome_color

安卓chrome头部面板颜色

自定义logo,只对Muse主题模式生效

enabled

是否启用

image

图片地址

highlight_theme

代码高亮样式,可选值:normal | night | night eighties | night blue | night bright,具体样式可参考这里

cheers_enabled

是否在归档页显示鼓励提示语

max_content_width

设置内容最大宽度,只对Gemini样式生效,如果置空则为默认的75%(建议不要超过1000px)

设置侧边栏宽度,只对Gemini样式生效,如果置空则为默认的240

字体设置

可以在Google Font里查找所需的字体,支持下列字体样式:

  • light
  • light italic
  • normal
  • normal italic
  • bold
  • bold italic

注意:如果同时设置的字体太多,可能会引起网页运行缓慢

font

字体

enable

是否启用

host

提供字体的主机,如//fonts.googleapis.com(默认)

字体选项
external

如果为true,则会从上面的主机地址加载字体

family

字体的family值,不加任何引号

size

字号(单位:px)

global

全局字体设置,在<body>内的所有元素

heading

标题类字体(H1, H2, H3, H4, H5, H6),如不设置则采用global设置字体

posts

文章字体,如不设置则采用global设置字体(不支持设置字号)

logo字体,如不设置则采用global设置字体

codes

<code>元素内的字体和代码块字体

第三方服务设置

math

数学公式渲染支持

enable

是否启用

per_page

是否按需加载脚本,如果设置为true(默认),则只有在文章上方的Front-matter内设置了mathjax: true的页面才会加载脚本,如果设置为false,则每个页面都会加载脚本

engine: mathjax

引擎,可选择mathjaxkatex

mathjax

mathjax引擎,hexo-rendering-pandoc (或hexo-renderer-kramed)插件 需要mathjax支持。

cdn

CDN地址,默认使用2.7.1版本

katex

katex引擎,hexo-renderer-markdown-it-plus (或hexo-renderer-markdown-itmarkdown-it-katex插件)依赖Katex支持

cdn

CDN地址,默认使用0.7.1版本

han

汉字标准格式支持,需要依赖插件theme-next-han

pangu

盘古之白(在网页中的所有中文,半角英文,数字,符号之间加空格),依赖于插件theme-next-pangu,具体内容可查阅这里

swiftype_key

Swiftype搜索API Key

Swiftype是一个强大的自定义搜索引擎,可以帮助我们实现站内内容搜索功能

baidu_analytics

百度统计ID

disqus

disqus留言服务设置

enable

是否启用

shortname

shortname名称

count

是否计数

lazyload

是否开启懒加载

hypercomments_id

Hypercomments评论ID

changyan

畅言评论系统

enable

是否启用

appid

appid

appkey

appkey

Valine

Valine评论系统

你可以通过leancloud获取appid和appkey

enable

是否启用

appid

appid,你的leancloud应用appid

appkey

appkey,你的leancloud应用appkey

notify

邮件通知是否开启,具体可参考这里

verify

是否开启验证码

placeholder

评论框内容为空时的占位文字

avatar

头像

guest_info

访客信息(自动以评论头部),昵称,邮件,链接等

pageSize

分页条数,每页显示多少条评论

youyan_uid

友言UID,已于2018年4月30日停止服务

livere_uid

来必力评论系统uid

Gitment

Gitcomment,一款基于GItHub Issues搭建的评论系统

enable

是否启用

mint

一些好用的配置,建议开启,支持计数,语言以及代理网关

count

是否在文章元数据区域显示评论数

lazy

是否通过按钮懒加载评论

cleanly

是否隐藏底部的’Powered by …’信息

language

强制语言,或者根据主题自动切换

github_user

必须设置,你的Github用户名

github_repo

必须设置,你用来存储评论内容的git仓库名称

client_id

必须设置,对应Gitment的Github客户ID

client_secret

Github对应Gitment的access secret token

proxy_gateway

代理接口地址,请参阅

redirect_protocol

启用mint时redirect_uri的协议与force_redirect_protocol

baidushare

百度分享

type

类型,支持buttonslide

jiathis

jiathis分享(已于2018年4月30日停止服务)

uid

uid

add_this_id

addthis分享ID

NeedMoreShare2

NeedMoreShare2分享,依赖插件 theme-next-needmoreshare2

enable

是否启用

postbottom

文章底部设置

enable

是否启用

options
  1. iconStyle: 图标风格,defaultbox
  2. boxForm:形状,horizontalvertical
  3. position:位置,topmiddlebottom + LeftCenterRight
  4. networks:分享目标:WeiboWechatDoubanQQZoneTwitterLinkedinMailtoRedditDelicious,StumbleUponPinterestFacebookGooglePlusSlashdotTechnoratiPosterousTumblrGoogleBookmarksNewsvineEvernoteFriendfeedVkontakteOdnoklassnikiMailru
float

浮动

enable

是否启用

options
  1. iconStyle: 图标风格,defaultbox
  2. boxForm:形状,horizontalvertical
  3. position:位置,topmiddlebottom + LeftCenterRight
  4. networks:分享目标:WeiboWechatDoubanQQZoneTwitterLinkedinMailtoRedditDelicious,StumbleUponPinterestFacebookGooglePlusSlashdotTechnoratiPosterousTumblrGoogleBookmarksNewsvineEvernoteFriendfeedVkontakteOdnoklassnikiMailru

google_site_verification

Google网站站长工具,将代码中content里的字符串粘贴在这里即可

google_analytics

Google分析

填入跟踪ID即可

bing_site_verification

Bing站长工具,将代码中content里的字符串粘贴在这里即可

yandex_site_verification

yandex站长工具,将代码中content里的字符串粘贴在这里即可

cnzz_siteid

友盟访问统计,使用方法可参考这里

application_insights

Application Insights通过应用程度性能管理和及时分析获取可操作见解

文章小部件和FB/VK 评论设置

facebook_sdk

Facebool SDK 支持

enable

是否启用

app_id

app_id

fb_admin

user_id

like_button

是否显示喜欢按钮

webmaster

是否启用网站管理员

facebook_comments_plugin

Facebook评论插件,依赖于Facebook SDK,如果上面的facebook+sdk中的enable设为false,则此插件不会生效

enable

是否启用

num_of_posts

文章数量,最小为1

width

宽度,默认宽度是550px

scheme

样式,默认为light,可选lightdark

vkontakte_api

VKontakte API 支持

enable

是否启用

app_id

appid,通过这里获取

like

是否显示点赞按钮

comments

是否开启评论

num_of_posts

文章数量

rating

为每篇文章打星评价,可参考这里

enable

是否开启

id

id

color

颜色

leancloud_visitors

显示每篇文章的访客数量,使用方法可参考这里

enable

是否启用

app_id

appid,可以在这里获取

app_key

appkey,可以在这里获取

security

是否启用安全机制

依赖于插件hexo-leancloud-counter-security

如果你不是很关心,并且想立刻开始使用,请将值设为false

betterPerformance

是否开启优化性能

由于Leancloud开发人员的计划在要求线程数量和运行时间方面存在限制,因此计数器编号在某些时候可能会非常缓慢加载。如果将betterPerformance设置为true,则当请求被正常接受,计数器编号将快速显示。

firestore

Firebase工具,也可以实现显示访客数量(需翻墙)

enable

是否启用

collection

必填项,处理firestore数据库的字符串名称

apiKey

必填项,apikey,可以在这里获取

projectId

projectId这里获取

bluebird

如果你想包括bluebird(一种Promise实现库,非开发人员不用关注),设置为true

busuanzi_count

不蒜子计数

enable

是否启用

total_visitors

总访客数量是否显示

total_visitors_icon

总访客数量图标名称。采用FontAwesome图标名称,可以在这里查阅

total_views

总访问量是否显示

total_views_icon

总访问量图标名称。FontAwesome图标名称,可以在这里查阅

post_views

文章访问量是否显示

post_views_icon

文章访问量图标名称。FontAwesome图标名称,可以在这里查阅

tencent_analytics

腾讯分析ID

tencent_mta

腾讯MTAID

baidu_push

是否启用百度云推送,对SEO有提升

calendar

Google日历

可以通过Google日历将你最近的行程分享给其他小伙伴

enable

是否启用

calendar_id

必填项,google应用ID

api_key

必填项,api-key

orderBy

排序

offsetMax

最大偏差

offsetMin

最小偏差

timeZone

时区

showDeleted

是否显示删除

singleEvents

单一事件

maxResults

最大规则

algolia站内搜索

使用方法可参考这里

enable

是否启用

hits
per_page

每页显示搜索条数

labels

标签文字

input_placeholder

搜索框内的占位文字

hits_empty

搜索失败后的提示内容,${query}为代表搜索内容的变量

hits_stats

搜索结果显示,${hits}代表搜索结果条数,${time}代表用时

本地搜索,依赖hexo-generator-searchdb插件

enable

是否启用

trigger: auto

automanual2个值可选,如果是auto,则在输入的搜索值发生变化时即时出发搜索,如果是manual,则只在按下enter键或搜索键后才触发搜索

top_n_per_article

显示每篇文章的前几个结果,如果想要显示所有结果,则设置为-1

unescape html strings to the readable one

unescape html strings to the readable one

unescape

html转义字符串是否可读

bookmark:

书签功能,依赖theme-next-bookmark插件

enable

是否启用

save

automanual2个值可选,如果是auto,则在关闭页面的时候或点击书签按钮的时候保存阅读位置,如果是manual,则只有点击书签按钮的时候保存阅读位置

标签设置

exturl

是否启用加密外部URL

note

便签(bootstrap-callout),可以在文章内容里通过下面的写法添加便签样式的内容

{% note [class] %}
Any content (support inline tags too).
{% endnote %}
style

样式,可选择以下4个值

  • simplenote-simple
  • modernnote-modern
  • flatnote-flat
  • disabled
    无样式
icons

是否显示图标

border_radius

圆角半径

light_bg_offset: 0

modernflat样式的背景偏移亮度的百分比(modern:-12 | 12; flat:-18 | 6)。

label

是否启用label标签插件

用法:

{% label [class] %}Content{% endlabel %}

class可选值有default | primary | success | info | warning | danger.

效果如下

label

tabs

tabs标签插件

This is Tab 1.

This is Tab 2.

This is Tab 3.

enable

是否启用

transition

是否启用动画效果

border_radius

圆角半径

reading_progress

阅读进度条,会在网页顶端出现一条细线。依赖于theme-next-reading-progress插件

enable

是否启用

color

颜色

height

线宽

剩余设置

motion

动画效果

enable

是否启用

async

是否开启异步

transition

动画效果,可选值如下:

  • fadeIn | fadeOut | flipXIn | flipXOut | flipYIn | flipYOut | flipBounceXIn | flipBounceXOut | flipBounceYIn | flipBounceYOut

  • swoopIn | swoopOut | whirlIn | whirlOut | shrinkIn | shrinkOut | expandIn | expandOut

  • bounceIn | bounceOut | bounceUpIn | bounceUpOut | bounceDownIn | bounceDownOut | bounceLeftIn | bounceLeftOut | bounceRightIn | bounceRightOut

  • slideUpIn | slideUpOut | slideDownIn | slideDownOut | slideLeftIn | slideLeftOut | slideRightIn | slideRightOut

  • slideUpBigIn | slideUpBigOut | slideDownBigIn | slideDownBigOut | slideLeftBigIn | slideLeftBigOut | slideRightBigIn | slideRightBigOut

  • perspectiveUpIn | perspectiveUpOut | perspectiveDownIn | perspectiveDownOut | perspectiveLeftIn | perspectiveLeftOut | perspectiveRightIn | perspectiveRightOut

post_block: fadeIn

文章整体

post_header: slideDownIn

文章头部

post_body: slideDownIn

文章内容

coll_header

归档页面的年份标题

侧边栏,只对 PiscesGemini 主题有效

fancybox

是否启用fancybox

根据使用版本的不同选择对应的插件,2.x版本安装theme-next-fancybox,3.x版本安装theme-next-fancybox3

fastclick

是否启用FastClick,依赖于theme-next-fastclick插件

lazyload

是否启用lazyload,依赖于theme-next-jquery-lazyload插件

pace

是否启用pace,依赖于theme-next-pace插件

pace_theme

pace主题,可选值如下:

  • pace-theme-big-counter
  • pace-theme-bounce
  • pace-theme-barber-shop
  • pace-theme-center-atom
  • pace-theme-center-circle
  • pace-theme-center-radar
  • pace-theme-center-simple
  • pace-theme-corner-indicator
  • pace-theme-fill-left
  • pace-theme-flash
  • pace-theme-loading-bar
  • pace-theme-mac-osx
  • pace-theme-minimal

canvas_nest

是否启用canvas-nest,依赖于theme-next-canvas-nest插件

three_waves

是否启用three_waves,依赖于theme-next-three插件

canvas_lines

是否启用canvas_lines(JavaScript 3D 库),依赖于theme-next-three插件

canvas_sphere

是否启用canvas_sphere(JavaScript 3D 库),依赖于theme-next-three插件

canvas_ribbon

canvas背景彩带,只适配 Pisces 主题,依赖于theme-next-canvas-ribbon插件

enable

是否启用

size

彩带宽度

alpha

透明度

zIndex

层级

参考资料:

数据文件

(完)

如果此文有帮助到你,你可以选择请我喝杯☕️ ,感谢你对我分享内容的认可😃