# 本行为<博客构建目录>\_config.yml的第4行(随着Hexo的不断更新,本行对应在你的_config.yml中不一定是第4行,请以实际情况为准) # Site -title: Hexo -subtitle: '' -description: '' -keywords: -author: John Doe -language: en timezone: ''
1 2 3 4 5 6 7 8 9
# 本行为<博客构建目录>\_config.yml的第4行(随着Hexo的不断更新,本行对应在你的_config.yml中不一定是第4行,请以实际情况为准) # Site +title: ql's blog +subtitle: It's a beautiful day! +description: 一尘不染不是不再有尘埃,而是尘埃让它飞扬,我自做我的阳光。 +keywords: 学习与生活 +author: ql +language: zh-CN timezone:
# 本行为<博客构建目录>\_config.yml的第13行(随着Hexo的不断更新,本行对应在你的_config.yml中不一定是第13行,请以实际情况为准) # URL ## If your site is put in a subdirectory, set url as 'http://yoursite.com/child' and root as '/child/' -url: http://yoursite.com root: / -permalink: :year/:month/:day/:title/ permalink_defaults: pretty_urls: trailing_index: true # Set to false to remove trailing 'index.html' from permalinks trailing_html: true # Set to false to remove trailing '.html' from permalinks
1 2 3 4 5 6 7 8 9 10
# 本行为<博客构建目录>\_config.yml的第13行(随着Hexo的不断更新,本行对应在你的_config.yml中不一定是第13行,请以实际情况为准) # URL ## If your site is put in a subdirectory, set url as 'http://yoursite.com/child' and root as '/child/' +url: https://blog.xxx.xx root: / +permalink: :year/:month/:day/:trans/ permalink_defaults: pretty_urls: trailing_index: true # Set to false to remove trailing 'index.html' from permalinks trailing_html: true # Set to false to remove trailing '.html' from permalinks
# 本行为<博客构建目录>\themes\next\_config.yml的第49行(随着NexT的不断更新,本行对应在你的_config.yml中不一定是第49行,请以实际情况为准 footer: # Specify the date when the site was setup. If not defined, current year will be used. - #since: 2015
1 2 3 4
# 本行为<博客构建目录>\themes\next\_config.yml的第49行(随着NexT的不断更新,本行对应在你的_config.yml中不一定是第49行,请以实际情况为准 footer: # Specify the date when the site was setup. If not defined, current year will be used. + since: 2020
效果展示(从设定的起始年份到当前年份):
在页脚添加备案信息
编辑 NexT 的配置文件:
1 2 3 4 5 6 7 8 9 10 11
# 本行为<博客构建目录>\themes\next\_config.yml的第78行(随着NexT的不断更新,本行对应在你的_config.yml中不一定是第78行,请以实际情况为准 # Beian ICP and gongan information for Chinese users. See: http://www.beian.miit.gov.cn, http://www.beian.gov.cn beian: - enable: false - icp: # The digit in the num of gongan beian. gongan_id: # The full num of gongan beian. gongan_num: # The icon for gongan beian. See: http://www.beian.gov.cn/portal/download gongan_icon_url:
1 2 3 4 5 6 7 8 9 10 11
# 本行为<博客构建目录>\themes\next\_config.yml的第78行(随着NexT的不断更新,本行对应在你的_config.yml中不一定是第78行,请以实际情况为准 # Beian ICP and gongan information for Chinese users. See: http://www.beian.miit.gov.cn, http://www.beian.gov.cn beian: + enable: true + icp: 京ICP备20031573号 # The digit in the num of gongan beian. gongan_id: # The full num of gongan beian. gongan_num: # The icon for gongan beian. See: http://www.beian.gov.cn/portal/download gongan_icon_url:
# 本行为<博客构建目录>\themes\next\_config.yml的第116行(随着NexT的不断更新,本行对应在你的_config.yml中不一定是第116行,请以实际情况为准 # Usage: `Key: /link/ || icon` # Key is the name of menu item. If the translation for this item is available, the translated text will be loaded, otherwise the Key name will be used. Key is case-senstive. # Value before `||` delimiter is the target link, value after `||` delimiter is the name of Font Awesome icon. # When running the site in a subdirectory (e.g. yoursite.com/blog), remove the leading slash from link value (/archives -> archives). # External url should start with http:// or https:// menu: home: / || home #about: /about/ || user - #tags: /tags/ || tags - #categories: /categories/ || th archives: /archives/ || archive #schedule: /schedule/ || calendar #sitemap: /sitemap.xml || sitemap #commonweal: /404/ || heartbeat
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15
# 本行为<博客构建目录>\themes\next\_config.yml的第116行(随着NexT的不断更新,本行对应在你的_config.yml中不一定是第116行,请以实际情况为准 # Usage: `Key: /link/ || icon` # Key is the name of menu item. If the translation for this item is available, the translated text will be loaded, otherwise the Key name will be used. Key is case-senstive. # Value before `||` delimiter is the target link, value after `||` delimiter is the name of Font Awesome icon. # When running the site in a subdirectory (e.g. yoursite.com/blog), remove the leading slash from link value (/archives -> archives). # External url should start with http:// or https:// menu: home: / || home #about: /about/ || user + tags: /tags/ || tags + categories: /categories/ || th archives: /archives/ || archive #schedule: /schedule/ || calendar #sitemap: /sitemap.xml || sitemap #commonweal: /404/ || heartbeat
# 本行为<博客构建目录>\themes\next\_config.yml的116行(随着NexT的不断更新,本行对应在你的_config.yml中不一定是第116行,请以实际情况为准 # Usage: `Key: /link/ || icon` # Key is the name of menu item. If the translation for this item is available, the translated text will be loaded, otherwise the Key name will be used. Key is case-senstive. # Value before `||` delimiter is the target link, value after `||` delimiter is the name of Font Awesome icon. # When running the site in a subdirectory (e.g. yoursite.com/blog), remove the leading slash from link value (/archives -> archives). # External url should start with http:// or https:// menu: home: / || home #about: /about/ || user tags: /tags/ || tags categories: /categories/ || th archives: /archives/ || archive #schedule: /schedule/ || calendar #sitemap: /sitemap.xml || sitemap #commonweal: /404/ || heartbeat + books: /books || book + movies: /movies || video-camera + games: /games || gamepad
编辑 NexT 的中文语言文件(为<博客构建目录>下 themes 下 next 下 languages 下 zh-CN.yml):
# 本行为<博客构建目录>\themes\next\_config.yml的第152行(随着NexT的不断更新,本行对应在你的_config.yml中不一定是第152行,请以实际情况为准 # Sidebar Display (only for Muse | Mist), available values: # - post expand on posts automatically. Default. # - always expand for all pages automatically. # - hide expand only when click on the sidebar toggle icon. # - remove totally remove sidebar including sidebar toggle. - display: post
1 2 3 4 5 6 7
# 本行为<博客构建目录>\themes\next\_config.yml的第152行(随着NexT的不断更新,本行对应在你的_config.yml中不一定是第152行,请以实际情况为准 # Sidebar Display (only for Muse | Mist), available values: # - post expand on posts automatically. Default. # - always expand for all pages automatically. # - hide expand only when click on the sidebar toggle icon. # - remove totally remove sidebar including sidebar toggle. + display: always
头像
编辑 NexT 的配置文件:
1 2 3 4 5 6 7 8 9
# 本行为<存储HexoBlog的文件夹>\themes\next\_config.yml的第166行(随着NexT的不断更新,本行对应在你的_config.yml中不一定是第166行,请以实际情况为准 # Sidebar Avatar avatar: # Replace the default image and set the url here. - url: #/images/avatar.gif # If true, the avatar will be dispalyed in circle. - rounded: false # If true, the avatar will be rotated with the cursor. - rotated: false
1 2 3 4 5 6 7 8 9
# 本行为<存储 HexoBlog 的文件夹>\themes\next\_config.yml的第166行(随着NexT的不断更新,本行对应在你的_config.yml中不一定是第166行,请以实际情况为准 # Sidebar Avatar avatar: # Replace the default image and set the url here. + url: <自己图床的地址或者本地地址> # If true, the avatar will be dispalyed in circle. + rounded: true # If true, the avatar will be rotated with the cursor. + rotated: true
添加社交链接
编辑 NexT 的配置文件,个性化添加自己的社交链接:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17
# 本行为<存储HexoBlog的文件夹>\themes\next\_config.yml的第178行(随着NexT的不断更新,本行对应在你的_config.yml中不一定是第178行,请以实际情况为准 # Social Links # Usage: `Key: permalink || icon` # Key is the link label showing to end users. # Value before `||` delimiter is the target permalink, value after `||` delimiter is the name of Font Awesome icon. social: - #GitHub: https://github.com/yourname || github - #E-Mail: mailto:yourname@gmail.com || envelope #Weibo: https://weibo.com/yourname || weibo #Google: https://plus.google.com/yourname || google #Twitter: https://twitter.com/yourname || twitter #FB Page: https://www.facebook.com/yourname || facebook #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 #RSS: /atom.xml || rss
Use icon instead of the symbol # to indicate the tag at the bottom of the post
编辑 NexT 的配置文件:
1 2 3
# 本行为<存储HexoBlog的文件夹>\themes\next\_config.yml的第269行(随着NexT的不断更新,本行对应在你的_config.yml中不一定是第269行,请以实际情况为准 # Use icon instead of the symbol # to indicate the tag at the bottom of the post -tag_icon: false
1 2 3
# 本行为<存储HexoBlog的文件夹>\themes\next\_config.yml的第269行(随着NexT的不断更新,本行对应在你的_config.yml中不一定是第269行,请以实际情况为准 # Use icon instead of the symbol # to indicate the tag at the bottom of the post +tag_icon: true
效果展示:
添加在线编辑按钮
编辑 NexT 的配置文件:
1 2 3 4 5 6 7
# 本行为<存储HexoBlog的文件夹>\themes\next\_config.yml的第298行(随着NexT的不断更新,本行对应在你的_config.yml中不一定是第298行,请以实际情况为准 # Post edit # Dependencies: https://github.com/hexojs/hexo-deployer-git post_edit: - enable: false - url: https://github.com/user-name/repo-name/tree/branch-name/subdirectory-name # Link for view source - #url: https://github.com/user-name/repo-name/edit/branch-name/subdirectory-name # Link for fork & edit
1 2 3 4 5 6 7
# 本行为<存储HexoBlog的文件夹>\themes\next\_config.yml的第298行(随着NexT的不断更新,本行对应在你的_config.yml中不一定是第298行,请以实际情况为准 # Post edit # Dependencies: https://github.com/hexojs/hexo-deployer-git post_edit: + enable: true + url: https://github.dev/ql-isaac/# # Link for view & edit
设置文本对齐方式为左对齐
编辑 NexT 的配置文件:
1 2 3 4 5 6
# 本行为<存储HexoBlog的文件夹>\themes\next\_config.yml的第344行(随着NexT的不断更新,本行对应在你的_config.yml中不一定是第344行,请以实际情况为准 # Set the text alignment in posts / pages. text_align: # Available values: start | end | left | right | center | justify | justify-all | match-parent - desktop: justify - mobile: justify
1 2 3 4 5 6
# 本行为<存储HexoBlog的文件夹>\themes\next\_config.yml的第344行(随着NexT的不断更新,本行对应在你的_config.yml中不一定是第344行,请以实际情况为准 # Set the text alignment in posts / pages. text_align: # Available values: start | end | left | right | center | justify | justify-all | match-parent + desktop: left + mobile: left
代码块设置
编辑 NexT 的配置文件:
1 2 3 4 5 6 7 8 9 10 11 12 13
# 本行为<存储HexoBlog的文件夹>\themes\next\_config.yml的第362行(随着NexT的不断更新,本行对应在你的_config.yml中不一定是第362行,请以实际情况为准 codeblock: # Code Highlight theme # Available values: normal | night | night eighties | night blue | night bright | solarized | solarized dark | galactic # See: https://github.com/chriskempson/tomorrow-theme - highlight_theme: normal # Add copy button on codeblock copy_button: - enable: false # Show text copy result. - show_result: false # Available values: default | flat | mac style:
1 2 3 4 5 6 7 8 9 10 11 12 13
# 本行为<存储HexoBlog的文件夹>\themes\next\_config.yml的第362行(随着NexT的不断更新,本行对应在你的_config.yml中不一定是第362行,请以实际情况为准 codeblock: # Code Highlight theme # Available values: normal | night | night eighties | night blue | night bright | solarized | solarized dark | galactic # See: https://github.com/chriskempson/tomorrow-theme + highlight_theme: solarized # Add copy button on codeblock copy_button: + enable: true # Show text copy result. + show_result: true # Available values: default | flat | mac style:
以上设置为个人偏好,请查看上下文注释,通过本地部署的方式查看确定自己的偏好。
回到顶部按钮设置
编辑 NexT 的配置文件:
1 2 3 4 5 6 7
# 本行为<存储HexoBlog的文件夹>\themes\next\_config.yml的第375行(随着NexT的不断更新,本行对应在你的_config.yml中不一定是第375行,请以实际情况为准 back2top: enable: true # Back to top in sidebar. sidebar: false # Scroll percent label in b2t button. - scrollpercent: false
1 2 3 4 5 6 7
# 本行为<存储HexoBlog的文件夹>\themes\next\_config.yml的第375行(随着NexT的不断更新,本行对应在你的_config.yml中不一定是第375行,请以实际情况为准 back2top: enable: true # Back to top in sidebar. sidebar: false # Scroll percent label in b2t button. + scrollpercent: true
在页面顶部显示浏览进度
编辑 NexT 的配置文件:
1 2 3 4 5 6 7 8
# 本行为<存储HexoBlog的文件夹>\themes\next\_config.yml的第382行(随着NexT的不断更新,本行对应在你的_config.yml中不一定是第382行,请以实际情况为准 # Reading progress bar reading_progress: - enable: false # Available values: top | bottom position: top color: "#37c6c0" height: 3px
1 2 3 4 5 6 7 8
# 本行为<存储HexoBlog的文件夹>\themes\next\_config.yml的第382行(随着NexT的不断更新,本行对应在你的_config.yml中不一定是第382行,请以实际情况为准 # Reading progress bar reading_progress: + enable: true # Available values: top | bottom position: top color: "#37c6c0" height: 3px
在右上角添加渲染本站的源码仓库传送门
编辑 NexT 的配置文件:
1 2 3 4 5 6
# 本行为<存储HexoBlog的文件夹>\themes\next\_config.yml的第399行(随着NexT的不断更新,本行对应在你的_config.yml中不一定是第399行,请以实际情况为准 # `Follow me on GitHub` banner in the top-right corner. github_banner: - enable: false - permalink: https://github.com/yourname title: Follow me on GitHub
1 2 3 4 5 6
# 本行为<存储HexoBlog的文件夹>\themes\next\_config.yml的第399行(随着NexT的不断更新,本行对应在你的_config.yml中不一定是第399行,请以实际情况为准 # `Follow me on GitHub` banner in the top-right corner. github_banner: + enable: true + permalink: https://github.com/ql-isaac title: Follow me on GitHub
# Uri of fonts host, e.g. //fonts.googleapis.com (Default). host:
# Font options: # `external: true` will load this font family from `host` above. # `family: Times New Roman`. Without any quotes. # `size: x.x`. Use `em` as unit. Default: 1 (16px)
# Global font settings used for all elements inside <body>. global: external: true - family: Lato size:
# Font settings for site title (.site-title). title: external: true family: size:
# Font settings for headlines (<h1> to <h6>). headings: external: true family: size:
# Font settings for posts (.post-body). posts: external: true - family:
# Font settings for <code> and code blocks. codes: external: true family:
# Uri of fonts host, e.g. //fonts.googleapis.com (Default). host:
# Font options: # `external: true` will load this font family from `host` above. # `family: Times New Roman`. Without any quotes. # `size: x.x`. Use `em` as unit. Default: 1 (16px)
# Global font settings used for all elements inside <body>. global: external: true + family: size:
# Font settings for site title (.site-title). title: external: true family: size:
# Font settings for headlines (<h1> to <h6>). headings: external: true family: size:
# Font settings for posts (.post-body). posts: external: true + family: Noto Serif SC
# Font settings for <code> and code blocks. codes: external: true family:
优雅地查看图片
编辑 NexT 的配置文件:
1 2 3 4
# 本行为<存储HexoBlog的文件夹>\themes\next\_config.yml的第533行(随着NexT的不断更新,本行对应在你的_config.yml中不一定是第533行,请以实际情况为准 # FancyBox is a tool that offers a nice and elegant way to add zooming functionality for images. # For more information: https://fancyapps.com/fancybox -fancybox: false
1 2 3 4
# 本行为<存储HexoBlog的文件夹>\themes\next\_config.yml的第533行(随着NexT的不断更新,本行对应在你的_config.yml中不一定是第533行,请以实际情况为准 # FancyBox is a tool that offers a nice and elegant way to add zooming functionality for images. # For more information: https://fancyapps.com/fancybox +fancybox: true
开启图片懒加载
编辑 NexT 的配置文件:
1 2 3 4
# 本行为<存储HexoBlog的文件夹>\themes\next\_config.yml的第542行(随着NexT的不断更新,本行对应在你的_config.yml中不一定是第542行,请以实际情况为准 # Vanilla JavaScript plugin for lazyloading images. # For more information: https://github.com/ApoorvSaxena/lozad.js -lazyload: false
1 2 3 4
# 本行为<存储HexoBlog的文件夹>\themes\next\_config.yml的第542行(随着NexT的不断更新,本行对应在你的_config.yml中不一定是第542行,请以实际情况为准 # Vanilla JavaScript plugin for lazyloading images. # For more information: https://github.com/ApoorvSaxena/lozad.js +lazyload: true
# 本行为<存储HexoBlog的文件夹>\themes\next\_config.yml的第578行(随着NexT的不断更新,本行对应在你的_config.yml中不一定是第578行,请以实际情况为准 # Multiple Comment System Support comments: # Available values: tabs | buttons style: tabs # Choose a comment system to be displayed by default. # Available values: changyan | disqus | disqusjs | gitalk | livere | valine - active: # Setting `true` means remembering the comment system selected by the visitor. storage: true # Lazyload all comment systems. lazyload: false # Modify texts or order for any navs, here are some examples. nav: #disqus: # text: Load Disqus # order: -1 #gitalk: # order: -2
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19
# 本行为<存储HexoBlog的文件夹>\themes\next\_config.yml的第578行(随着NexT的不断更新,本行对应在你的_config.yml中不一定是第578行,请以实际情况为准 # Multiple Comment System Support comments: # Available values: tabs | buttons style: tabs # Choose a comment system to be displayed by default. # Available values: changyan | disqus | disqusjs | gitalk | livere | valine + active: valine # Setting `true` means remembering the comment system selected by the visitor. storage: true # Lazyload all comment systems. lazyload: false # Modify texts or order for any navs, here are some examples. nav: #disqus: # text: Load Disqus # order: -1 #gitalk: # order: -2
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19
# 本行为<存储HexoBlog的文件夹>\themes\next\_config.yml的第625行(随着NexT的不断更新,本行对应在你的_config.yml中不一定是第625行,请以实际情况为准 # Valine # For more information: https://valine.js.org, https://github.com/xCss/Valine valine: - enable: false - appid: # Your leancloud application appid - appkey: # Your leancloud application appkey notify: false # Mail notifier verify: false # Verification code placeholder: Just go go # Comment box placeholder avatar: mm # Gravatar style guest_info: nick,mail,link # Custom comment header pageSize: 10 # Pagination size - language: # Language, available values: en, zh-cn visitor: false # Article reading statistic comment_count: true # If false, comment count will only be displayed in post page, not in home page - recordIP: false # Whether to record the commenter IP serverURLs: # When the custom domain name is enabled, fill it in here (it will be detected automatically by default, no need to fill in) #post_meta_order: 0
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19
# 本行为<存储HexoBlog的文件夹>\themes\next\_config.yml的第625行(随着NexT的不断更新,本行对应在你的_config.yml中不一定是第625行,请以实际情况为准 # Valine # For more information: https://valine.js.org, https://github.com/xCss/Valine valine: + enable: true + appid: <自己的App ID> + appkey: <自己的App key> notify: false # Mail notifier verify: false # Verification code placeholder: Just go go # Comment box placeholder avatar: mm # Gravatar style guest_info: nick,mail,link # Custom comment header pageSize: 10 # Pagination size + language: zh-cn visitor: false # Article reading statistic comment_count: true # If false, comment count will only be displayed in post page, not in home page + recordIP: true # Whether to record the commenter IP serverURLs: # When the custom domain name is enabled, fill it in here (it will be detected automatically by default, no need to fill in) #post_meta_order: 0
开启 busuanzi 统计
编辑 NexT 的配置文件:
1 2 3 4 5 6 7 8 9 10 11
# 本行为<存储HexoBlog的文件夹>\themes\next\_config.yml的第725行(随着NexT的不断更新,本行对应在你的_config.yml中不一定是第725行,请以实际情况为准 # Show Views / Visitors of the website / page with busuanzi. # Get more information on http://ibruce.info/2015/04/04/busuanzi busuanzi_count: - enable: false total_visitors: true total_visitors_icon: user total_views: true total_views_icon: eye post_views: true post_views_icon: eye
1 2 3 4 5 6 7 8 9 10 11
# 本行为<存储HexoBlog的文件夹>\themes\next\_config.yml的第725行(随着NexT的不断更新,本行对应在你的_config.yml中不一定是第725行,请以实际情况为准 # Show Views / Visitors of the website / page with busuanzi. # Get more information on http://ibruce.info/2015/04/04/busuanzi busuanzi_count: + enable: true total_visitors: true total_visitors_icon: user total_views: true total_views_icon: eye post_views: true post_views_icon: eye
添加搜索功能
在<博客构建目录>下进入终端,输入如下命令安装 hexo-generator-searchdb。
1
npm install --save hexo-generator-searchdb
开启搜索功能:
1 2 3 4 5 6 7 8 9 10 11 12 13 14
# 本行为<存储HexoBlog的文件夹>\themes\next\_config.yml的第753行(随着NexT的不断更新,本行对应在你的_config.yml中不一定是第753行,请以实际情况为准 # Local Search # Dependencies: https://github.com/theme-next/hexo-generator-searchdb local_search: - enable: false # If auto, trigger search by changing input. # If manual, trigger search by pressing enter key or search button. trigger: auto # Show top n results per article, show all results by setting to -1 top_n_per_article: 1 # Unescape html strings to the readable one. unescape: false # Preload the search data when the page loads. preload: false
1 2 3 4 5 6 7 8 9 10 11 12 13 14
# 本行为<存储HexoBlog的文件夹>\themes\next\_config.yml的第753行(随着NexT的不断更新,本行对应在你的_config.yml中不一定是第753行,请以实际情况为准 # Local Search # Dependencies: https://github.com/theme-next/hexo-generator-searchdb local_search: + enable: true # If auto, trigger search by changing input. # If manual, trigger search by pressing enter key or search button. trigger: auto # Show top n results per article, show all results by setting to -1 top_n_per_article: 1 # Unescape html strings to the readable one. unescape: false # Preload the search data when the page loads. preload: false
设置 Note tag
编辑 NexT 的配置文件:
1 2 3 4 5 6 7 8 9 10 11 12 13
# 本行为<存储HexoBlog的文件夹>\themes\next\_config.yml的第798行(随着NexT的不断更新,本行对应在你的_config.yml中不一定是第798行,请以实际情况为准 # Note tag (bs-callout) note: # Note tag style values: # - simple bs-callout old alert style. Default. # - modern bs-callout new (v2-v3) alert style. # - flat flat callout style with background, like on Mozilla or StackOverflow. # - disabled disable all CSS styles import of note tag. - style: simple - icons: false # Offset lighter of background in % for modern and flat styles (modern: -12 | 12; flat: -18 | 6). # Offset also applied to label tag variables. This option can work with disabled note tag. light_bg_offset: 0
1 2 3 4 5 6 7 8 9 10 11 12 13
# 本行为<存储HexoBlog的文件夹>\themes\next\_config.yml的第798行(随着NexT的不断更新,本行对应在你的_config.yml中不一定是第798行,请以实际情况为准 # Note tag (bs-callout) note: # Note tag style values: # - simple bs-callout old alert style. Default. # - modern bs-callout new (v2-v3) alert style. # - flat flat callout style with background, like on Mozilla or StackOverflow. # - disabled disable all CSS styles import of note tag. + style: flat + icons: true # Offset lighter of background in % for modern and flat styles (modern: -12 | 12; flat: -18 | 6). # Offset also applied to label tag variables. This option can work with disabled note tag. light_bg_offset: 0