创建Hexo博客之Hexo主题配置1

1
2

# Site
language: zh-CN

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12

# Site
title: '小陈的博客'
subtitle: '一个想摆烂的代码人'
description: '欢迎来到摆烂的代码世界'
keywords: Blog
author: Chen
language: zh-CN
timezone: ''

# URL
## Set your site url here. For example, if you use GitHub Page, set url as 'https://username.github.io/project'
url: http://qichenni.github.io

1
2
3
4

nav:
  logo: #image
  display_title: true
  fixed: false # fixed navigation bar(固定导航条)

1
2
3
4
5
6
7
8
9

Home: / || fas fa-home
Archives: /archives/ || fas fa-archive
Tags: /tags/ || fas fa-tags
Categories: /categories/ || fas fa-folder-open
List||fas fa-list:
  Music: /music/ || fas fa-music
  Movie: /movies/ || fas fa-video
Link: /link/ || fas fa-link
About: /about/ || fas fa-heart

1
2
3
4
5
6
7
8
9

# 进入_config.butterfly.yml
menu:
  主页: / || fas fa-home
  时间轴: /archives/ || fas fa-archive
  标签: /tags/ || fas fa-tags
  分类: /categories/ || fas fa-folder-open
  链接||fas fa-list:
    友情链接: /link/ || fas fa-link
    关于我: /about/ || fas fa-heart

1
2

# 进入_config.butterfly.yml
highlight_theme: mac

1
2

# 进入_config.butterfly.yml
code_word_wrap: true

1
2
3
4
5

highlight:
  enable: true
  line_number: false # <- 改这里
  auto_detect: false
  tab_replace:

1
2
3
4
5

prismjs:
  enable: false
  preprocess: true
  line_number: false # <- 改这里
  tab_replace: ''

1
2

# 进入_config.butterfly.yml
highlight_height_limit: false # unit: px

1
2
3
4

social:
  fab fa-github: https://github.com/qichenxiaoni || Github || '#24292e'
  fas fa-envelope: mailto:xxxxxx@gmail.com || Email || '#4a7dbe'
  fa-solid fa-blog: https://qichenxiaoni.work || Blog || 'pink'

1
2
3

avatar:
  img: /img/avatar.png  # 支持本地图像，也支持网络链接
  effect: true # 头像会一直转圈，默认是false

1
2
3
4

# 主页横幅
index_img: "./img/image1.png"
# 如果页面没有设置图片，则显示这个
default_top_img: "./img/image1.png" #(这个不知道为什么好像没生效)

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14

# 进入主题配置文件
cover:
  # display the cover or not (是否顯示文章封面)
  index_enable: true   #主页是否显示文章封面图
  aside_enable: true   #侧栏是否显示文章封面图
  archives_enable: true   #归档页面是否显示文章封面图
  # the position of cover in home page (封面顯示的位置)
  # left/right/both 全左/全右/左右轮换
  position: both
  # When cover is not set, the default cover is displayed (當沒有設置cover時，默認的封面顯示)
  default_cover:
    - https://file.crazywong.com/gh/jerryc127/CDN@latest/cover/default_bg.png
    - https://file.crazywong.com/gh/jerryc127/CDN@latest/cover/default_bg2.png
    - https://file.crazywong.com/gh/jerryc127/CDN@latest/cover/default_bg3.png

1
2
3
4
5
6
7
8
9

# 修改配置文件
# Display the article introduction on homepage
# 1: description  # 只显示description；
# 2: both (if the description exists, it will show description, or show the auto_excerpt)  #  优先选择description，如果没有配置description，则显示自动节选的内容
# 3: auto_excerpt (default)   # 只显示自动节选
# false: do not show the article introduction  # 不显示文章内容
index_post_content:
  method: 2
  length: 500 # if you set method to 2 or 3, the length need to config （如果你选择了2/3，那么长度`length`就需要配置）

1
2
3
4
5
6
7
8

# 进入主题配置文件
# copy settings
# copyright: Add the copyright information after copied content (複製的內容後面加上版權信息)
copy:
  enable: true
  copyright: 
    enable: true
    limit_count: 50

1
2
3
4
5
6

post_copyright:
  enable: true
  decode: false
  author_href:
  license: CC BY-NC-SA 4.0
  license_url: https://creativecommons.org/licenses/by-nc-sa/4.0/

1
2
3
4
5
6
7

# 转载
copyright: false
# 单独设置版权
copyright_author: xxxx
copyright_author_href: https://xxxxxx.com
copyright_url: https://xxxxxx.com
copyright_info: 此文章版权归xxxxx所有，如有转载，请注明来自原作者

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14

# toc (目錄)
toc:
# 文章页是否显示TOC
  post: true
  # 普通页面是否显示toc
  page: false
  # 是否显示章节数
  number: true
  # 是否展开toc
  expand: true
  # 简介模式 （侧边栏只显示TOC，只对文章页有效）
  style_simple: false # for post
  # 实现显示滚动进度百分比
  scroll_percent: true

1
2
3
4
5

# Related Articles
related_post:
  enable: true
  limit: 6 # 显示推荐文章数目
  date_type: created # or created or updated 文章日期顯示創建日或者更新日

1
2
3
4
5
6
7
8

# Displays outdated notice for a post (文章過期提醒)
noticeOutdate:
  enable: true
  style: flat # style: simple/flat
  limit_day: 183 # When will it be shown
  position: top # position: top/bottom
  message_prev: It has been
  message_next: days since the last update, the content of the article may be outdated.

1
2
3
4

footer:
  owner:
    enable: true
    since: 2023

1
2
3
4
5
6
7
8

# Footer Settings
# --------------------------------------
footer:
  owner:
    enable: true
    since: 2023
  custom_text: 欢迎来到小陈的博客空间
  copyright: true # Copyright of theme and framework

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52

aside:
# 是否开启侧边栏
  enable: true
  hide: false
  # 是否显示按钮
  button: true
  mobile: true # display on mobile
  position: right # left or right
  display:
    archive: true
    tag: true
    category: true
  card_author:
    enable: true
    description: 
    button:
      enable: true
      icon: fab fa-github
      text: Follow Me
      link: https://github.com/xxxxxx
  card_announcement:
    enable: true
    content: This is my Blog
  card_recent_post:
    enable: true
    limit: 5 # if set 0 will show all
    sort: date # date or updated
    sort_order: # Don't modify the setting unless you know how it works
  card_categories:
    enable: true
    limit: 8 # if set 0 will show all
    expand: none # none/true/false
    sort_order: # Don't modify the setting unless you know how it works
  card_tags:
    enable: true
    limit: 40 # if set 0 will show all
    color: true  # 是否标签有颜色
    orderby: random # Order of tags, random/name/length
    order: 1 # Sort of order. 1, asc for ascending; -1, desc for descending
    sort_order: # Don't modify the setting unless you know how it works
  card_archives:
    enable: true
    type: monthly # yearly or monthly
    format: MMMM YYYY # eg: YYYY年MM月
    order: -1 # Sort of order. 1, asc for ascending; -1, desc for descending
    limit: 8 # if set 0 will show all
    sort_order: # Don't modify the setting unless you know how it works
  card_webinfo:
    enable: true
    post_count: true
    last_push_date: true
    sort_order: # Don't modify the setting unless you know how it works

1
2
3
4

busuanzi:
  site_uv: true
  site_pv: true
  page_pv: true

1
2
3

CDN:
  option:
    busuanzi: xxxxxxxxx

1
2
3
4
5
6

runtimeshow:
  enable: true
  publish_date: 2023/4/15 00:00:00
  ##网页开通时间
  #格式: 月/日/年 时间
  #也可以写成 年/月/日 时间

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13

# 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: '簡'

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13

# dark mode
darkmode:
  enable: true
  # Toggle Button to switch dark/light mode
  button: true
  # Switch dark/light mode automatically (自動切換 dark mode和 light mode)
  # 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: false
  # Set the light mode time. The value is between 0 and 24. If not set, the default value is 6 and 18
  start: # 8
  end: # 22

1
2

# show scroll percent in scroll-to-top button
rightside_scroll_percent: true

1
2
3
4
5
6
7

# Don't modify the following settings unless you know how they work (非必要请不要修改 )
# Choose: readmode,translate,darkmode,hideAside,toc,chat,comment
# Don't repeat 不要重复
rightside_item_order:
  enable: false
  hide: # readmode,translate,darkmode,hideAside
  show: # toc,chat,comment