PicGo+GitHub 图床搭建
来源: Luckey
文章作者: Luckey
文章链接: http://luckyzmj.cn/posts/7a46f93c.html
本文章著作权归作者所有，任何形式的转载都请注明出处。
前言
用GitHub搭建图床，在很久之前我就有了解，但由于市面上有挺多免费的图床，比如我之前一直在用的 路过图床，所以一直懒得动手搭建GitHub图床。一直到前两天我在完善博客的相册时，发现 路过图床 免费版的有这么多限制，比如：每小时限制上传50张图片，每天限制上传100张图片，而且免费版用户的存储容量貌似不过300M，这才意识到有一个自己的GitHub图床是多么重要。
PicGO 介绍
PicGo是一款图片上传工具，目前支持 SM.MS图床、腾讯云COS、GitHub图床、七牛图床、Imgur图床、阿里云OSS、又拍云图床，未来将支持更多图床。
在支持的这些图床中，SM.MS和Imgur有免费版和收费版，免费版的肯定有很多的使用限制，比如每小时限制上传次数，限制用户的上传容量等等；腾讯云COS、阿里云、有拍云都是要收费使用的；七牛云貌似前期使用免费，后期又要收费才能使用，就剩下的GitHu ...
Hexo 上的豆瓣、哔哩哔哩和 Steam 插件
增加豆瓣书/影单
1. 安装模块依赖
在cmd中输入命令：
1npm install hexo-douban --save
2. 添加配置
在Hexo配置文件添加配置：
1234567891011#豆瓣插件douban: user: 218060495 #这个需要修改为你个人的id builtin: false book: title: '文化沙漠の绿洲' quote: '多读书，多看报，少吃零食，多睡觉' movie: title: '我的影单' quote: '那些年我们一起看过的电影' timeout: 10000
其中可以添加别的类别~参数说明：
user: 你的豆瓣ID.打开豆瓣，登入账户，然后在右上角点击 “个人主页” ，这时候地址栏的URL大概是这样：”https://www.douban.com/people/xxxxxx/“ ，其中的”xxxxxx”就是你的个人ID了。
builtin: 是否将生成页面的功能嵌入h ...
Git 使用方法
转载自: 文章链接
文章作者: baoyuzhang
此处列出了一些我收藏的公认的比较好的Git教程，可以作为深入学习资料
Git使用教程 本文主要参考
Git教程 - 廖雪峰的官方网站 大牛博客，还包含JS，Python等教程，都很棒
git 使用简易指南
图解Git 图文并茂，对git工作原理的理解帮助很大
Git - Book
GitHub Guides GitHub官方指南，很多都有中文翻译，可以自己搜一下
理解 GitHub Flow · GitHub 指南 理解Github工作原理，GitHub官方指南中文翻译的一部分
Git简介
Git是什么？
Git是目前世界上最先进的分布式版本控制系统。
SVN（集中式）与Git（分布式）的最主要的区别？
SVN是集中式版本控制系统，版本库集中放在中央服务器。干活的时候用自己的电脑，首先要从中央服务器哪里得到最新的版本，然后干活，干完后把自己做完的活推送到中央服务器。集中式版本控制系统必须联网才能工作，如果在局域网还可以，带宽够大，速度够快，如果在互联网下，如果网速慢的话，就难办了。
Git是分布式版本控制系统，没有中央服务器 ...
Hexo 标签语法
标签插件（Tag）
标签插件帮助开发者在文章中快速插入内容。
概要
12hexo.extend.tag.register(name, function(args, content){}, options);
标签函数会传入两个参数：args 和 content，前者代表开发者在使用标签插件时传入的参数，而后者则是标签插件所覆盖的内容。
从 Hexo 3 开始，因为新增了非同步渲染功能，而改用 Nunjucks 作为渲染引擎，其行为可能会与过去使用的 Swig 有些许差异。
移除标签插件
Use unregister() to replace existing tag plugins with custom functions.
1hexo.extend.tag.unregister(name);
示例
123456789const tagFn = (args, content) => { content = 'something'; return content;};// https://hexo.io/docs/t ...
Markdown-Emoji-速查
📑 Markdown 基础语法-一 - 📑 Markdown 基础语法-二 - ✨ Markdown Emoji 速查
People
:bowtie:
😄:smile:
😆:laughing:
😊:blush:
😃:smiley:
☺:relaxed:
😏:smirk:
😍:heart_eyes:
😘:kissing_heart:
😚:kissing_closed_eyes:
😳:flushed:
😌:relieved:
😆:satisfied:
😁:grin:
😉:wink:
😜:stuck_out_tongue_winking_eye:
😝:stuck_out_tongue_closed_eyes:
😀:grinning:
😗:kissing:
😙:kissing_smiling_eyes:
😛:stuck_out_tongue:
😴:sleeping:
😟:worried:
😦:frowning:
😧:anguished:
😮:open_mouth:
😬:grimacing:
� ...
Markdown 基础语法-二
📑 Markdown 基础语法-一 - 📑 Markdown 基础语法-二 - ✨ Markdown Emoji 速查
一、代码
语法：
单行代码：
代码之间分别用一个反引号包起来示例：
1`代码内容`
效果
这是单行代码
若想在代码中添加撇号，可以使用多个撇号包裹里面需要添加的撇号，但注意里面的连续的撇号数量不能超过外面的数量。
// 显示一个撇号示例：
1`` ` ``
效果：
`
注意「行内代码」开头或结尾包含关键字「反引号 `」时，开头和结尾必须包含空格。
多行代码/代码块：
缩进 4 个空格，需要注意的是，每行代码都需要至少缩进 4 个空格，不能像段落一样采用首行标记的偷懒写法，一个代码区会一直持续到没有缩进 4 个空格的那一行。Markdown中可以用两个反引号来标记代码。也可以用```` `来包裹代码段，且两边的撇号单独占一行。
示例/效果：
12345代码块内容
注：多行代码也可回车+tap
如果这样写： ```java+代码+```，则代表java代码，实例效果如下：
12345class HelloWorld{ public static vo ...
自定義側邊欄
適用於 >= 3.8.0
側邊欄現在支持自定義了，可以添加自己喜歡的 widget。
可添加自己的 widget，也可以對現有的 widget 進行排序（博客資料和 公告這兩個固定，其它的能排序）
widget 排序
只需要配置 sort_order就行。（使用了 Flex 佈局的 order 屬性，具體可查看 mozilla 文檔。簡單來講，就是配置數字來實現排序，如果不配置，則默認為 0。數字越小，排序越靠前。
12345678910111213141516aside: ... card_recent_post: sort_order: # Don't modify the setting unless you know how it works card_categories: sort_order: # Don't modify the setting unless you know how it works card_tags: sort_order: # Don't modify the setting unle ...
Butterfly添加全局吸底Aplayer教程
以下文章只是教程如果遇到使用問題，请仔细查看插件文档，或者到插件那裏反饋
前言
如果你想使用aplayer，很多人都會推薦安裝hexo-tag-aplayer這款插件。這款插件通過Hexo獨有的標籤外掛，我們可以很方便的寫入一些參數，插件就會幫我們生成對應的html。如果你只是使用一些簡單的功能，其實無需使用到這個插件，只需以html格式書寫就行，不用插件去轉換。
例如：
如果使用插件，在markdown中要這樣寫
1{% meting "000PeZCQ1i4XVs" "tencent" "artist" "theme:#3F51B5" "mutex:true" "preload:auto" %}
其會被插件渲染為
1<div id="aplayer-uxAIfEUs" class="aplayer aplayer-tag-marker meting-tag-marker" data-id=&quo ...
自定義代碼配色
在Butterfly-安裝文檔-三-主題配置中已經介紹瞭如何使用自定義代碼配色。
這篇文章是使用自定義代碼配色的實例教程。
Highlight
以使用Kimbie dark主題配色為例子
配置hljs為true
修改Hexo根目錄下的_config.yml
123456highlight: enable: true line_number: true auto_detect: false tab_replace: hljs: true
配置highlight_theme為false
修改主題配置文件
1highlight_theme: false
下載和修改CSS文件
在Github上找到這個CSS
在Hexo的根目錄source文件夾下創立一個self文件夾，在self文件夾創建一個Kimbiedark.css文件
把Github上Kimbie dark的CSS代碼複製到Kimbiedark.css去。（你也可以直接從Github上下載這個CSS）
Kimbiedark.css代碼如下
1234567891011121314151617181920212223242526272829 ...
Butterfly 安裝文檔(七) 更新日誌
📖 本教程更新於 2021 年 09 月 18 日，教程的內容針對最新穩定版而更新（如果你是舊版，教程會有些出入，請留意）
🦋 Butterfly 已經更新到 3.8.4
📚 文檔目錄
🚀 快速開始 - 📑 主題頁面 - 🛠 主題配置-1 - ⚔️ 主題配置-2 - ❓ 主題問答 - ⚡️ 進階教程 - ✨ 更新日誌 - Post not found: Butterfly-打賞 🤞 打賞
你可以通過右下角的 簡 按鈕切換為簡體顯示
3.8.4 (2021/09/18)3.8.4 (2021/09/18)
Fix
修復開啟 photofigcaption 後，導致 inlineImg 標籤外掛顯示錯亂的 bug close #667
修復使用本地搜索時，搜索插件配置為不搜索文章內容會無法使用搜索的 bug close #666
修復可能導致相關文章鏈接出錯的 bug close #549
Improvement
調整代碼框滾動條顏色 close #651
當圖片沒有 figcaption 時，不會添加 figcaption 代碼
3.8.3 (202 ...
