Butterfly 安裝文檔(一) 快速開始
📖 本教程更新於 2021 年 05 月 11 日，教程的內容針對最新穩定版而更新（如果你是舊版，教程會有些出入，請留意）
🦋 Butterfly 已經更新到 3.7.7
📚 文檔目錄
🚀 快速開始 - 📑 主題頁面 - 🛠 主題配置-1 - ⚔️ 主題配置-2 - ❓ 主題問答 - ⚡️ 進階教程 - ✨ 更新日誌 - 🤞 打賞
你可以通過右下角的 簡 按鈕切換為簡體顯示
hexo-theme-butterfly是基於 Molunerfinn 的 hexo-theme-melody 的基礎上進行開發的。
文檔也是在hexo-theme-melody的文檔基礎上修改。因為一些配置變更導致與原主題配置上有部分區別。故如果安裝hexo-theme-butterfly主題，請參考這篇文檔。
安裝
Git安裝 (Github)Git安裝 (Gitee)npm安裝穩定版【建議】
在你的博客根目錄裏
1git clone -b master https://github.com/jerryc127/hexo-theme-butterfly.git themes/butt ...
vue使用v-for时vscode报错
vue使用v-for时vscode报错Elements in iteration expect to have 'v-bind:key' directives
Vue2.2.0+的版本里，当在组件中使用v-for时，key是必须的
错误提示:
12[vue-language-server] Elements in iteration expect to have 'v-bind:key' directives.Renders the element or template block multiple times based on the source data
原因是eslint检测引起
解决方法：
在v-for后添加:key=‘item’
123<li v-for="i in list" :key="i"><div class="item" v-for="(user,index) in datalist" :key='index' > ...
win10输入法
输入法切换方法
WIN+空格键
ctrl+shift
大写锁定
caps lock
中英标点符号切换
ctrl+.
注：在中文状态下，按下快捷键ctrl+.输入的标点符号是英文标点符号
表情包
win+。
V模式
v模式是一个转换和计算的功能组合。由于双拼占用了v键，所以双拼下需要按shift+v进入v模式。
支持多种格式的数字(v123: 一百二十三)
日期(v2016.8.8:2016年8月8日)
时间(v12:34:十二时三十四分)
公式(v1+2: 3)
U模式
U模式主要用来输入不会读（不知道拼音）的字等。在按下u键后，输入笔画拼音首字母或者组成部分拼音，即可得到您想要的字。由于双拼占用了u键，所以双拼下需要按shift+u进入u模式。
支持笔画(h/橫，s/竖， p/撇，n/捺，z/折)
拆分(水+水+水=>淼)
笔画+拆分混合输入
符号(uudw: 单位， uuxh:序号，uuts: 特殊，uubd:标点，uusx:数学, uujh:几何，uuzm:字母)输入
Bat强制删除电脑文件
1.首先，我们复制下面的两行代码
123DEL /F /A /Q \\?\%1RD /S /Q \\?\%1
2.然后在电脑上桌面上创建一个记事本文档（文本文档），将复制好的两行代码粘贴进去，然后保存该文件
3.保存到桌面上就是如下的一个.txt文本文档，文档可以随意命名
4.将该文本文档后缀改为.bat格式
5.搞定，将你要删除的文件直接拖到该.bat程序里即可删除。
这样删除电脑文件是彻底删除，所以是不会经过回收站的。
当然，熟悉电脑操作的小伙伴，当然还有更加便捷的方式可以直接永久删除电脑文件：首先选中需要彻底删除的文件，同时按下Shift键和Delete键就搞定了。
提示：以上两种方式删除电脑文件时不会把删除的文件存放到回收站的，而是直接删除，如果误删想要找回很麻烦，所以操作前应确认是否真的需要彻底删除。
参考链接：
嘿！稀奇古怪+鲜为人知=牛批！
VScode自定义快捷输入
位置
ctrl+shift+p
搜索: snippets
输入类型: 比如 html、javascript
参数说明
prefix：使用代码段的快捷入口
body：需要设置的代码放在这里,字符串间换行的话使用\r\n换行符隔开.如果值里包含特殊字符需要进行转义,多行代码以”,”分隔(在引号后面写逗号)
$0：定义最终光标位置
$1：定义第一次光标位置，按tab键可进行快速切换, 还可以有 $2, $3, $4, $5，…
description：代码段描述,在使用智能感知时的描述
常用字符说明
\\ 反斜杠
\a 警告
\b 退格符
\f 换页符
\n 换行符
\r 回车符
\t Tab 符
\v 垂直 Tab 符
\u 使用数字指定的Unicode 字符, 如 \u2000
\x 使用十六进制数指定的Unicode 字符, 如 \xc8
\0 空值
示例
HTML
1234567891011121314151617181920212223242526272829//自定义"phone": { "prefix": &q ...
VScode快捷开发html
1.输入html:5，然后按tab键或enter键，效果如下：
123456789101112<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title></head><body> </body></html>
2.输入link:css引入css样式文件，输入script:src引入js
1234<!-- 输入link:css引入样式 -- ...
浏览器地址栏运行JavaScript代码
浏览器地址栏运行JavaScript代码
比如在地址栏输入以下代码然后回车运行，会弹出窗口。
1javascript:alert('hello from address bar :)');
浏览器地址栏运行HTML代码
比如在地址栏输入以下代码然后回车运行，会出现指定的页面内容。
1data:text/html,<h1>Hello, world!</h1>
把浏览器当编辑器
还是浏览器地址栏上做文章，将以下代码贴到地址栏运行后浏览器变成了一个原始而简单的编辑器，与Windows自带的notepad一样，吼吼。
1data:text/html, <html contenteditable>
归根结底多亏了HTML5中新加的contenteditable属性，当元素指定了该属性后，元素的内容成为可编辑状态。
推而广之，将以下代码放到console执行后，整个页面将变得可编辑，随意践踏吧~
1document.body.contentEditable='true';
隐藏鼠标
123*{ cursor: ...
还原做成了PE系统的U盘
1.使用快捷键win+r打开运行窗口
2.在运行窗口输入diskpart
3.输入list disk，次时显示磁盘0、磁盘1…（然后根据需要选择）
4.以磁盘一为例输入select disk 1选中磁盘1
5.输入clean
6.win10开始菜单右键选择磁盘管理
7.在此界面U盘右键选择新加简单卷，然后一直下一步，成功设立新加卷。
一台电脑使用多个GitHub账号部署多个Hexo博客
SSH的公钥是GitHub作为本地仓库和远程仓库连接的唯一标识，一个公钥只能对应一个GitHub账户，如果将一个相同的公钥上传到不同的GitHub账户，GitHub则无法做出辨识，进而导致错误
一台电脑，可以生成多对公私钥，可以通过配置，将不同的公钥上传到不同的GitHub账号，那么就不存在单个公钥绑定多个GitHub账号的情况存在了
查看当前密钥
首先我们打开终端输入ls ~/.ssh/可以查看当前已有的密钥，显示id_rsa 与 id_rsa_pub说明已经有一对密钥
创建新的密钥
首先使用以下命令进入 SSH根目录下：
1cd ~/.ssh/
方法一
直接使用以下命令创建新密钥，然后两次回车即可：
1ssh-keygen -t rsa -f ~/.ssh/这里是新密钥名称 -C "这里是你的邮箱"
注意区别新密钥名称和旧密钥名称，不要相同！！！
方法二
使用下面命令行创建新密钥：
1ssh-keygen -t rsa -C "这里是你的邮箱"
回车后会出现：
12Generating public/private rsa key ...
math
$$\ce{CH4 + 2 $\left( \ce{O2 + 79/21 N2} \right)$}$$
pie
title Key elements in Product X
"Calcium" : 42.96
"Potassium" : 50.05
"Magnesium" : 10.01
"Iron" : 5
graph LR
A[长方形] -- 链接 --> B((圆))
A --> C(圆角长方形)
B --> D{菱形}
C --> D
12345graph LR A[长方形] -- 链接 --> B((圆)) A --> C(圆角长方形) B --> D{菱形} C --> D