XiaowenBlog/_config.butterfly.yml
wenyongda 37eebf0831 feat(导航): 添加导航菜单和主题色配置
添加导航栏的logo、标题显示设置以及菜单项配置,为后续主题开发提供基础
2026-04-15 14:07:10 +08:00

251 lines
6.3 KiB
YAML
Raw Permalink Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

# ==================== 导航设置 ====================
nav:
logo:
display_title: true
display_post_title: true
fixed: false
menu:
首页: / || fas fa-home
标签: /tags/ || fas fa-tags
分类: /categories/ || fas fa-folder-open
归档: /archives/ || fas fa-archive
# ==================== 主题色与字体 ====================
# 主題色
theme_color:
enable: true
main: "#49B1F5"
paginator: "#00c4b6"
button_hover: "#FF7242"
text_selection: "#00c4b6"
link_color: "#99a9bf"
hr_color: "#A4D8FA"
code_foreground: "#F47466"
code_background: "rgba(27, 31, 35, .05)"
toc_color: "#00c4b6"
readmode_bg_color: "#FAF9DE"
# 字體設置
font:
global-font-size: '16px'
code-font-size: '16px'
font-family: "PingFang SC, Hiragino Sans GB, Microsoft YaHei, sans-serif"
code-font-family: "Fira Code, Consolas, Monaco, Menlo, monospace"
# 網站背景
# 設置純色背景
background: "linear-gradient(45deg, #f2f7fa 0%, #e4f0f6 50%, #d9ecf4 100%)"
# Footer設置
footer:
nav:
owner:
enable: true
since: 2022
copyright:
enable: true
version: true
custom_text: '<span>Hi, welcome to Xiaowen blog!</span><br>ICP备案号: <a href="https://beian.miit.gov.cn" target="_blank">辽ICP备2025052969号-1</a>'
# ==================== 動態特效 ====================
canvas_fluttering_ribbon:
enable: true
mobile: true
fireworks:
enable: true
zIndex: -1
mobile: false
# 鼠標點擊效果 - 愛心
click_heart:
enable: true
mobile: true
# 打字效果
typing_effect:
enable: true
hitSpeed: 100
humanLike: true
# 美化頁面顯示
beautify:
enable: true
field: site
title-prefix-icon: '\f0c1'
title-prefix-icon-color: "#F47466"
# 加載動畫
preloader:
enable: true
source: 1
pace_css_url:
# ==================== 首頁卡片樣式 ====================
# 首頁頂部圖
index_img: https://gcore.jsdelivr.net/gh/volantis-x/cdn-wallpaper/abstract/BBC19066-E176-47C2-9D22-48C81EE5DF6B.jpeg
archive_img: https://gcore.jsdelivr.net/gh/volantis-x/cdn-wallpaper/abstract/67239FBB-E15D-4F4F-8EE8-0F1C9F3C4E7C.jpeg
tag_img: https://gcore.jsdelivr.net/gh/volantis-x/cdn-wallpaper/abstract/2884F904-F1F3-479E-AE27-5EBC291B63B0.jpeg
category_img: https://gcore.jsdelivr.net/gh/volantis-x/cdn-wallpaper/abstract/00E0F0ED-9F1C-407A-9AA6-545649D919F4.jpeg
# 文章封面
cover:
index_enable: true
aside_enable: true
archives_enable: true
position: both
default_cover:
- https://gcore.jsdelivr.net/gh/volantis-x/cdn-wallpaper@1.0.0/abstract/00E0F0ED-9F1C-407A-9AA6-545649D919F4.jpeg
- https://gcore.jsdelivr.net/gh/volantis-x/cdn-wallpaper@1.0.0/abstract/2884F904-F1F3-479E-AE27-5EBC291B63B0.jpeg
- https://gcore.jsdelivr.net/gh/volantis-x/cdn-wallpaper@1.0.0/abstract/67239FBB-E15D-4F4F-8EE8-0F1C9F3C4E7C.jpeg
- https://gcore.jsdelivr.net/gh/volantis-x/cdn-wallpaper@1.0.0/abstract/B18FCBB3-67FD-48CC-B4F3-457BA145F17A.jpeg
- https://gcore.jsdelivr.net/gh/volantis-x/cdn-wallpaper@1.0.0/abstract/B951AE18-D431-417F-B3FE-A382403FF21B.jpeg
- https://gcore.jsdelivr.net/gh/volantis-x/cdn-wallpaper@1.0.0/abstract/BBC19066-E176-47C2-9D22-48C81EE5DF6B.jpeg
# 文章meta顯示
post_meta:
page:
date_type: both
date_format: relative
categories: true
tags: true
post:
date_type: both
date_format: relative
categories: true
tags: true
# ==================== 側邊欄美化 ====================
# 頭像
avatar:
img: https://markdownhexo.oss-cn-hangzhou.aliyuncs.com/20170331090953_zUcaS.thumb.1000_0.jpeg
effect: true
# 側邊欄設置
aside:
enable: true
hide: false
button: true
mobile: true
position: right
display:
archive: true
tag: true
category: true
card_author:
enable: true
description: 热爱编程,热爱生活
button:
enable: true
icon: fab fa-github
text: 关注我
link: https://github.com/wenyongda
card_announcement:
enable: true
content: 欢迎来到我的博客,记录学习与生活~
card_recent_post:
enable: true
limit: 5
sort: date
sort_order:
card_categories:
enable: true
limit: 8
expand: none
sort_order:
card_tags:
enable: true
limit: 40
color: true
sort_order:
card_archives:
enable: true
type: monthly
format: MMMM YYYY
order: -1
limit: 8
sort_order:
card_webinfo:
enable: true
post_count: true
last_push_date: true
sort_order:
# 目錄設置
toc:
enable: true
number: true
style_simple: false
scroll_percent: true
# ==================== 其他美化 ====================
# 圖片燈箱
lightbox: fancybox
# 圖片懒加載
lazyload:
enable: true
field: site
placeholder:
blur: false
# 圖片放大
fancybox: true
# 代碼塊美化
code_blocks:
# Code block theme: darker / pale night / light / ocean / false
theme: pale night
macStyle: true
# Code block height limit (unit: px)
height_limit: 200
word_wrap: true
# 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: trie
# Snackbar 彈窗
# https://github.com/polonel/SnackBar
# position 彈窗位置
# 可選 top-left / top-center / top-right / bottom-left / bottom-center / bottom-right
snackbar:
enable: true
position: bottom-left
bg_light: '#49b1f5' #light mode時彈窗背景
bg_dark: '#2d3035' #dark mode時彈窗背景
# Inject the css and script (aplayer/meting)
aplayerInject:
enable: true
per_page: true
inject:
head:
- <link rel="stylesheet" href="/css/mouse.css">
bottom:
# 7427714271
- <div class="aplayer no-destroy" data-id="7755841452" data-server="netease" data-type="playlist" data-fixed="true" data-mini="true" data-listFolded="false" data-order="random" data-lrctype="1" data-preload="none" data-autoplay="true" muted></div>
- <script async src="https://npm.elemecdn.com/tzy-blog/lib/js/other/sakura.js"></script>
- <script src="/js/sakura-toggle.js"></script>
pjax:
enable: true
exclude:
social:
fab fa-github: https://github.com/wenyongda || GitHub || '#24292e'
fab fa-git-alt: https://gitee.com/wenyongda || Gitee || '#C71D23'
wordcount:
enable: true
# https://instant.page/
# prefetch (預加載)
instantpage: true
# Stretches the lines so that each line has equal width文字向兩側對齊對最後一行無效
text_align_justify: true