Hexo-Butterfly主题修改记录

---
title:
date:
updated:
tags:
categories:
keywords:
description:
top_img:
comments：
cover:  
toc:  
toc_number:
auto_open:
copyright:
mathjax:
katex:
aplayer：
highlight_shrink：
---

index_post_content:
  method: 3
  length: 500 # if you set method to 2 or 3, the length need to config

title: Hexo-Butterfly主题修改记录（持续更新）
date: 2020-7-20 17:25:00
categories: 
  - 记录分享
  - 网站搭建
description: 这里填写展示在首页的预览文字内容
tags: 
  - Hexo

hexo new page "pagename"

code_word_wrap: true

highlight:
  enable: true
  line_number: false
  auto_detect: false
  tab_replace:

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: false
  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

{%note [class] [no-icon] %}
Any content (support inline tags too.io).
{%endnote %}

[class]   : default | primary | success | info | warning | danger.
[no-icon] : Disable icon in note.

All parameters are optional.

{%note default %}
default 提示
{%endnote %}

{%note primary no-icon %}
primary 提示
{%endnote %}

{%note success %}
success 提示
{%endnote %}

{%note info %}
info 提示
{%endnote %}

{%note warning %}
warning 提示
{%endnote %}

{%note danger %}
danger 提示
{%endnote %}

<div class="gallery-group-main">
{%galleryGroup 'Pixiv' '收藏的一些插画' '/photo/pixiv' https://s.ahzoo.cn/img/pixiv/07.jpg %}
{%galleryGroup 'CG' '永远的7日之都' '/photo/forever7' https://s.ahzoo.cn/img/forever7/05.jpg %}
</div>

{%gallery %}
![图片](https://s.ahzoo.cn/img/pixiv/01.jpg)
![图片](https://s.ahzoo.cn/img/pixiv/02.jpg)
![图片](https://s.ahzoo.cn/img/pixiv/03.jpg)
![图片](https://s.ahzoo.cn/img/pixiv/04.jpg)
![图片](https://s.ahzoo.cn/img/pixiv/05.jpg)
![图片](https://s.ahzoo.cn/img/pixiv/06.jpg)
![图片](https://s.ahzoo.cn/img/pixiv/07.jpg)
{%endgallery %}

{%tabs Unique name, [index] %}
<!-- tab [Tab caption] [@icon] -->
Any content (support inline tags too).
<!-- endtab -->
{%endtabs %}

Unique name   : Unique name of tabs block tag without comma.
                Will be used in #id's as prefix for each tab with their index numbers.
                If there are whitespaces in name, for generate #id all whitespaces will replaced by dashes.
                Only for current url of post/page must be unique!
[index]       : Index number of active tab.
                If not specified, first tab (1) will be selected.
                If index is -1, no tab will be selected. It's will be something like spoiler.
                Optional parameter.
[Tab caption] : Caption of current tab.
                If not caption specified, unique name with tab index suffix will be used as caption of tab.
                If not caption specified, but specified icon, caption will empty.
                Optional parameter.
[@icon]       : FontAwesome icon name (full-name, look like 'fas fa-font')
                Can be specified with or without space; e.g. 'Tab caption @icon' similar to 'Tab caption@icon'.
                Optional parameter.

{%tabs test1 %}
<!-- tab -->
**This is Tab 1.**
<!-- endtab -->

<!-- tab -->
**This is Tab 2.**
<!-- endtab -->

<!-- tab -->
**This is Tab 3.**
<!-- endtab -->
{%endtabs %}

{%tabs test2, 3 %}
<!-- tab -->
**This is Tab 1.**
<!-- endtab -->

<!-- tab -->
**This is Tab 2.**
<!-- endtab -->

<!-- tab -->
**This is Tab 3.**
<!-- endtab -->
{%endtabs %}

{%tabs test3, -1 %}
<!-- tab -->
**This is Tab 1.**
<!-- endtab -->

<!-- tab -->
**This is Tab 2.**
<!-- endtab -->

<!-- tab -->
**This is Tab 3.**
<!-- endtab -->
{%endtabs %}

{%tabs test4 %}
<!-- tab 第一個Tab -->
**tab名字為第一個Tab**
<!-- endtab -->

<!-- tab @fab fa-apple-pay -->
**只有圖標 沒有Tab名字**
<!-- endtab -->

<!-- tab 炸彈@fas fa-bomb -->
**名字+icon**
<!-- endtab -->
{%endtabs %}

{%hideInline content,display,bg,color %}

😓人和人是不能一概而论的 {%hideInline 直接写下了这个示例,我曾经在极度愤怒的情况下,#FF7242,#fff %}

click here{%hideInline true %}

{%hideBlock display,bg,color %}
content
{%endhideBlock %}

{%hideBlock 查看答案 %}
XXX
{%endhideBlock %}

{%hideToggle display,bg,color %}
content
{%endhideToggle %}

{%hideToggle 显示的标题 %}
隐藏的内容
{%endhideToggle %}

{%btn [url],[text],[icon],[color] [style] [layout] [position] [size] %}

[url]         : 链接
[text]        : 按钮文字
[icon]        : [可选] 图标
[color]       : [可选] 按钮背景顔色(默认style时）
                      按钮字体和边框顔色(outline时)
                      default/blue/pink/red/purple/orange/green
[style]       : [可选] 按钮样式 默认实心
                      outline/留空
[layout]      : [可选] 按钮佈局 默认为line
                      block/留空
[position]    : [可选] 按钮位置 前提是设置了layout为block 默认为左边
                      center/right/留空
[size]        : [可选] 按钮大小
                      larger/留空

This is my website, click the button {%btn 'http://ahzoo.cn',十玖八柒 %}
This is my website, click the button {%btn 'http://ahzoo.cn',十玖八柒,far fa-hand-point-right %}
This is my website, click the button {%btn 'http://ahzoo.cn',十玖八柒,,outline %}
This is my website, click the button {%btn 'http://ahzoo.cn',十玖八柒 ,far fa-hand-point-right,outline %}
This is my website, click the button {%btn 'http://ahzoo.cn',十玖八柒 ,far fa-hand-point-right,larger %}

{%btn 'http://ahzoo.cn',十玖八柒,far fa-hand-point-right,block %}
{%btn 'http://ahzoo.cn',十玖八柒,far fa-hand-point-right,block center larger %}
{%btn 'http://ahzoo.cn',十玖八柒,far fa-hand-point-right,block right outline larger %}

{%btn 'http://ahzoo.cn',十玖八柒,far fa-hand-point-right,larger %}
{%btn 'http://ahzoo.cn',十玖八柒,far fa-hand-point-right,blue larger %}
{%btn 'http://ahzoo.cn',十玖八柒,far fa-hand-point-right,pink larger %}
{%btn 'http://ahzoo.cn',十玖八柒,far fa-hand-point-right,red larger %}
{%btn 'http://ahzoo.cn',十玖八柒,far fa-hand-point-right,purple larger %}
{%btn 'http://ahzoo.cn',十玖八柒,far fa-hand-point-right,orange larger %}
{%btn 'http://ahzoo.cn',十玖八柒,far fa-hand-point-right,green larger %}

<div class="btn-center">
{%btn 'http://ahzoo.cn',十玖八柒,far fa-hand-point-right,outline larger %}
{%btn 'http://ahzoo.cn',十玖八柒,far fa-hand-point-right,outline blue larger %}
{%btn 'http://ahzoo.cn',十玖八柒,far fa-hand-point-right,outline pink larger %}
{%btn 'http://ahzoo.cn',十玖八柒,far fa-hand-point-right,outline red larger %}
{%btn 'http://ahzoo.cn',十玖八柒,far fa-hand-point-right,outline purple larger %}
{%btn 'http://ahzoo.cn',十玖八柒,far fa-hand-point-right,outline orange larger %}
{%btn 'http://ahzoo.cn',十玖八柒,far fa-hand-point-right,outline green larger %}
</div>

<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/ooahz/hexo@latest/css/btns.css">

{%btns 样式参数 %}
{%cell 标题, 链接, 图片或者图标 %}
{%cell 标题, 链接, 图片或者图标 %}
{%endbtns %}

{%btns circle grid5 %}
{%cell 十玖八柒, https://ahzoo.cn/, https://ahzoo.cn/img/head.jpg %}
{%cell 十玖八柒, https://ahzoo.cn/, https://ahzoo.cn/img/head.jpg %}
{%cell 十玖八柒, https://ahzoo.cn/, https://ahzoo.cn/img/head.jpg %}
{%cell 十玖八柒, https://ahzoo.cn/, https://ahzoo.cn/img/head.jpg %}
{%cell 十玖八柒, https://ahzoo.cn/, https://ahzoo.cn/img/head.jpg %}
{%endbtns %}


{%btns rounded grid5 %}
{%cell 下载源码, /, fa fa-download %}
{%cell 查看文档, /, fa fa-download %}
{%endbtns %}

rounded, circle

<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/ooahz/hexo@latest/css/btns.css">

{%folding 参数（可选）, 标题 %}

折叠内容

{%endfolding %}

blue, cyan, green, yellow, red

{%folding red open, 折叠测试 %}

这里是测试内容

{%endfolding %}



{%folding blue, 图片测试 %}

![图片](https://ahzoo.cn/img/head.jpg)

{%endfolding %}

<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/ooahz/hexo@latest/css/timeline.css">

{%timeline 时间线 %}

{%timenode 2020-08-09 [测试](https://ahzoo.cn/) %}

今天是2020-08-09

{%endtimenode %}

{%timenode 2020-08-08 [测试](https://ahzoo.cn/) %}

今天是2020-08-08

{%endtimenode %}

{%endtimeline %}

{% label text color %}

臣亮言：{% label 先帝 %}创业未半，而{% label 中道崩殂 blue %}。今天下三分，{% label 益州疲敝 pink %}，此诚{% label 危急存亡之秋 red %}也！然侍衞之臣，不懈于内；{% label 忠志之士 purple %}，忘身于外者，盖追先帝之殊遇，欲报之于陛下也。诚宜开张圣听，以光先帝遗德，恢弘志士之气；不宜妄自菲薄，引喻失义，以塞忠谏之路也。
宫中、府中，俱为一体；陟罚臧否，不宜异同。若有{% label 作奸 orange %}、{% label 犯科 green %}，及为忠善者，宜付有司，论其刑赏，以昭陛下平明之治；不宜偏私，使内外异法也。

menu:
  主页: / || fas fa-home faa-wrench animated 

// 隐藏首页banner图
var full_page = document.getElementsByClassName("full_page");
if (full_page.length != 0) {
  full_page[0].style.background = "transparent";
}

//隐藏index顶部图
var notiz = document.getElementsByClassName("not-index-bg");
if (notiz.length != 0) {
  notiz[0].style.background = "transparent";
}

# Disable all banner image
disable_top_img: true

/*移动端优化：去除归档、标签、最新文章、公告、、只保留网站统计*/

@media screen and (max-width: 768px) {
    #aside_content div:not(:last-child) {
        display: none;
    }
}

<script src="https://cdn.jsdelivr.net/gh/ooahz/hexo@latest/js/ripples.js"></script>   
<script src="https://cdn.jsdelivr.net/gh/ooahz/hexo@latest/js/ripples1.js"></script>   
<script src="https://cdn.jsdelivr.net/gh/ooahz/hexo@latest/js/ripples2.js"></script>   

<script src="https://cdn.jsdelivr.net/gh/ooahz/hexo@latest/js/bubble.js"></script>   

npm i hexo-butterfly-article-double-row --save

# 或者

cnpm i hexo-butterfly-article-double-row --save

butterfly_article_double_row:
  enable: true

---
title: 分类
date: 2020-05-20 09:34:30
---

#aside-content #card-toc .toc-content .toc-link.active {
    border-left-color: var(--ahzoo-deep-blue);
    background: var(--btn-bg);
    border-radius: 7px;
    box-shadow: 0 8px 12px -3px rgba(73,177,245,0.2);
}

::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}

::-webkit-scrollbar-track {
    background-color: rgba(73, 177, 245, 0.2);
    border-radius: 2em;
}

::-webkit-scrollbar-thumb {
    background-color: #49b1f5;
    background-image: -webkit-linear-gradient( 45deg, rgba(255, 255, 255, 0.4) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.4) 75%, transparent 75%, transparent);
    border-radius: 2em;
}

::-webkit-scrollbar-corner {
    background-color: transparent;
}

::-moz-selection {
    color: #fff;
    background-color: #49b1f5;
}

<!--侧边栏按钮-->
#aside-content .card-info #card-info-btn {
    border-radius: 15px;
}
.button--animated::before {
    border-radius: 15px;
}
<!--右下角按钮侧边栏-->
button{
    border-radius: 7px;
}
a#to_comment{
    border-radius: 7px;
}

#aside-content .card-tag-cloud a:hover {
    color: #eee!important;
    margin: 0 auto;
    border-radius: 7px;
    background: var(--btn-bg);
}

menu:
  主页: / || iconfont icon-jiaoliu # 这个就是刚才复制的图标名，前面需要加上iconfont
  文章: /categories/ || iconfont icon-003-sakura
  友链: /friends/ || fas fa-link

$ npm install --save hexo-blog-encrypt

---
title: xxxx
date: 2021-12-02 00:00:00
password: 123456
---

---
title: xxxx
date: 2021-12-02 00:00:00
password: 123456
abstract: 这里有东西被加密了，需要输入密码查看哦。
message: 请在这里输入密码。
wrong_pass_message: 密码输入错误，请重试
wrong_hash_message: 抱歉，这个文章不能被校验，不过您还是能看看解密后的内容。
---

# 文章加密
encrypt:
  abstract: 这里有东西被加密了，需要输入密码查看哦。
  message: 请在这里输入密码。
  tags:
  - {name: 标签1, password: 123456}
  - {name: 标签2, password: 654321}
# 模板样式
  template: <div id="hexo-blog-encrypt" data-wpm="{{hbeWrongPassMessage}}" data-whm="{{hbeWrongHashMessage}}"><div class="hbe-input-container"><input type="password" id="hbePass" placeholder="{{hbeMessage}}" /><label>{{hbeMessage}}</label><div class="bottom-line"></div></div><script id="hbeData" type="hbeData" data-hmacdigest="{{hbeHmacDigest}}">{{hbeEncryptedData}}</script></div>
# 提示信息（不填则默认为英文）
  wrong_pass_message: 密码输入错误，请重试
  wrong_hash_message: 抱歉, 这个文章不能被校验, 不过您还是能看看解密后的内容.