博客配置方式
原文:https://www.cnblogs.com/xpcn/p/12895877.html
你可以配置在window.cnblogsConfig
里。
!> Url 类型的配置,请尽量配置支持 Https 的地址!
1|1示例
例如我原配置为:
我需要新增关于主页图片的配置:homeTopImg
新增配置为:
?> JavaScript 对象是被命名值的容器。值以名称:值对的方式来书写(名称和值由冒号分隔)。
1|2主题仓库配置
用于设置样式文件加载源的配置。
GhUserName - GitHub用户
- 类型:
String
- 默认值:
BNDong
GitHub用户名(不是昵称),注意大小写。
GhRepositories - GitHub仓库
- 类型:
String
- 默认值:
Cnblogs-Theme-SimpleMemory
GitHub主题仓库名称。
GhVersions - 主题版本
- 类型:
String
- 默认值:
v1.1.2
GitHub发布版本或提交哈希值,根据版本加载代码。
!> 不推荐使用哈希值加载代码;使用哈希值要明确使用的哈希值所在的大版本中,保证设置的兼容性!
1|3基础信息配置
blogUser - 用户昵称
- 类型:
String
- 默认值:
[默认抓取博客园用户名]
用户昵称。
blogAvatar - 用户头像
- 类型:
Url
- 默认值:
""
用户头像图片Url。
blogStartDate - 入园时间
- 类型:
Date
- 默认值:
2019-01-01
入园时间,年-月-日,入园时间查看方法:鼠标停留园龄时间上,会显示入园时间。
1|4网站配置
webpageTitleOnblur - 失去焦点标签文字
- 类型:
String
- 默认值:
(o゚v゚)ノ Hi
当页面失去焦点,页面title显示的文字。
webpageTitleOnblurTimeOut - 失去焦点变化延时
- 类型:
Number
- 默认值:
500
当页面失去焦点,页面title变化的延时时间,单位毫秒。
webpageTitleFocus - 获取焦点标签文字
- 类型:
String
- 默认值:
(*´∇`*) 欢迎回来!
当页面获取焦点,页面title显示的文字;显示后,延时恢复原title。
webpageTitleFocusTimeOut - 获取焦点变化延时
- 类型:
Number
- 默认值:
1000
当页面获取焦点,页面title变化的延时时间,单位毫秒。
webpageIcon - 网站图标
- 类型:
Url
- 默认值:
""
网站图标图片Url。
switchDayNight - 日/夜间模式
?> 版本 >= v1.2.8
- 类型:
Object
- 默认值:
日/夜间模式配置。页面使用日/夜间模式优先级:用户设置 > 自动切换 > 默认。
1|5字体图标扩展
fontIconExtend - 字体图标库扩展
- 类型:
Url
- 相关文档:字体图标库
- 默认值:
""
字体图标库扩展Css的Url。
1|6菜单配置
menuCustomList - 菜单数据
- 类型:
Object
- 相关文档:字体图标库
- 默认值:
{}
自定义菜单数据,显示在默认数据下方。
menuNavList - 菜单导航
?> 版本 >= v1.1.2
- 类型:
Array
- 默认值:
[]
自定义菜单导航,显示在默认导航下方。
menuUserInfoBgImg - 菜单个人信息背景图片
?> 版本 >= v1.1.5
- 类型:
Url
- 默认值:
""
菜单个人信息背景图片设置。
1|7进度条配置
progressBar
- 类型:
Object
- 默认值:
进度条配置,显示在页面顶部。
1|8Loading配置
loading - 页面读取
- 类型:
Object
- 相关文档:Loading
- 默认值:
页面加载loading。
1|9页面动效配置
homeTopAnimationRendered - 是否渲染主页banner动效
- 类型:
Boolean
- 默认值:
true
是否渲染主页banner动效。
homeTopAnimation - 主页banner动效配置
- 类型:
Object
- 默认值:
主页banner动效配置。
essayTopAnimationRendered - 是否渲染文章页banner动效
- 类型:
Boolean
- 默认值:
true
是否渲染文章页banner动效。
essayTopAnimation - 文章页banner动效配置
- 类型:
Object
- 默认值:
文章页banner动效配置。
bgAnimationRendered - 是否渲染页面背景动效
- 类型:
Boolean
- 默认值:
true
是否渲染页面背景动效。
backgroundAnimation - 页面背景动效配置
- 类型:
Object
- 默认值:
页面背景动效配置。
1|10主页配置
homeTopImg - 主页banner图片
- 类型:
Array
- 默认值:
主页banner图片Url,推荐尺寸>= 1920*1080,支持多张,每次刷新随机设置一张。
homeBannerText - 主页banner上的标语
- 类型:
String
- 默认值:
""
主页banner上的标语,设置此选项会固定显示文字,默认为空,自动获取一句。
homeBannerTextType - 标语获取源
?> 版本 >= v1.1.3
- 类型:
String
- 默认值:
"jinrishici"
主页 banner 上的标语获取源,默认为 jinrishici
每次刷新随机获取一句古诗词。
1|11文章页配置
essayTopImg - 文章页banner图片
- 类型:
Array
- 默认值:
文章页banner图片Url,推荐尺寸>= 1920*600,支持多张,每次刷新随机设置一张。
essaySuffix - 文章后缀配置
- 类型:
Object
- 默认值:
文章后缀配置,不配置使用默认。
reward - 打赏
?> 版本 >= v1.2.7
- 类型:
Object
- 默认值:
文章打赏按钮,显示在页面右下角。
1|12代码相关配置
codeMaxHeight - 限制代码框高度
?> 版本 >= v1.2.5
- 类型:
Boolean
- 默认值:
"false"
限制代码框的最大高度;如开启,代码框高度不会超过页面可视区域的70%,隐藏部分通过滚动的方式查看。
codeLineNumber - 代码行号渲染
?> 版本 >= v1.3.0
- 类型:
Boolean
- 默认值:
"false"
是否渲染代码行号,如开启会在代码框左侧增加行号显示,默认不开启。
不与博客园行号渲染兼容,如果博客园添加代码时勾选显示行号并同时开启此配置,会出现双行号的现象。大家自己权衡使用此配置。
essayCode - 代码框统一样式设置
?> 版本 >= v1.2.9
- 类型:
Object
- 默认值:
代码框统一样式设置,目前只有字体设置,看需求后续可能会增加配置项。
使用博客园默认代码样式
essayCodeHighlightingType
- 类型:
String
- 默认值:
"cnblogs"
使用博客园代码高亮样式,介意加载速度的可以使用此配置。
essayCodeHighlighting
- 类型:
String
- 默认值:
""
当使用博客园代码高亮样式时,此配置不会对渲染产生影响。
使用 highlightjs 渲染代码
- 相关文档:highlight
essayCodeHighlightingType
- 类型:
String
- 默认值:
"cnblogs"
使用 highlightjs
插件渲染代码高亮。
essayCodeHighlighting
- 类型:
String
- 默认值:
""
highlightjs 代码高亮主题:demo
使用 prettify 渲染代码
essayCodeHighlightingType
- 类型:
String
- 默认值:
"cnblogs"
使用prettify
插件渲染代码高亮。
essayCodeHighlighting
- 类型:
String
- 默认值:
""
prettify 代码高亮主题(需梯子访问):demo
1|13页脚配置
footerStyle - 页脚样式
?> 版本 >= v1.1.8
- 类型:
Int
- 默认值:
2
页脚样式:
footerStyle: 1
footerStyle: 2
bottomBlogroll - 友情链接
- 类型:
Array
- 默认值:
[]
友情链接。
bottomText - 页脚标语
- 类型:
Object
- 默认值:
页脚标语。
?> v1.1.4 版本之前不配置使用默认标语,v1.1.4 版本及以后不配置不会显示。
1|14控制台输出
consoleList
- 类型:
Array
- 默认值:
[]
控制台输出。
1|15广告
advertising
?> 版本 >= v1.3.0
- 类型:
Boolean
- 默认值:
true
是否显示博客园广告。
1|16版本映射
isVersionMapping
?> 版本 >= v1.2.6
- 类型:
Boolean
- 相关文档:版本映射
- 默认值:
false
是否开启版本映射,默认关闭。