文章目錄

hexo-theme-SakuraPlus

Hexo主題Sakura由Hojun大佬修改自WordPress主題Sakura，感謝原作者Mashiro

由於sakura最近沒有再更新了，我對之前的魔改筆記進行了調整和整理，開源hexo-theme-sakuraplus版本。

特性

簡單漂亮，文章內容美觀易讀
響應式設計，博客在桌面端、平板、手機等設備上均能很好的展現
首頁輪播文章及自動切換 Banner 圖片
背景壁紙切換（增加）
時間軸式的歸檔頁
支持pjax刷新
友情鏈接頁面（增加了config可選設置提示語和本網站信息）
支持在首頁的音樂播放和視頻播放功能
支持文章置頂和文章打賞（增加了提示語）
支持 MathJax
TOC 目錄
緩加載動畫
增加了相冊頁面（一個快速查找文章的接口，後面可能會美化）
增加了豆瓣讀書、豆瓣電影頁面
增加了個性說說在線發佈頁面（增加了）
優化了文章底部作者信息不填寫時顯示爲空的問題
優化了Valine評論模塊（最新可定製表情等）
可設置複製文章內容時追加版權信息（可設置是否追加版權信息）
增加了 DaoVoice在線聊天功能
增加了可設置代碼塊相關（是否顯示名稱、是否可複製，是否可收縮，是否可折行）
增加了ICP備案信息顯示（可選）
增加了標籤雲頁面（如果需要更多功能，後面可補充）
增加了看板娘動畫
增加了可設置首頁音樂提示
增加了不蒜子統計、谷歌分析（Google Analytics）和文章字數統計等功能
優化了自我介紹頁面
增加了自定義logo的接口
增加了fancybox查看大圖功能（可選）
增加了外鏈轉知乎卡片形式
增加了谷歌分析和百度分析
增加了widgetpack星星評分
多種背景和點擊動畫（可選設置）
優化css和js在config可配置
優化文章圖片陰影顯示和引用樣式（閱讀butter）
增加播放器隱藏選項

下載

當你看到這裏的時候，應該已經有一個自己的 Hexo 博客了。如果還沒有的話，不妨使用 Hexo 和 Markdown 來寫博客和文章。

點擊這裏下載 master 分支的最新穩定版的代碼，解壓縮後，將 hexo-theme-sakuraplus 的文件夾複製到你 Hexo 的 themes 文件夾中即可。

當然你也可以在你的 themes 文件夾下使用 Git clone 命令來下載:

git clone https://gitee.com/cungudafa/hexo-theme-sakuraplus.git

配置

切換主題

修改 Hexo 根目錄下的 _config.yml 的 theme 的值：theme: hexo-theme-sakruaplus

`_config.yml` 文件的其它修改建議:

請修改 _config.yml 的 url 的值爲你的網站主 URL（如：http://xxx.github.io）。
如果你是中文用戶，則建議修改 language 的值爲 zh-CN。

建議修改permalink，可修改爲短鏈接。
安裝插件：

npm install hexo-abbrlink --save

主配置文件修改和添加：

#permalink: :year/:month/:day/:title/ #主題默認文章鏈接配置
permalink: post/:abbrlink.html #修改

## 啓用算法生成不重複文件編號，添加
abbrlink:
	  alg: crc16   #算法： crc16(default) and crc32
	  rep: hex   #進制： dec(default) and hex: dec #輸出進制：十進制和十六進制，默認爲10進制。丨dec爲十進制，hex爲十六進制

新建分類 categories 頁

categories 頁是用來展示所有分類的頁面，如果在你的博客 source 目錄下還沒有 categories/index.md 文件，那麼你就需要新建一個，命令如下：

hexo new page "categories"

編輯你剛剛新建的頁面文件 /source/categories/index.md，至少需要以下內容：

---
title: 分類
date: 2020-04-21 00:00:00
type: "categories"
photos: https://cdn.jsdelivr.net/gh/cungudafa/cdn/img/banner/donate.jpg
comments: false
layout: "categories"
---

新建標籤 tags 頁

tags 頁是用來展示所有標籤的頁面，如果在你的博客 source 目錄下還沒有 tags/index.md 文件，那麼你就需要新建一個，命令如下：

hexo new page "tags"

編輯你剛剛新建的頁面文件 /source/tags/index.md，至少需要以下內容：

---
title: tags
type: tags
date: 2020-02-13 20:24:16
photos: https://cdn.jsdelivr.net/gh/cungudafa/cdn/img/banner/donate.jpg
comments: false
layout: "tags"
---

新建關於我 about 頁

about 頁是用來展示關於我和我的博客信息的頁面，如果在你的博客 source 目錄下還沒有 about/index.md 文件，那麼你就需要新建一個，命令如下：

hexo new page "about"

編輯你剛剛新建的頁面文件 /source/about/index.md，至少需要以下內容：

Tips: 這裏用了botui，還需要單獨配置（/js/third-party/botui.js）

---
title: about
date: 2020-2-12 22:14:36
keywords: 關於
description: 
layout: "about"
comments: false
photos: https://cdn.jsdelivr.net/gh/cungudafa/cdn/img/banner/about.jpg
---
<!-- https://www.bootcdn.cn/botui/ -->
<link href="https://cdn.bootcss.com/botui/0.3.9/botui-theme-default.css" rel="stylesheet">
<link href="https://cdn.bootcss.com/botui/0.3.9/botui.min.css" rel="stylesheet">

{% raw %}
<!-- 因爲vue和botui更新導至bug,現將對話移至js下的botui中配置 -->
<div class="entry-content">
  <div class="moe-cungudafa" style="text-align:center; font-size: 50px; margin-bottom: 20px;">姑的小屋</div>
  <div id="hello-cungudafa" class="popcontainer" style="min-height: 300px; padding: 2px 6px 4px; background-color: rgb(36, 200, 255); border-radius: 10px;">
    <center>
    <p>
    </p>
    <h4>
    與&nbsp;<ruby>
    cungduafa&nbsp;<rp>
    （</rp>
    <rt>
    真（ま）白（しろ）</rt>
    <rp>
    ）</rp>
    </ruby>
    對話中...</h4>
    <p>
    </p>
    </center>
    <bot-ui></botui>
  </div>
</div>
<script src="/js/botui.js"></script>
<script>
 bot_ui_ini()
</script>
{% endraw %}

新建留言板 comment 頁（可選的）

conmment 頁是用來展示留言板信息的頁面，如果在你的博客 source 目錄下還沒有 conmment/index.md 文件，那麼你就需要新建一個，命令如下：

hexo new page "conmment"

編輯你剛剛新建的頁面文件 /source/contact/index.md，至少需要以下內容：

---
title: 留言板
type: comment
layout: "contact"
date: 2020-04-21 20:17:58
photos: https://gitee.com/cungudafa/source/raw/master/img/bg/hyo/3.jpg
---

<h2 align="center">有什麼想說的?</h2>

<h2 align="center">有什麼想問的?</h2>

注：本留言板功能依賴於第三方評論系統，請激活你的評論系統纔有效果。

新建友情鏈接 links 頁（可選的）

links 頁是用來展示友情鏈接信息的頁面，如果在你的博客 source 目錄下還沒有 links/index.md 文件，那麼你就需要新建一個，命令如下：

hexo new page "links"

編輯你剛剛新建的頁面文件 /source/links/index.md，至少需要以下內容：

---
layout: links
title: links
date: 2020-02-13 23:11:06
keywords: 友人帳
description: 
comments: true
photos: https://cdn.jsdelivr.net/gh/cungudafa/img/images/pic01.jpg
links:
  - group: 多站快速門
    desc: 
    items:
    - url: https://blog.csdn.net/cungudafa
      img: https://cdn.jsdelivr.net/gh/cungudafa/cdn/img/custom/cungudafa.jpg
      name: CSDN
      desc: 我的技術棧
  - group: 友情鏈接
    desc: 
    items:
    - url: https://blog.csdn.net/cungudafa
      img: https://cdn.jsdelivr.net/gh/cungudafa/cdn/img/custom/cungudafa.jpg
      name: CSDN
      desc: 我的技術棧
    - name: 總站導航
      url: https://cungudafa.js.org/
      img: https://cungudafa.top/img/avatar.png
      desc: cungudafa.js.org
---

Tips：注意前面的空格哦，很重要！

增加了提示接口語句，在主題配置文件，可以直接寫入你的網站信息。

# 友鏈頁信息,tips支持html語言
mylinkinfo:
  enable: true
  tips: '<p><strong>Tips:</strong>網站不要求https強制加鎖，但頭像圖片儘量用安全鏈接哦！</p> <p style="font-size: 13px;color: #ff9999;"> 1. 請先 <font color=#ff1234 size=5>添加本站鏈接</font>，在本站留言，待站長審覈通過即添加友鏈。<br>2. 拒絕廣告站，技術博客優先~<br>3. 對於取消本站鏈接或死鏈，站長會定期移除。</p>'
  name: cungudafa
  desc: 一個學習記錄者
  url: https://cungudafa.top
  img: https://cdn.jsdelivr.net/gh/cungudafa/cdn/img/custom/cungudafa.jpg

菜單導航配置

配置基本菜單導航的名稱、路徑url和圖標icon.

1.菜單導航名稱可以是中文也可以是英文(如：Index或主頁)
2.圖標icon 可以在Font Awesome v4 中查找

menus:
  首頁: { path: /, fa: fa-fort-awesome faa-shake }
  歸檔: { path: /archives, fa: fa-archive faa-shake, submenus: { 
    標籤: {path: /tags, fa: fa-tags }, 
    技術: {path: /categories/技術/, fa: fa-code }, 
    生活: {path: /categories/生活/, fa: fa-file-text-o } #, 
    #資源: {path: /categories/資源/, fa: fa-cloud-download }, 
    #隨想: {path: /categories/隨想/, fa: fa-commenting-o },
    #轉載: {path: /categories/轉載/, fa: fa-book }
  } }
  清單: { path: javascript:;, fa: fa-list-ul faa-vertical, submenus: { 
    說說: {path: /artitalk/, fa: fa-commenting-o fa-commenting }, 
    相冊: {path: /photos/, fa: fa-photo },
    悅讀: {path: /books/, fa: fa-book },
    追劇: {path: /movies/, fa: fa-film faa-vertical }
  } }
  留言板: { path: /comment/, fa: fa-pencil-square-o faa-tada }
  友人帳: { path: /links/, fa: fa-link faa-shake }
  讚賞: { path: /donate/, fa: fa-heart faa-pulse }
  關於: { path: /, fa: fa-leaf faa-wrench , submenus: { 
    我？: {path: /about/, fa: fa-meetup}, 
    主題: {path: /theme-sakura/, fa: iconfont icon-sakura },
    # Lab: {path: /lab/, fa: fa-cogs },
    # valine: {path: /valine/, fa: fa-cogs }
  } }
  項目: { path: /client/, fa: fa-android faa-vertical }
  RSS: { path: /atom.xml, fa: fa-rss faa-pulse }

#social  url, img PC端配置
social:
  gitee: {url: https://gitee.com/cungudafa, img: /img/social/gitee.png}
  github: {url: http://github.com/cungudafa, img: /img/social/github.png}
  csdn: {url: https://blog.csdn.net/cungudafa, img: /img/social/csdn.png}
  zhihu: {url: https://www.zhihu.com/people/cungudafa, img: /img/social/zhihu.png}
  #jianshu: {url: /https://www.jianshu.com/u/9b726a534140, img: /img/social/jianshu.png}
  # sina: {url: http://weibo.com/3829198906/info, img: /img/social/sina.png}
  bilibili: {url: https://space.bilibili.com/430247358, img: /img/social/bilibili.png}
  #wangyiyun: {url: https://music.163.com/#/user/home?id=337394988, img: /img/social/wangyiyun.png}
  wechat: {url: /#, qrcode: /img/custom/cungudafa.png, img: /img/social/wechat.png}

#social  url, img 移動端配置
msocial:
  github: {url: http://github.com/cungudafa, fa: fa-github, color: 333}
  weibo: {url: http://weibo.com/3829198906/info, fa: fa-weibo, color: dd4b39}
  #qq: {url: https://wpa.qq.com/msgrd?v=3&uin=2627039020&site=qq&menu=yes, fa: fa-qq, color: 25c6fe}
  csdn: {url: https://blog.csdn.net/cungudafa, fa: fa-star, color: ff9900}

Tips:注意二級菜單和圖標的寫法

代碼高亮

由於 Hexo 自帶的代碼高亮主題顯示不好看，所以主題中使用到了 hexo-prism-plugin 的 Hexo 插件來做代碼高亮，安裝命令如下：

npm i -S hexo-prism-plugin

然後，修改 Hexo 根目錄下 _config.yml 文件中 highlight.enable 的值爲 false，並新增 prism 插件相關的配置，主要配置如下：

highlight:
  enable: false

prism_plugin:
  mode: 'preprocess'    # realtime/preprocess
  theme: 'tomorrow'
  line_number: false    # default false
  custom_css:

搜索

本主題中還使用到了 hexo-generator-json-content 的 Hexo 插件來做內容搜索，安裝命令如下：

npm install hexo-generator-json-content --save

文章字數統計插件（建議安裝）

如果你想要在文章中顯示文章字數、閱讀時長信息，可以安裝 hexo-wordcount插件。

安裝命令如下：

npm i --save hexo-wordcount

添加emoji表情支持（可選的）

本主題新增了對emoji表情的支持，使用到了 hexo-filter-github-emojis 的 Hexo 插件來支持 emoji表情的生成，把對應的markdown emoji語法（::,例如：:smile:）轉變成會跳躍的emoji表情，安裝命令如下：

npm install hexo-filter-github-emojis --save

在 Hexo 根目錄下的 _config.yml 文件中，新增以下的配置項：

githubEmojis:
  enable: true
  className: github-emoji
  inject: true
  styles:
  customEmojis:

添加 RSS 訂閱支持（可選的）

本主題中還使用到了 hexo-generator-feed 的 Hexo 插件來做 RSS，安裝命令如下：

npm install hexo-generator-feed --save

在 Hexo 根目錄下的 _config.yml 文件中，新增以下的配置項：

feed:
  type: atom
  path: atom.xml
  limit: 20
  hub:
  content:
  content_limit: 140
  content_limit_delim: ' '
  order_by: -date

執行 hexo clean && hexo g 重新生成博客文件，然後在 public 文件夾中即可看到 atom.xml 文件，說明你已經安裝成功了。

添加 DaoVoice 在線聊天功能（可選的）

前往 DaoVoice 官網註冊並且獲取 app_id，並將 app_id 填入主題的 _config.yml 文件中。

在線發佈說說頁面

根據官網教程配置artitalk.js.org，本主題融合了自定義配置背景的功能，具體可以參考個性定製教程。

# 動態說說頁面
artitalk:
  appID: CiSXX5nyVSt0RIztkC1oLL9P-MdYXbMMI
  appKEY: vrfkqkuHou88MuRKfF3OeExc
  per: 7 #每頁顯示說說的數量
  username: cungudafa # Leancloud中設置的用戶名
  placeholder1: 沒有密碼，不能評論！ # 密碼框提示語
  lazy: 1 # 加載動畫1:加載,0:取消加載
  img: https://cdn.jsdelivr.net/gh/cungudafa/cdn/img/custom/cungudafa.jpg #用戶默認頭像
  bgimg: https://gitee.com/cungudafa/source/raw/master/img/gif/Sitich/Sitich16.gif # 輸入框小動畫
  # 極簡黑白主題minimalist、漸變主題gradient、壁紙wallpaper 
  # 參考 https://blog.csdn.net/cungudafa/article/details/106224223
  style: 
    enable: true #個性定製
    wallpaper: https://bing.rthe.net/wallpaper  # 壁紙
    color: white   #字體顏色
    linear_gradient: rgb(127, 149, 209,0.5), rgb(255, 130, 169,0.5), rgb(255, 192, 190,0.5), rgb(255, 192, 190,0.3)
    border_right_color: '#FFC0BE' #三角顏色
    animation: true #true打開動畫漸變渲染

根據你的愛好修改字體顏色，背景，動畫等。

修改頁腳

頁腳信息可能需要做定製化修改，而且它不便於做成配置信息，所以可能需要你自己去再修改和加工。修改的地方在主題文件的 /layout/_partial/footer.ejs 文件中，包括站點、使用的主題、訪問量等。

修改打賞的二維碼圖片

在主題config裏面可以修改路徑，你可以替換成你的的微信和支付寶的打賞二維碼圖片。

donate:
  title: 謝謝飼主了喵~
  message: 我能想到最浪漫的事，就是我喝奶茶你付錢~
  paypal: #https://www.paypal.me/hojuncn
  alipay: /img/custom/donate/AliPay.jpg #大圖
  alipayQR: /img/custom/donate/AliPayQR.jpg
  wechat: /img/custom/donate/WeChatPay.png #大圖
  wechatQR: /img/custom/donate/WeChanQR.jpg
  wechatSQ: /img/custom/donate/WeChanSQ.jpg

donates 頁是單獨的打賞頁面（可選），如果在你的博客 source 目錄下還沒有 donate/index.md 文件，那麼你就需要新建一個，命令如下：

hexo new page "donate"

編輯你剛剛新建的頁面文件 /source/donate/index.md，至少需要以下內容：

---
layout: donate
title: donate
date: 2020-02-13 23:13:05
keywords: 謝謝飼主了喵~
description: 
comments: false
photos: https://cdn.jsdelivr.net/gh/cungudafa/cdn/img/banner/donate.jpg
---

在主題文件的 themes\sakura\layout\donate.ejs 文件中，可以增加更多的打賞方式。

配置視頻、音樂播放器（可選的）

要支持音樂播放，在主題的 _config.yml 配置文件中激活music配置即可：

# 視頻地址爲https://cdn.jsdelivr.net/gh/honjun/[email protected]/Unbroken.mp4，配置如下
movies:
  enable: false
  url: https://cdn.jsdelivr.net/gh/honjun/[email protected]
  # 多個視頻用逗號隔開，隨機獲取。支持的格式目前已知MP4,Flv。其他的可以試下，不保證有用
  name: Unbroken.mp4

aplayer:  ##媒體播放引擎，移動端會禁止自動播放
  enable: false
  id: 2660651585
  server: netease
  type: playlist
  fixed: true ##開啓吸底模式，固定到底部
  autoplay: false ##音頻自動播放
  loop: all  ##音頻循環播放, 可選值: 'all', 'one', 'none'
  order: random ##音頻循環順序, 可選值: 'list', 'random'
  preload: auto ##預加載，可選值: 'none', 'metadata', 'auto'
  volume: 0.7 ##默認音量，請注意播放器會記憶用戶設置，用戶手動設置音量後默認音量即失效
  mutex: true ##互斥，阻止多個播放器同時播放

# Valine ##極簡留言功能
# You can get your appid and appkey from https://leancloud.cn
# more info please open https://valine.js.org
valine:
  enable: true ##打開valine評論功能true
  appId: cBzr9TtJ0xY0s6f3H8bpmB3M-gzGzoHsz
  appKey: 3opMyv2Vyx3mHa0IWitRGSoi
  notify: false #true自帶評論mail回覆提醒，第三方郵件提醒就設置爲false
  verify: true #驗證碼
  visitor: false #統計閱讀量
  comment_count: true #統計評論數
  avatar: monsterid # Gravatar style : mp/identicon/monsterid/wavatar/retro/hide
  guest_info: nick #,mail,link # custom comment header
  pageSize: 10
  palaceholder: 你是我一生只會遇見一次的驚喜 # Comment Box placeholder
  requiredFields: ['nick','mail'] #設置必填項
  background: https://gitee.com/cungudafa/source/raw/master/img/gif/Sitich/Sitich2.gif

說說

文章 Front-matter 介紹

Front-matter 選項詳解

Front-matter 選項中的所有內容均爲非必填的。但我仍然建議至少填寫 title 和 date 的值。

配置選項	默認值	描述
title	`Markdown` 的文件標題	文章標題，強烈建議填寫此選項
date	文件創建時的日期時間	發佈時間，強烈建議填寫此選項，且最好保證全局唯一
author	根 `_config.yml` 中的 `author`	文章作者，也可以修改
authorLink	無	鏈接
avatar	無	頭像
authorAbout	無	簡介（非文章頁設置爲一言）
photos	`featureImages` 中的某個值	文章特徵圖，推薦使用圖牀(騰訊雲、七牛雲、又拍雲等)來做圖片的路徑.如: `http://xxx.com/xxx.jpg`
top	`true`	推薦文章（文章是否置頂），如果 `top` 值爲 `true`，則會作爲首頁推薦文章
mathjax	`false`	是否開啓數學公式支持，本文章是否開啓 `mathjax`，且需要在主題的 `_config.yml` 文件中也需要開啓才行
categories	無	文章分類，本主題的分類表示宏觀上大的分類，只建議一篇文章一個分類
tags	無	文章標籤，一篇文章可以多個標籤
description	無	一句話描述摘要
keywords	文章標題	文章關鍵字，SEO 時需要
reprintPolicy	cc_by	文章轉載規則，可以是 cc_by, cc_by_nd, cc_by_sa, cc_by_nc, cc_by_nc_nd, cc_by_nc_sa, cc0, noreprint 或 pay 中的一個

注意:

如果 photos 屬性不填寫的話，首頁會顯示404圖像，文章內部不顯示圖像。

date 的值儘量保證每篇文章是唯一的。

建議文章標籤和文章分類填寫上。

您可以在文章md文件的 front-matter 中指定 reprintPolicy 來給單個文章配置轉載規則

以下爲文章的 Front-matter 示例。

最簡示例

---
title: 主題介紹
date: 2020-05-20 09:25:00
---

最全示例

---
title: 阿里雲部署hexo完整教程
author: cungudafa
authorLink: 'https://cungudafa.top'
avatar: 'https://cdn.jsdelivr.net/gh/cungudafa/cdn/img/custom/cungudafa.jpg'
authorAbout: 姑，一個學習記錄者
tags:
  - nginx
  - https
  - SSL
categories: 技術
comment: false
photos: https://test.png
description: 描述一句話摘要
abbrlink: ccbf
date: 2020-03-02 13:59:10
---

文章統計

在本主題的 _config.yml 中可以修改部分自定義信息，有以下幾個部分：

代碼塊是否可複製、圖片大圖查看功能、知乎外鏈樣式、文章字數統計等。

# Whether to activate the copyright information of the blog and author when copying the post content.
# minCharNumber: Approve copyright information by copying at least how many characters.
# 是否激活複製文章時追加博客和作者的版權信息.
copyright:
  enable: false
  minCharNumber: 120 # 至少複製多少個字符就追加版權信息.
  description: 本文章著作權歸作者所有，任何形式的轉載都請註明出處。

# 代碼塊相關
code:
  lang: true # 代碼塊是否顯示名稱
  copy: true # 代碼塊是否可複製
  shrink: true # 代碼塊是否可以收縮
  break: false # 代碼是否折行

# 查看大圖
fancybox:
  enable: true

# 外鏈轉知乎卡片形式 
linkcard:
  enable: true 

# 是否開啓字數統計 (可以在formatton設置no_word_count: true)
#不需要使用，直接設置值爲false，或註釋掉
word_count: true

# busuanzi(http://busuanzi.ibruce.info/) website statistics
# 不蒜子(http://busuanzi.ibruce.info/) 網站統計
busuanziStatistics:
  enable: true
  totalTraffic: true # 總訪問量
  totalNumberOfvisitors: true # 總人次

五星評分

需要在 widgetpack.com註冊申請，

# widgetpack 星星評分
# To get your ID visit https://widgetpack.com
widgetpack:
  enable: true #false
  id: 23889 #<app_id>
  color: fc6423

天氣

需要在官網weatherdt.com註冊配置，具體天氣教程。

# 天氣顯示 http://weatherdt.com/
weather:
  enable: false
  app_id: yqRrzxwtvs ##這裏替換成你的appid

更多：

豆瓣頁面：豆瓣讀書和電影

訪問者地圖：訪問者地圖

文章分析

包括百度分析和谷歌分析，都需要去註冊申請。（可選操作）

# Add google analytics configuration
# 添加 Google Analytics 配置
googleAnalytics:
  enable: false
  id:

# Add baidu analytics configuration
# 添加 baidu Analytics 配置 https://tongji.baidu.com/
baiduAnalytics:
  enable: true # 百度分析
  id: b05d6287bdeab72f3886bffe3cff054a

插入bilibili視頻

安裝插件

npm i hexo-tag-bili --save

markdown語法：在Hexo博客的文章或者單頁面中使用以下標籤語法插入視頻

{% bili video_id %} 或 {% bili video_id page %}

注意是：視頻id和頁數,例如https://www.bilibili.com/video/av24897960/?p=2
video_id是av24897960 、page是2

效果預覽

{% bili BV1C7411N762 %}

自定製修改

背景和一些常用的優化，在主題配置文件中都以可選配置了（防止動畫衝突，建議背景和點擊效果只打開一個），
如果更多有新的樣式，可以留言或者pr，酌情添加。

# 建議一項只開一個
js:
  hititle: false #瀏覽器搞笑標題
  KeyBlock: false #按鍵屏蔽,不能F12調試和查看源代碼
  bg:
    sakura_petals: false  #僅在首頁花瓣飄落（大內存）
    snow_petals: false # 雪花飄落（大內存）
    piao: false #飄動綵帶
    live2d_widget: false #看板娘 需jq（大內存）
    bgchange: true # 是否開啓壁紙切換
  clink:
    word: false #點擊出現字效
    love: false #點擊出現愛心
    cursor: false # 星星跟隨墜落(大內存)

給出一系列魔改的筆記：

logo

花裏胡哨教程

今日詩詞、一言接口

參與貢獻

@cungudafa

更新日誌

5.23 計劃修改文章頁面展現效果（對代碼塊和表格圖片展現更加優化）
5.22 重鑄

hexo-theme-SakuraPlus主題文檔