Author:3# 一个专注于web技术的80后 软件开发要知其然知其所以然 @ 极客小俊,官方首发,`3#原创 企业博客: 👉 极客小俊GeekerJun 👈 博客园URL: 👉 cnblogs.com/GeekerJun 👈
你可以配置在window.cnblogsConfig里。
Url 类型的配置,请尽量配置支持 Https 的地址!
例如我原配置为:
<script type="text/javascript"> window.cnblogsConfig = { GhVersions : 'v1.2.2', blogUser : "userName", blogAvatar : "https://xxxx.png", blogStartDate : "2016-11-17", } <script>我需要新增关于主页图片的配置:homeTopImg
新增配置为:
<script type="text/javascript"> window.cnblogsConfig = { GhVersions : 'v1.2.2', blogUser : "userName", blogAvatar : "https://xxxx.png", blogStartDate : "2016-11-17", homeTopImg : [ "https://x1.jpg", "https://x2.jpg", "https://x3.jpg", ], } <script>JavaScript 对象是被命名值的容器。值以名称:值对的方式来书写(名称和值由冒号分隔)。
用于设置样式文件加载源的配置。
GitHub用户名(不是昵称),注意大小写。
window.cnblogsConfig = { GhUserName: 'BNDong', }GitHub主题仓库名称。
window.cnblogsConfig = { GhRepositories: 'Cnblogs-Theme-SimpleMemory', }GitHub发布版本或提交哈希值,根据版本加载代码。
window.cnblogsConfig = { GhVersions: 'v1.1.2', // or GhVersions: 'd2c2e52cfef...38998f0e', // 全哈希值,不要使用七位的部分哈希值 }不推荐使用哈希值加载代码;使用哈希值要明确使用的哈希值所在的大版本中,保证设置的兼容性!
用户昵称。
window.cnblogsConfig = { blogUser: 'BNDong', }用户头像图片Url。
window.cnblogsConfig = { blogAvatar: 'https://pic.cnblogs.com/avatar/1065454/20161119225202.png', }入园时间,年-月-日,入园时间查看方法:鼠标停留园龄时间上,会显示入园时间。
window.cnblogsConfig = { blogStartDate: '2019-01-01', }当页面失去焦点,页面title显示的文字。
window.cnblogsConfig = { webpageTitleOnblur: '(o゚v゚)ノ Hi', }当页面失去焦点,页面title变化的延时时间,单位毫秒。
window.cnblogsConfig = { webpageTitleOnblurTimeOut: 500, }当页面获取焦点,页面title显示的文字;显示后,延时恢复原title。
window.cnblogsConfig = { webpageTitleFocus: '(*´∇`*) 欢迎回来!', }当页面获取焦点,页面title变化的延时时间,单位毫秒。
window.cnblogsConfig = { webpageTitleFocusTimeOut: 1000, }网站图标图片Url。
window.cnblogsConfig = { webpageIcon: "https://cdn.jsdelivr.net/gh/BNDong/Cnblogs-Theme-SimpleMemory@master/img/webp/blog_logo.webp", }版本 >= v1.2.8
类型:Object默认值: { enable: true, // 是否开启日/夜间模式切换按钮 auto: { // 自动切换相关配置 enable: false, // 开启自动切换 dayHour: 5, // 日间模式开始时间,整数型,24小时制 nightHour: 19 // 夜间模式开始时间,整数型,24小时制 } }日/夜间模式配置。页面使用日/夜间模式优先级:用户设置 > 自动切换 > 默认。
window.cnblogsConfig = { switchDayNight: { enable: true, auto: { enable: true } }, }字体图标库扩展Css的Url。
window.cnblogsConfig = { fontIconExtend: "//at.alicdn.com/t/font_xxxxxxxxxx.css", }自定义菜单数据,显示在默认数据下方。
window.cnblogsConfig = { menuCustomList: { "title1": { // 标题 "data": [ // 列表数据 ['列表', '链接'] ['我的博客1', 'https://www.cnblogs.com/bndong/'], ['我的博客2', 'https://www.cnblogs.com/bndong/'], ['我的博客3', 'https://www.cnblogs.com/bndong/'], ['我的博客4', 'https://www.cnblogs.com/bndong/'], ['我的博客5', 'https://www.cnblogs.com/bndong/'], ], "icon": "icon-brush_fill" // 配置图标,参考文档:定制化/字体图标库 }, "title2": { // 标题 "data": [ // 列表数据 ['列表', '链接'] ['我的博客6', 'https://www.cnblogs.com/bndong/'], ['我的博客7', 'https://www.cnblogs.com/bndong/'], ['我的博客8', 'https://www.cnblogs.com/bndong/'], ['我的博客9', 'https://www.cnblogs.com/bndong/'], ['我的博客10', 'https://www.cnblogs.com/bndong/'], ], "icon": "icon-brush_fill" // 配置图标,参考文档:定制化/字体图标库 }, }, }版本 >= v1.1.2
类型:Array默认值:[]自定义菜单导航,显示在默认导航下方。 icon 支持与定义,要求版本 >= v1.3.2
window.cnblogsConfig = { menuNavList: [ // 列表数据 ['导航名称', '链接', 'icon'] ['我的博客1', 'https://www.cnblogs.com/bndong/', 'icon-github'], ['我的博客2', 'https://www.cnblogs.com/bndong/', 'icon-github'], ], }版本 >= v1.1.5
类型:Url默认值:""菜单个人信息背景图片设置。
window.cnblogsConfig = { menuUserInfoBgImg: 'https://xxx,jpg', }进度条配置,显示在页面顶部。
window.cnblogsConfig = { progressBar: { color : '#77b6ff', }, }页面加载loading。
window.cnblogsConfig = { loading: { rebound: { tension: 16, }, spinner: { id: 'spinner', radius: 90, } }, }是否渲染主页banner动效。
window.cnblogsConfig = { homeTopAnimationRendered: true, }主页banner动效配置。
window.cnblogsConfig = { homeTopAnimation: { color : 'random', }, }是否渲染文章页banner动效。
window.cnblogsConfig = { essayTopAnimationRendered: true, }文章页banner动效配置。
window.cnblogsConfig = { essayTopAnimation: { triW : 14, triH : 20, }, }是否渲染页面背景动效。
window.cnblogsConfig = { bgAnimationRendered: true, }页面背景动效配置。
window.cnblogsConfig = { backgroundAnimation: { colorSaturation: "60%", colorBrightness: "50%", }, }主页banner图片Url,推荐尺寸>= 1920*1080,支持多张,每次刷新随机设置一张。
window.cnblogsConfig = { homeTopImg: [ "https://cdn.jsdelivr.net/gh/BNDong/Cnblogs-Theme-SimpleMemory@master/img/webp/home_top_bg.webp", "https://cdn.jsdelivr.net/gh/BNDong/Cnblogs-Theme-SimpleMemory@master/img/webp/home_top_bg.webp" ], }主页banner上的标语,设置此选项会显示自定义文字,默认为空,自动获取一句。
设置文字,会固定显示该文字。 2) 设置数组,随机从数组中获取一条文字显示。 (版本 >= v1.3.2) window.cnblogsConfig = { homeBannerText: "好好学习,天天向上!", } // or window.cnblogsConfig = { homeBannerText: [ "我是标语一", "我是标语二", "我是标语三", "我是标语四", ], }版本 >= v1.1.3
类型:String默认值:"jinrishici"主页 banner 上的标语获取源,默认为 jinrishici 每次刷新随机获取一句古诗词。
window.cnblogsConfig = { homeBannerTextType: "one", } /** 所有可配置项 jinrishici:每次刷新随机获取一句古诗词。 one:每日获取一句话 */文章页banner图片Url,推荐尺寸>= 1920*600,支持多张,每次刷新随机设置一张。
window.cnblogsConfig = { essayTopImg: [ "https://cdn.jsdelivr.net/gh/BNDong/Cnblogs-Theme-SimpleMemory@master/img/webp/nothome_top_bg.webp", "https://cdn.jsdelivr.net/gh/BNDong/Cnblogs-Theme-SimpleMemory@master/img/webp/nothome_top_bg.webp" ], }文章后缀配置,不配置使用默认。
window.cnblogsConfig = { essaySuffix: { aboutHtml: "I am a good person", }, }版本 >= v1.2.7
类型:Object默认值: { enable: false, // 是否开启打赏功能 wechatpay: '', // 微信支付二维码图片URL alipay: '' // 支付宝支付二维码图片URL }文章打赏按钮,显示在页面右下角。
window.cnblogsConfig = { reward: { enable: true, wechatpay: '//xxxx.png', }, }版本 >= v1.3.2
类型:Url默认值:""公众号二维码图片,显示在页面右下角。 只在文章页显示公众号,首页不显示。
window.cnblogsConfig = { weChatOfficialAccounts: '//xxxx.png', }版本 >= v1.2.5
类型:Boolean默认值:"false"限制代码框的最大高度;如开启,代码框高度不会超过页面可视区域的70%,隐藏部分通过滚动的方式查看。
window.cnblogsConfig = { codeMaxHeight: true, }版本 >= v1.3.0
类型:Boolean默认值:"false"是否渲染代码行号,如开启会在代码框左侧增加行号显示,默认不开启。 不与博客园行号渲染兼容,如果博客园添加代码时勾选显示行号并同时开启此配置,会出现双行号的现象。大家自己权衡使用此配置。
window.cnblogsConfig = { codeLineNumber: true, }版本 >= v1.2.9
类型:Object默认值: { fontFamily: "'Ubuntu Mono',monospace", // 代码框字体 fontSize: "14px" // 代码框字体大小 }代码框统一样式设置,目前只有字体设置,看需求后续可能会增加配置项。
window.cnblogsConfig = { essayCode: { fontSize: "16px", }, }使用博客园代码高亮样式,介意加载速度的可以使用此配置。
window.cnblogsConfig = { essayCodeHighlightingType: "cnblogs", }当使用博客园代码高亮样式时,此配置不会对渲染产生影响。
使用 highlightjs 插件渲染代码高亮。
window.cnblogsConfig = { essayCodeHighlightingType: "highlightjs", }highlightjs 代码高亮主题:demo
window.cnblogsConfig = { essayCodeHighlighting: "a11y-dark", } /** 所有可配置项 default、a11y-dark、a11y-light、agate、an-old-hope、androidstudio、arduino-light、arta、ascetic 、atelier-cave-dark、atelier-cave-light、atelier-dune-dark、atelier-dune-light、atelier-estuary-dark 、atelier-estuary-light、atelier-forest-dark、atelier-forest-light、atelier-heath-dark 、atelier-heath-light、atelier-lakeside-dark、atelier-lakeside-light、atelier-plateau-dark、atelier-plateau-light 、atelier-savanna-dark、atelier-savanna-light、atelier-seaside-dark、atelier-seaside-light 、atelier-sulphurpool-dark、atelier-sulphurpool-light、atom-one-dark-reasonable、atom-one-dark、atom-one-light 、brown-paper、codepen-embed、color-brewer、darcula、dark、darkula、docco、dracula、far 、foundation、github-gist、github、gml、googlecode、grayscale、gruvbox-dark、gruvbox-light、hopscotch 、hybrid、idea、ir-black、isbl-editor-dark、isbl-editor-light、kimbie.dark、kimbie.light、lightfair 、magula、mono-blue、monokai-sublime、monokai、nord、obsidian、ocean、paraiso-dark、paraiso-light、pojoaque 、purebasic、qtcreator_dark、qtcreator_light、railscasts、rainbow、routeros、school-book、shades-of-purple 、solarized-dark、solarized-light、sunburst、tomorrow-night-blue、tomorrow-night-bright 、tomorrow-night-eighties、tomorrow-night、tomorrow、vs、vs2015、xcode、xt256、zenburn */使用prettify插件渲染代码高亮。
window.cnblogsConfig = { essayCodeHighlightingType: "prettify", }prettify 代码高亮主题(需梯子访问):demo
window.cnblogsConfig = { essayCodeHighlighting: "obsidian", } /** 所有可配置项 prettify、desert、sunburst、obsidian、doxy */版本 >= v1.1.8
类型:Int默认值:2页脚样式:
footerStyle: 1
footerStyle: 2
window.cnblogsConfig = { footerStyle: 1, }友情链接。
window.cnblogsConfig = { bottomBlogroll: [ // 友情链接,[[链接名,链接]....] ["申请坑位", 'https://msg.cnblogs.com/send/BNDong'], ["申请坑位", 'https://msg.cnblogs.com/send/BNDong'], ["申请坑位", 'https://msg.cnblogs.com/send/BNDong'], ["申请坑位", 'https://msg.cnblogs.com/send/BNDong'], ["申请坑位", 'https://msg.cnblogs.com/send/BNDong'], ], }页脚标语。
v1.1.4 版本之前不配置使用默认标语,v1.1.4 版本及以后不配置不会显示。
window.cnblogsConfig = { bottomText: { left : "好好学习", right: "天天向上", }, }控制台输出。
window.cnblogsConfig = { consoleList: [ ['BNDong CNBlogs', 'https://www.cnblogs.com/bndong'], ['BNDong GitHub', 'https://github.com/BNDong'], ['BNDong Email', 'dbuo@foxmail.com'], ], }版本 >= v1.3.0
类型:Boolean默认值:true是否显示博客园广告。
window.cnblogsConfig = { advertising: true, }版本 >= v1.2.6
类型:Boolean相关文档:版本映射默认值:false是否开启版本映射,默认关闭。
window.cnblogsConfig = { isVersionMapping: true, }如果我的博客对你有帮助、如果你喜欢我的博客内容,请 “点赞” “评论” “收藏” 一键三连哦! 听说 👉 点赞 👈 的人运气不会太差,每一天都会元气满满哦 嘿嘿!!! ❤️ ❤️ ❤️ 大家的支持就是我坚持下去的动力。点赞后不要忘了👉 关注 👈我哦! 更多精彩内容请前往 极客小俊GeekerJun 的博客
如果以上内容有任何错误或者不准确的地方,欢迎在下面 👇 留个言指出、或者你有更好的想法,欢迎一起交流学习~~~