# -------------------------------------- # Hexo Butterfly Theme Configuration # If you have any questions, please refer to the documentation # Chinese: https://butterfly.js.org/ # English: https://butterfly.js.org/en/ # --------------------------------------
# Toolbar copy:true language:true # true: shrink the code blocks | false: expand the code blocks | none: expand code blocks and hide the button shrink:false fullpage:false
# Social media links Formal: icon:link||thedescription||color social: fab fa-github:https://github.com/gitsmb||Github||'#24292e' fas fa-envelope:mailto:xkluohouduo@gmail.com||Email||'#4a7dbe' fab fa-weixin:https://mp.weixin.qq.com/s/xxxxxx||Weixin||'#4faaf2' fab fa-qq:https://wpa.qq.com/msgrd?v=3&uin=xxxxxx&site=qq&menu=yes||QQ||'#12b7f5' fab fa-weibo:https://weibo.com/u/xxxxxx||Weibo||'#e6162d'
fab fa-youtube:https://www.youtube.com/channel/xxxxxx||Youtube||'#c4302b' fab fa-twitter:https://twitter.com/gitsmb||Twitter||'#1da1f2' fab fa-facebook:https://www.facebook.com/xxxxxx||Facebook||'#3b5998' fab fa-google:https://plus.google.com/xxxxxx||Google||'#dd4b39' fab fa-instagram:https://www.instagram.com/xxxxxx||Instagram||'#f77737' fab fa-linkedin:https://www.linkedin.com/in/xxxxxx||LinkedIn||'#0077b5' fab fa-pinterest:https://www.pinterest.com/xxxxxx||Pinterest||'#bd081c' fab fa-tumblr:https://www.tumblr.com/blog/xxxxxx||Tumblr||'#2c4762' fab fa-reddit:https://www.reddit.com/user/xxxxxx||Reddit||'#ff4500' fab fa-discord:https://discord.gg/xxxxxx||Discord||'#7289da'
# The banner image of archive page archive_img:/img/top_img.png
# Note: tag page, not tags page tag_img:
# The banner image of tag page, you can set the banner image for each tag # Format: # - tag name: xxxxx tag_per_img:
# Note: category page, not categories page category_img:
# The banner image of category page, you can set the banner image for each category # Format: # - category name: xxxxx category_per_img:
# The background image of footer footer_img:'linear-gradient( 135deg, #E2B0FF 10%, #9F44D3 100%)'
# Website Background # Can set it to color or image url background:/img/background_img.png
cover: # Disable the cover or not index_enable:true aside_enable:true archives_enable:true # When cover is not set, the default cover is displayed default_cover: # - xxx.jpg
# A simple 404 page error_404: enable:false subtitle:'Page Not Found' background:/img/error-page.png
post_meta: # Home Page page: # Choose: created / updated / both date_type:created # Choose: date / relative date_format:date categories:true tags:false label:true post: # Choose: left / center position:left # Choose: created / updated / both date_type:both # Choose: date / relative date_format:date categories:true tags:true label:true
# -------------------------------------- # Index page settings # --------------------------------------
# The top_img settings of home page # default: top img - full screen, site info - middle # The position of site info, eg: 300px/300em/300rem/10% index_site_info_top: # The height of top_img, eg: 300px/300em/300rem index_top_img_height:
# The subtitle on homepage subtitle: enable:false TypewriterEffect effect:true # Customize typed.js # https://github.com/mattboldt/typed.js/#customization typed_option: # Source - Call the third-party service API (Chinese only) # It will show the source first, then show the content of sub # Choose: false/1/2/3 # false - disable the function # 1 - hitokoto.cn # 2 - https://api.aa1.cn/doc/yiyan.html # 3 - jinrishici.com source:false # If you close the typewriter effect, the subtitle will only show the first line of sub sub: -今日事,今日毕
# Article layout on the homepage # 1: Cover on the left, info on the right # 2: Cover on the right, info on the left # 3: Cover and info alternate between left and right # 4: Cover on top, info on the bottom # 5: Info displayed on the cover # 6: Masonry layout - Cover on top, info on the bottom # 7: Masonry layout - Info displayed on the cover index_layout:3
# Display the article introduction on homepage # 1: description # 2: both (if the description exists, it will show description, or show the auto_excerpt) # 3: auto_excerpt (default) # false: do not show the article introduction index_post_content: method:3 # If you set method to 2 or 3, the length need to config length:500
# -------------------------------------- # Post Settings # --------------------------------------
toc: post:true page:false number:true expand:false # Only for post style_simple:false scroll_percent:true
# Post edit # Easily browse and edit blog source code online. post_edit: enable:false # url: https://github.com/user-name/repo-name/edit/branch-name/subdirectory-name/ # For example: https://github.com/jerryc127/butterfly.js.org/edit/main/source/ url:
# Related Articles related_post: enable:true # Number of posts displayed limit:6 # Choose: created / updated date_type:created
# Choose: 1 / 2 / false # 1: The 'next post' will link to old post # 2: The 'next post' will link to new post # false: disable pagination post_pagination:1
# Displays outdated notice for a post noticeOutdate: enable:false # Style: simple / flat style:flat # When will it be shown limit_day:365 # Position: top / bottom position:top message_prev:Ithasbeen message_next:dayssincethelastupdate,thecontentofthearticlemaybeoutdated.
aside: enable:true hide:false # Show the button to hide the aside in bottom right button button:true mobile:true # Position: left / right position:right display: archive:true tag:true category:true card_author: enable:true description: button: enable:true icon:fabfa-github text:FollowMe link:https://github.com/gitsmb card_announcement: enable:true content:这是我的博客 card_recent_post: enable:true # If set 0 will show all limit:5 # Sort: date / updated sort:date sort_order: card_newest_comments: enable:false sort_order: limit:6 # Unit: mins, save data to localStorage storage:10 avatar:true card_categories: enable:true # If set 0 will show all limit:8 # Choose: none / true / false expand:none sort_order: card_tags: enable:true # If set 0 will show all limit:40 color:false # Order of tags, random/name/length orderby:random # Sort of order. 1, asc for ascending; -1, desc for descending order:1 sort_order: card_archives: enable:true # Type: monthly / yearly type:monthly # Eg: YYYY年MM月 format:MMMMYYYY # Sort of order. 1, asc for ascending; -1, desc for descending order:-1 # If set 0 will show all limit:8 sort_order: card_post_series: enable:true # The title shows the series name series_title:false # Order by title or date orderBy:'date' # Sort of order. 1, asc for ascending; -1, desc for descending order:-1 card_webinfo: enable:true post_count:true last_push_date:true sort_order: # Time difference between publish date and now # Formal: Month/Day/Year Time or Year/Month/Day Time # Leave it empty if you don't enable this feature runtime_date:
# -------------------------------------- # Bottom right button # --------------------------------------
# The distance between the bottom right button and the bottom (default unit: px) rightside_bottom:
# Conversion between Traditional and Simplified Chinese translate: enable:true # The text of a button default:简 # the language of website (1 - Traditional Chinese/ 2 - Simplified Chinese） defaultEncoding:2 # Time delay translateDelay:0 # The text of the button when the language is Simplified Chinese msgToTraditionalChinese:'繁' # The text of the button when the language is Traditional Chinese msgToSimplifiedChinese:'簡'
# Read Mode readmode:true
# Dark Mode darkmode: enable:true # Toggle Button to switch dark/light mode button:true # Switch dark/light mode automatically # autoChangeMode: 1 Following System Settings, if the system doesn't support dark mode, it will switch dark mode between 6 pm to 6 am # autoChangeMode: 2 Switch dark mode between 6 pm to 6 am # autoChangeMode: false autoChangeMode:2 # Set the light mode time. The value is between 0 and 24. If not set, the default value is 6 and 18 start:6 end:18
# Show scroll percent in scroll-to-top button rightside_scroll_percent:true
# Don't modify the following settings unless you know how they work # Choose: readmode,translate,darkmode,hideAside,toc,chat,comment # Don't repeat the same value rightside_item_order: enable:false # Default: readmode,translate,darkmode,hideAside hide: # Default: toc,chat,comment show:
# Animation for the bottom right config button rightside_config_animation:true
# -------------------------------------- # Global Settings # --------------------------------------
anchor: # When you scroll, the URL will update according to header id. auto_update:false # Click the headline to scroll and update the anchor click_to_scroll:false
photofigcaption:false
copy: enable:true # Add the copyright information after copied content copyright: enable:false limit_count:150
# Need to install the hexo-wordcount plugin wordcount: enable:false # Display the word count of the article in post meta post_wordcount:true # Display the time to read the article in post meta min2read:true # Display the total word count of the website in aside's webinfo total_wordcount:true
# Busuanzi count for PV / UV in site busuanzi: site_uv:true site_pv:true page_pv:true
# -------------------------------------- # Math # --------------------------------------
# About the per_page # if you set it to true, it will load mathjax/katex script in each page # if you set it to false, it will load mathjax/katex script according to your setting (add the 'mathjax: true' or 'katex: true' in page's front-matter) math: # Choose: mathjax, katex # Leave it empty if you don't need math use: per_page:true hide_scrollbar:false
mathjax: # Enable the contextual menu enableMenu:true # Choose: all / ams / none, This controls whether equations are numbered and how tags:none
katex: # Enable the copy KaTeX formula copy_tex:false
search: # Choose: algolia_search / local_search / docsearch # leave it empty if you don't need search use: placeholder:
# Algolia Search algolia_search: # Number of search results per page hitsPerPage:6
# Local Search local_search: # Preload the search data when the page loads. preload:false # 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 CDN:
# -------------------------------------- # Comments System # --------------------------------------
comments: # Up to two comments system, the first will be shown as default # Leave it empty if you don't need comments # Choose: Disqus/Disqusjs/Livere/Gitalk/Valine/Waline/Utterances/Facebook Comments/Twikoo/Giscus/Remark42/Artalk # Format of two comments system : Disqus,Waline use:Waline,Livere
# Display the comment name next to the button text:true # Lazyload: The comment system will be load when comment element enters the browser's viewport. # If you set it to true, the comment count will be invalid lazyload:false # Display comment count in post's top_img count:true # Display comment count in Home Page card_post_count:true
# Valine # https://valine.js.org valine: appId: appKey: avatar:monsterid # This configuration is suitable for domestic custom domain name users, overseas version will be automatically detected (no need to manually fill in) serverURLs: bg: # Use Valine visitor count as the page view count visitor:false option:
# Waline - A simple comment system with backend support fork from Valine # https://waline.js.org/ waline: serverURL:https://waline.gitsm.com/ bg: # Use Waline pageview count as the page view count pageview:true option:
chat: # Choose: chatra/tidio/crisp # Leave it empty if you don't need chat use: # Chat Button [recommend] # It will create a button in the bottom right corner of website, and hide the origin button rightside_button:false # The origin chat button is displayed when scrolling up, and the button is hidden when scrolling down button_hide_show:false
# Google Adsense google_adsense: enable:false auto_ads:true js:https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js client: enable_page_level_ads:true
# Insert ads manually # Leave it empty if you don't need ads ad: # Insert ads in the index (every three posts) index: # Insert ads in aside aside: # Insert ads in the post (before pagination) post:
# The user interface setting of category and tag page # Choose: index - same as Homepage UI / default - same as archives UI # leave it empty or index category_ui: tag_ui:
# Rounded corners for UI elements rounded_corners_ui:true
# Stretches the lines so that each line has equal width text_align_justify:false
# Add a mask to the header and footer mask: header:true footer:true
# Loading Animation preloader: enable:true # source # 1. fullpage-loading # 2. pace (progress bar) source:1 # pace theme (see https://codebyzach.github.io/pace/) pace_css_url:
# Page Transition enter_transitions:true
# Default display mode - light (default) / dark display_mode:light
# Configuration for beautifying the content of the article beautify: enable:true # Specify the field to beautify (site or post) field:site# site/post # Specify the icon to be used as a prefix for the title, such as '\f0c1' title_prefix_icon:'\f0c1' # Specify the color of the title prefix icon, such as '#F47466' title_prefix_icon_color:'#F47466'
# Global font settings # Don't modify the following settings unless you know how they work font: global_font_size: code_font_size: font_family: code_font_family:
# Font settings for the site title and site subtitle blog_title_font: font_link: font_family:
# The setting of divider icon hr_icon: enable:true # The unicode value of Font Awesome icon, such as '\3423' icon: icon_top:
# canvas_nest # https://github.com/hustcc/canvas-nest.js canvas_nest: enable:false # Color of lines, default: '0,0,0'; RGB values: (R,G,B).(note: use ',' to separate.) color:'0,0,255' # The opacity of line (0~1) opacity:0.7 # The z-index property of the background zIndex:-1 # The number of lines count:99 mobile:true
# Choose: fancybox / medium_zoom # https://github.com/francoischalifour/medium-zoom # https://fancyapps.com/fancybox/ # Leave it empty if you don't need lightbox lightbox:medium_zoom
# -------------------------------------- # Tag Plugins settings # --------------------------------------
# Series series: enable:false # Order by title or date orderBy:'title' # Sort of order. 1, asc for ascending; -1, desc for descending order:1 number:true
# ABCJS - The ABC Music Notation Plugin # https://github.com/paulrosen/abcjs abcjs: enable:false per_page:true
# chartjs # see https://www.chartjs.org/docs/latest/ chartjs: enable:false # Do not modify unless you understand how they work. # The default settings are only used when the MD syntax is not specified. # General font color for the chart fontColor: light:'rgba(0, 0, 0, 0.8)' dark:'rgba(255, 255, 255, 0.8)' # General border color for the chart borderColor: light:'rgba(0, 0, 0, 0.1)' dark:'rgba(255, 255, 255, 0.2)' # Background color for scale labels on radar and polar area charts scale_ticks_backdropColor: light:'transparent' dark:'transparent'
# Note - Bootstrap 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 border_radius:3 # 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
# -------------------------------------- # Other Settings # --------------------------------------
# https://github.com/MoOx/pjax pjax: enable:true # Exclude the specified pages from pjax, such as '/music/' exclude: # - /xxxxxx/
# Inject the css and script (aplayer/meting) aplayerInject: enable:true per_page:true
# Snackbar - Toast Notification # https://github.com/polonel/SnackBar # position: top-left / top-center / top-right / bottom-left / bottom-center / bottom-right snackbar: enable:true position:bottom-left # The background color of Toast Notification in light mode and dark mode bg_light:'#49b1f5' bg_dark:'#1f1f1f'
# Lazyload # https://github.com/verlok/vanilla-lazyload lazyload: enable:false # Use browser's native lazyload instead of vanilla-lazyload native:false # Specify the field to use lazyload (site or post) field:site placeholder: blur:false
# Structured Data # https://developers.google.com/search/docs/guides/intro-structured-data structured_data:true
# Add the vendor prefixes to ensure compatibility css_prefix:true
# Inject # Insert the code to head (before '</head>' tag) and the bottom (before '</body>' tag) inject: head: # - <link rel="stylesheet" href="/xxx.css"> -<linkrel="stylesheet"href="/css/cur.css"> bottom: # - <script src="xxxx"></script> -<scriptsrc="/js/sakura.js"></script> -<divclass="aplayerno-destroy"data-id="7174034342"data-server="tencent"data-type="playlist"data-fixed="true"data-autoplay="true"></div>
# CDN Settings # Don't modify the following settings unless you know how they work CDN: # The CDN provider for internal and third-party scripts # Options for both: local/jsdelivr/unpkg/cdnjs/custom # Note: Dev version can only use 'local' for internal scripts # Note: When setting third-party scripts to 'local', you need to install hexo-butterfly-extjs internal_provider:local third_party_provider:jsdelivr
# Add version number to url, true or false version:false
# Custom format # For example: https://cdn.staticfile.org/${cdnjs_name}/${version}/${min_cdnjs_file} custom_format:
