math教学：

不知道是什么东西呐，应该用不着。默认就好了

搜索：

啊，这个东西浪费了我好长时间，不过搞定了就好QAQ

  1. 你需要安裝 hexo-generator-searchdb 或者 hexo-generator-search，根據它的文檔去做相應配置

  2. 修改 主題配置文件

    1
    2
    3
    4
    5
    6
    7
    8
    9
    local_search:
      enable: true
      # 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:

分享：

也不需要分享了啦，没弄

评论：

这个也弄了挺长时间的，弄得免费的，有钱了再换w

1
2
3
4
5
6
7
8
9
10
11
comments:
  # Up to two comments system, the first will be shown as default
  # Choose: Disqus/Disqusjs/Livere/Gitalk/Valine/Waline/Utterances/Facebook Comments/Twikoo/Giscus/Remark42/Artalk
  use: Twikoo # Valine,Disqus
  text: true # Display the comment name next to the button
  # 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: true
  count: false # Display comment count in post's top_img
  card_post_count: false # Display comment count in Home Page

在线聊天

唔，有评论区就够了~

分析统计

意义不明

广告

？ 不打广告

网站认证

以后变厉害了就弄一弄吧

美化

来到我们的正题！美化~一个好看的网站才让人有更新的动力，和吸引别人看的兴趣吧·

主题颜色

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
theme_color:
  enable: true
  main: "#49B1F5"
  paginator: "#00c4b6"
  button_hover: "#FF7242"
  text_selection: "#00c4b6"
  link_color: "#99a9bf"
  meta_color: "#858585"
  hr_color: "#A4D8FA"
  code_foreground: "#F47466"
  code_background: "rgba(27, 31, 35, .05)"
  toc_color: "#00c4b6"
  blockquote_padding_color: "#49b1f5"
  blockquote_background_color: "#49b1f5"
  scrollbar_color: "#49b1f5"

没啥头绪，先不改w

主页top_img显示大小

1
index_top_img_height: 400px

我是一图流来着，这个就不用管了

文字左右对齐

设置文字向两侧对齐？？？没啥必要吧

1
2
# Stretches the lines so that each line has equal width（文字向兩側對齊，對最後一行無效）
text_align_justify: false

网站背景

1
background: url(https://lanyuan1436.oss-cn-guangzhou.aliyuncs.com/image/Blog/4cfb7430f6ee279d.jpg)

设置了夸宝的图片，

footer背景

关掉，嗯，找到合适的图再来设置你

1
2
# Footer Background
footer_bg: false

打字效果

搞那么卡干嘛 NG no；

1
2
3
4
5
activate_power_mode:
  enable: false
  colorful: true # open particle animation (冒光特效)
  shake: true #  open shake (抖動特效)
  mobile: false

背景特效

有三种：选canvas-nest

1
2
3
4
5
6
7
canvas_nest:
  enable: true
  color: '0,0,255' #color of lines, default: '0,0,0'; RGB values: (R,G,B).(note: use ',' to separate.)
  opacity: 0.7 # the opacity of line (0~1), default: 0.5.
  zIndex: -1 # z-index property of the background, default: -1.
  count: 99 # the number of lines, default: 99.
  mobile: false

鼠标点击效果

我还是找找别的吧！

页面美化

感觉也没用必要的样子 不开

1
2
3
4
5
6
7
# Beautify (美化頁面顯示)
beautify:
  enable: false
  field: post # site/post
  title-prefix-icon: # '\f0c1'
  title-prefix-icon-color: # '#F47466'

自定义字体

诶，都可以的啦

1
2
3
4
5
6
7
8
9
10
11
12
# 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:

网站副标题

这个也挺好看的 可以弄一下

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
# 主頁subtitle
subtitle:
  enable: false
  # Typewriter Effect (打字效果)
  effect: true
  startDelay: 300 # time before typing starts in milliseconds
  typeSpeed: 150 # type speed in milliseconds
  backSpeed: 50 # backspacing speed in milliseconds
  # loop (循環打字)
  loop: true
  # source 調用第三方服務
  # source: false 關閉調用
  # source: 1  調用一言網的一句話（簡體） https://hitokoto.cn/
  # source: 2  調用一句網（簡體） http://yijuzhan.com/
  # source: 3  調用今日詩詞（簡體） https://www.jinrishici.com/
  # subtitle 會先顯示 source , 再顯示 sub 的內容
  source: false
  # 如果關閉打字效果，subtitle 只會顯示 sub 的第一行文字
  sub:
    - 今天也在努力学习中 gogogo

页面加载动画

當進入網頁時，因為加載速度的問題，可能會導致 top_img 圖片出現斷層顯示，或者網頁加載不全而出現等待時間，開啟preloader後，會顯示加載動畫，等頁面加載完，加載動畫會消失。

主題支持 pace.js 的加載動畫，具體可查看 pace.js

配置 butterly.yml

1
2
3
4
5
6
7
8
9
# 加載動畫 Loading Animation
preloader:
  enable: false
  # source
  # 1. fullpage-loading
  # 2. pace (progress bar)
  source: 1
  # pace theme (see https://codebyzach.github.io/pace/)
  pace_css_url:

先放着

字数统计

1
2
3
4
5
6
7
# wordcount (字數統計)
# see https://butterfly.js.org/posts/ceeb73f/#字數統計
wordcount:
  enable: true
  post_wordcount: true
  min2read: true
  total_wordcount: true

图片放大查看模式

不需要

Pjax

配了吧？

1
2
3
4
5
6
7
8
9
# 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時彈窗背景

Snackbar弹窗

1
2
3
4
5
snackbar:
  enable: true
  position: top-center
  bg_light: '#49b1f5' # The background color of Toast Notification in light mode
  bg_dark: '#1f1f1f' # The background color of Toast Notification in dark mode

Instantpage

鼠标悬停会预加载；好神奇来一个

1
2
3
# https://instant.page/
# prefetch (預加載)
instantpage: true

Pabgu

no need

PWA

配过了吧