采购硬件设施

• nuc8i5beh
• 镁光m.2 1100 256固态硬盘
• 三星 DDR4 2400笔记本内存条
• HKC电脑显示器
• 8G U盘（这个之前有，不属于采购的）

所需软件

• 黑苹果镜像全系列（从Sierra到Ventura）

  天翼网盘&阿里云盘 购买快人一步获取镜像

• balenaEtcher

  balenaEtcher

• nuc8 安装软件包

• EFI文件

  Github地址 Gitee地址 购买快人一步获取EFI

安装过程

c:\>diskpart
list disk           # 磁盘列表
select disk n       # 选择EFI分区所在的磁盘，n为磁盘号
list partition      # 磁盘分区列表
select partition n  # 选择EFI分区，n为EFI分区号
set id="ebd0a0a2-b9e5-4433-87c0-68b6b72699c7"	# 设置为基本数据分区
assign letter=X     # x为EFI分区盘符
exit				# 退出diskpart

Misc - HideSelf 去掉勾选
Misc - BlessOverride 添加 \EFI\Microsoft\Boot\bootmgfw.efi 并保存
Misc - Timout 设置为 3

不足之处

1. 无线网（可使用新的Intel 无线驱动）
2. 雷电3不支持热插拔

体验效果

1. 运行流畅​
2. icloud也可以使用（心里美滋滋😃 ）

成功展示图

成功案例

安装视频

最后

文武科技社 交流群已满

文武科技社二群：添加备注：GitHub

OpenCore引导菜单添加Windows引导项

1. 使用OCC
2. 在Misc-BlessOverride添加\EFI\Microsoft\Boot\bootmgfw.efi

OC:configuration requires vault but no vault procide

1. 建议用 propertree 或其他编辑config，OpenCore的文件结构变化很快，OpenCore Configurator.app 不能完全跟上
2. Misc-其他设置Security 下 — Vault 设置成 Optional
3. 新的OC config中，Vault 属性代替 RequireSignature和RequireVault，如果你的是老版本还有RequireSignature和RequireVault，请把这两项设置为False禁用

OCS: No schema for xxxxx at xx index！

使用ProperTree.app或者Xcode.app打开config.plist配置文件，找到for xxxxx at中间的xxxxx名称。直接删除即可。

OCB：OcScanForBootEntries failure – Not Found Halting on critical error

config.plist ->Misc -> Security -> ScanPolicy -> 0

Catalina没有音频的问题

有的小伙伴升级后，音频没有了输入/输出设备，只需要更新小黑GitHub上的Catalina的EFI文件即可使用了。

安装卡在forcing cs_runtime for entitlement:com.apple.rootless.install（或者类似代码的）

1. 在 Clover 页面（选择图标logo页面）选择option
2. 在pci devices回车
3. 在inject efi strings按空格键打上勾
4. 找到retuen,一直回车键到选logo的界面

-v如果卡“IOUSBHost Interface (0x1 00000384) : matching deferred by IOUSBHos tHIDDev ice”

删除CLOVER/kexts/Other里面的USBInjectAll.kext的驱动就解决该问题了。

Clover 安装界面变为俄语

方法1. clover选择图标页面按F11

方法2. 更新Bios

OC引导跳过引导界面，直接进入系统

1. Misc–boot–ShowPicker 设置为：no
2. Timeout设置为：1

OC Windows图标开机蓝屏

Booter -> Quirks  

RebuildAppleMemoryMap = true 

SyncRuntimePermissions = true

macOS 10.15 Catalina 安装提示程序副本损坏

实用工具——终端：（每次尝试一行）

date 110112012020.45

date 122014102015.30

date 101112132019

date 052804502020.45

此教程为了是让大家学习，切勿做违法犯罪的事哦！

软件介绍

SS，全称为 Shadowsocks（下文简称为SS），是一种基于 Socks5 代理方式的网络数据加密传输包的工具，可以使用其于科学上网 也就是翻墙 ，是目前最稳定，最常用的科学上网工具之一，全平台支持

SSR，全称为 ShadowsocksR（下文简称为SSR）
来历：

ShadowsocksR是breakwa11发起的Shadowsocks分支，在Shadowsocks的基础上增加了一些数据混淆方式，称修复了部分安全问题并可以提高QoS优先级。后来贡献者Librehat也为Shadowsocks补上了一些此类特性，甚至增加了类似Tor的可插拔传输层功能。

ShadowsocksR开始时曾有过违反GPL、发放二进制时不发放源码的争议，不过后来ShadowsocksR项目由breakwa11转为了与Shadowsocks相同的GPL、Apache许可证、MIT许可证等多重自由软件许可协议。

2017年7月19日，ShadowsocksR作者breakwa11在Telegram频道ShadowsocksR news里转发了深圳市启用SS协议检测并被大量用户转发，引发恐慌。7月24日，breakwa11发布了闭源的SS被动检测程序，引发争议。 2017年7月27日，breakwa11遭到自称 “ESU.TV” 的不明身份人士人身攻击，对方宣称如果不停止开发并阻止用户讨论此事件将发布更多包含个人隐私的资料，随后breakwa11表示遭到对方人肉搜索并公开个人资料的是无关人士，为了防止对方继续伤害无关人士，breakwa11将删除GitHub上的所有代码、解散相关交流群组，停止ShadowsocksR项目。但项目已被多人fork。并有人在其基础上继续发布新的版本，例如SSRR

引用于维基百科

获取资源

点我获取👉🏻

使用工具：Clover Configurator

教程：

1. 选择Clover Configurator左侧System parameters,生成一个UUID，系统随机生成即可。

2. 复制生成的UUID粘贴到SMBIOS的SmUUID里，使用Win+s保存或者点击左下角save

3. 复制SMBIOS里的Board Serial Number，粘贴到Rt Variables的MLB里，保存之后，点击ROM的获取，确保下方三码正常匹配自己生成的，保存重启即可

电脑配置：

以上信息全部摘抄于鲁大师的电脑信息。

注意

• 有windows系统的，最好提前做好备份，因为黑苹果有时安装成功，会将Windows引导吞了
• 如果你有两个盘，最好一个盘一个系统
• 黑苹果有许多功能不能用，莫强求

所需软件

• 黑苹果专用引导镜像

• balenaEtcher：
  官网

• 安装软件包：
  蓝奏云 提取码：i21t

  百度云 提取码：r7xs

• EFI文件

  github地址

BIOS设置（开启：enable 关闭：disable）

• UEFI模式：开启
• CPU支持VT-d:关闭
• Secure Boot Mode:关闭
• 将U盘启动项放到第一位

安装过程

1. 在Windows下插入U盘，启动balenaEtcher，“select image”选择“Mojave 10.14.2”镜像,选择U盘，点击“Flash”即可

显示EFI分区

Windows系统下，用【管理员身份】打开【CMD】窗口，输入以下命令：

c:\>diskpart
list disk           # 磁盘列表
select disk n       # 选择EFI分区所在的磁盘，n为磁盘号
list partition      # 磁盘分区列表
select partition n  # 选择EFI分区，n为EFI分区号
set id="ebd0a0a2-b9e5-4433-87c0-68b6b72699c7"	# 设置为基本数据分区
assign letter=X     # x为EFI分区盘符
exit				# 退出diskpart

安装过程

1. 将U盘插入需要安装系统的电脑

2. 进入安装界面，选择【磁盘工具】,选择准备好的硬盘，点击【抹掉】

3. 输入区别其他盘且容易记住的名称，格式：【Mac OS扩展（日志式）】

4. 退出磁盘工具，点击【安装macOS】

5. 下面傻瓜式下一步，选择安装盘时，选择你那与众不同的盘。

6. 中间会重启，不要怕，让它继续安装即可。

7. 安装成功，它会再次重启，并且clover下显示的名称没有了【install】字符

8. 成功后，U盘不要拔掉，继续在U盘启动

挂载分区

1. 打开 Clover Configurator,左侧列表里选择Mount EFI，如下图：

2. 点击【Efi Partitions】下的【Mount Partition】，输入密码，点击【Open Partition】，打开EFI文件夹

3. 将U盘里的【BOOT】文件夹和【CLOVER】文件夹拷贝到【步骤2】的EFI文件夹下即可（这样启动系统就再也不用插U盘了）

万能搜索是一种轻量级的聚合搜索。万能搜索并不是一个独立的搜索网站，但是却整合了全网搜索资源。搜索时您可以横向选择不同的搜索站点。万能搜索还在纵向细分了数十种垂直搜索，方便您在细分领域的精确搜索。您可以在最短的时间切换任意您需要的搜索结果。

如何高效检索

高效检索需要注意：言简、意骇

言简

言简，顾名思义，就是让你的搜索尽可能更简单。在搜索的时候，应该对问题提取关键词。比如，我想要知道高锰酸钾制取氧气的文字表达式是什么时，仅仅需要写高锰酸钾制取氧气 文字表达式 即可；同样的，在查询怎么写检讨书时，甚至只需搜索检讨书；在想知道《将进酒》是谁写的，只用查询将进酒 作者。如果不确定要搜索的内容名称，应该做更少的准确限定，换为更零散的关键词。如果是英文，则应去除复数和第三人称复数。虽然某些搜索引擎在进行查询的时候会自动去除掉 「xxx的xxx」这种词汇和标点符号，但在搜索时还是应该尽量减少他们的使用。也尽可能不要出现 「如何」「怎样」这些疑问词，更不需要和搜索引擎讲礼貌——不要出现类似「请问寒假什么时候放假？」而是写成「寒假放假时间」。

意骇

意骇，就是把你的搜索描述的尽可能完备。不要一昧地追求简单，在有些情况下还是需要给出限定的：比如，在搜索苹果时，如果你指的是水果的苹果，那为了提升效率，最好写苹果 水果；同理，想要搜索苹果公司，则应该写苹果 公司，这可以简化为苹果公司。如果不进行限定，有可能搜索结果第一页都会被此关键词的其他意思所充满，在搜寻时，就会降低效率。

高级技巧

一举多得

如果我在搜索的时候，想同时获得多个关键词的结果，我可以使用 |，即“或”。注意：用|分隔关键词的时候，一定要加上空格，|必须要是半角的，举个例子：东京 | 塔。

让搜索引擎为你做减法

如果我在搜索的时候，不想获得某个关键词的结果，我可以使用 -，即“减”。注意：用-，一定要在之前加上空格，举个例子：苹果 -水果。

我只想看这一个网站怎么办

如果我只想获得某个网站的结果，可以在整个搜索之前或之后加上 site:xxx网站，比如：site:blog.aeilot.top 数码。

限定文件格式

如果我只想搜索一种格式的文件，可以在整个搜索之前或之后加上 filetype:xxx网站，比如：filetype:pdf 物理课本。不指定文件类型搜索文件时，可以使用filetype:all。

限定网址

如果我想让我的搜索结果的网址都包含某一字段，可以加上 inurl:xxx，比如：inurl:pan PPT模版，就可以找到网址带pan的所有相关结果。

限定标题

如果我想让我的搜索结果的标题都包含某一字段，可以加上 intitle:xxx，比如：intitle:免费 PPT模版，就可以找到标题带免费的所有相关结果。

告诉搜索引擎搜索的是作品

如果我搜索的是作品，如文学作品、艺术作品，可以加上书名号，比如：《星际穿越》。

告诉搜索引擎不要拆开关键词

如果我不想要拆开搜索的关键词，可以加上引号，比如：“九年级化学“

引用

• 原文链接：搜索引擎指南 | HowToUseSearchEngines

搜索引擎的基本工作原理包括如下三个过程：

1. 首先在互联网中发现、搜集网页信息
2. 同时对信息进行提取和组织建立索引库
3. 再由检索器根据用户输入的查询关键字，在索引库中快速检出文档，进行文档与查询的相关度评价，对将要输出的结果进行排序，并将查询结果返回给用户。

爬行和抓取

搜索引擎派出一个能够在网上发现新网页并抓文件的程序，这个程序通常称之为蜘蛛（Spider）。搜索引擎从已知的数据库出发，就像正常用户的浏览器一样访问这些网页并抓取文件。搜索引擎通过这些爬虫去爬互联网上的外链，从这个网站爬到另一个网站，去跟踪网页中的链接，访问更多的网页，这个过程就叫爬行。这些新的网址会被存入数据库等待搜索。所以跟踪网页链接是搜索引擎蜘蛛（Spider）发现新网址的最基本的方法，所以反向链接成为搜索引擎优化的最基本因素之一。搜索引擎抓取的页面文件与用户浏览器得到的完全一样，抓取的文件存入数据库。

建立索引

蜘蛛抓取的页面文件分解、分析，并以巨大表格的形式存入数据库，这个过程即是索引（index).在索引数据库中，网页文字内容，关键词出现的位置、字体、颜色、加粗、斜体等相关信息都有相应记录。

搜索词处理

用户在搜索引擎界面输入关键词，单击“搜索”按钮后，搜索引擎程序即对搜索词进行处理，如中文特有的分词处理，去除停止词，判断是否需要启动整合搜索，判断是否有拼写错误或错别字等情况。搜索词的处理必须十分快速。

排序

对搜索词处理后，搜索引擎程序便开始工作，从索引数据库中找出所有包含搜索词的网页，并且根据排名算法计算出哪些网页应该排在前面，然后按照一定格式返回到“搜索”页面。 再好的搜索引擎也无法与人相比，这就是为什么网站要进行搜索引擎优化。没有SEO的帮助，搜索引擎常常并不能正确的返回最相关、最权威、最有用的信息。

为什么要用搜索引擎

互联网信息日益丰富，数据越来越庞大，传统的方式很难准确快速的找到需要的信息。搜索引擎通过计算机算法将全网资源进行整合，通过搜索引擎可以快速的搜索快速互联网资源。

搜索引擎有以下优点

1. 资源丰富

   搜索引擎拥有海量的的资源。包含的互联网上大多数资源。

2. 使用方便

   使用搜索引擎不需要专业的知识，只需要在输入关键进行搜索即可。

3. 结果准确

   搜索结果都是经过搜索引擎优化计算的结果，相关度较高。

hexo-douban-card：在hexo文章中插入豆瓣读书,豆瓣电影,豆瓣音乐组件

hexo-douban-getter

hexo-douban-getter： 展示豆瓣标记条目数据（影视、书籍、音乐、游戏）的 Hexo 插件

hexo-douban-list2

hexo-douban-list2： 为hexo博客添加豆瓣影单。

选择服务器

1. 注册Vultr，Vultur最少充值 10 美元，新用户充值完还送 50 美元，相当于 1美元 = 1元
2. 选择 Products ，点击 + 号，选择 Deploy New Server

3. 选择离自己最近的服务器进行部署，此处斌仔选择的是 Tokyo、Centos 7 x 64、$5/mo、Enable IPv6、Server Hosname & Lable（随便填），点击 Deploy Now

4. 等待部署完成，点击服务器，获取IP Address、Username、Password

5. 使用 Xshell、MobaXterm 连接服务器

搭建 Shadowsocks / SS 服务

1. 按行输入以下命令，并点击回车键

yum -y install wget

wget --no-check-certificate -O shadowsocks-all.sh https://raw.githubusercontent.com/teddysun/shadowsocks_install/master/shadowsocks-all.sh

chmod +x shadowsocks-all.sh

./shadowsocks-all.sh 2>&1 | tee shadowsocks-all.log

2. 第4行回车完，推荐大家选择Shadowsocks-libev 版本进行安装，输入数字“4”后进行回车。
3. 回车后，提示输入密码，根据自己需求设置密码
4. 回车后，提示设置端口，可以直接回车选择默认
5. 回车后，选择加密方式，推荐大家选择“aes-256-gcm”，输入“1”后回车
6. 回车后，会提示你“是否要为 Shadowsocks-libev 安装 simple-obfs？”，这时我们输入“y”后，再输入“2”选择“tls”
7. 然后会看到“Press any key to start…or Press Ctrl+C to cancel”的提示，意思就是“按任意键开始…或按Ctrl + C取消”。
8. 按任意键开始安装 Shadowsocks / SS 服务，整个过程大约需要2-5分钟左右

9. SS 已经安装成功，配置信息分别为
   • 服务器地址
   • 服务端口
   • 连接密码
   • 加密方式
   • “SS://”开头的订阅地址

软件安装及配置

1. 按照系统安装Win SS、Mac SS、Android、苹果使用美区ID在应用商店下载：Potatso lite（扫描在电脑分享的二维码）
2. 安装完软件，选择服务器－编辑服务器，将上面获取的配置信息按如下图填写

3. 填入后，点击应用按钮即可，系统代理选择PAC模式，也可以选择全局模式（可能有些国内网站会访问不了）
4. 就可以访问Google，来试试是否成功了

BBR加速（自行选择）

BBR是 Google 提出的一种新型拥塞控制算法,可以使 Linux 服务器显著地提高吞吐量和减少 TCP 连接的延迟

1. 输入以下命令，2选一，第一条为魔改BBR（未测试），第二条为正常BBR（斌仔测试后SS不能用了）

wget -N --no-check-certificate "https://gist.github.com/zeruns/a0ec603f20d1b86de6a774a8ba27588f/raw/4f9957ae23f5efb2bb7c57a198ae2cffebfb1c56/tcp.sh" && chmod +x tcp.sh && ./tcp.sh

wget --no-check-certificate https://github.com/teddysun/across/raw/master/bbr.sh

2. 魔改版推荐选择 BBR魔改版，菜单选项为 1
3. 安装成功后，需要重启服务器
4. 重启后，启用 BBR

./tcp.sh

5. 选择菜单项：5，回车即可完成加速

检测是否被墙

http://port.ping.pe/

在网址内输入 服务器IP地址:端口，点击 Go，绿色successful代表成功，红色failed代表失败！

例如：

192.168.0.1:8080

计费方式

Vultr VPS 商家可以按月支付，也可以按小时支付。很多朋友有些不理解，在选择的时候都是按月计费的，这个因为，如果我们不用的时候删除掉机器，这样就以使用的时间结算，后面不使用的是不会计费的。如果我们使用满月的话，那就按照月计费。

第一、关于收费标准计费

All servers on your account are billed hourly up to the monthly rate cap. The hourly rate is determined by dividing the monthly rate by 672 hours (28 days). If your server is online for more than 672 hours in a calendar month, you will only be billed the monthly rate. Accumulated charges are invoiced to your account on the 1st of every month.

如果我们选择的服务器是满月的，直接按月计费。如果我们不足满月就删除的那就按照使用天数小时计费。这里需要注意，如果我们不希望计费必须删除机器，而不是暂停机器。暂停还是需要扣费的。同时，我们需要确保流量不要超过额度。

第二、关于流量超过的问题

我们要知道，默认的配置中流量是固定的，如果有超过的话我们是需要单独计费超过的额外流量的。

If your plan has 1000GB allocated to it, the amount of transfer per hour for overage calculations is 1000 / 672 = 1.48GB/hour. Your pending charges will reflect the overage calculated by this formula. Note: In some cases it may be less expensive to leave your instance running than to destroy it and be assessed overage charges.

我们看看不同机房的还是有些不同。

Bandwidth utilization in excess of instance allocation is charged at $0.01 per GB in North American and Western European locations. Due to higher regional costs, Singapore and Tokyo (Japan) overage are priced at $0.025 per GB and Sydney (Australia) as well as Seoul (Korea) overages are priced at $0.05 per GB.

翻译如下：

在北美和西欧，超出实例分配的带宽利用率按每GB 0.01 USD收费。 由于较高的区域成本，新加坡和东京（日本）的超量价格为每GB 0.025美元，悉尼（澳大利亚）和首尔（韩国）的超量价格为每GB 0.05美元。

这个需要看我们选择地区，超过的部分然后单独计费。实际上如果我们流量确实不够的话，斌仔建议，我们可以选择较大的配置，可以升级配置。这样还划算一些。

第三、Vultr 计费周期

Invoices for cloud hosting services prior to January 1st 2017 00:00 UTC represent start and end times in the United States Eastern Standard Time zone. All invoices after this date will reflect start and end times in UTC.

VULTR服务器是每月的一号计费的，当然我们需要保持账户有一定的余额。可以选择充值到账户中，也可以选择绑定信用卡自动续期。我个人建议可以定期充值一些费用进来。

1. 首先在 Google 字体库 查找自己想要的字体

2. 找到自己想要的字体，修改 Butterfly 主题的配置文件 _config.butterfly.yml

# 在配置文件中搜索 font，更改后如下

font:
  global-font-size:
  code-font-size:
  font-family: Noto Sans SC
  code-font-family:

blog_title_font:
  font_link: https://fonts.loli.net/css?family=Noto+Sans+SC
  font-family: Noto Sans SC

3. 替换 CDN，为的是更快的解析字体

# 原字体链接
https://fonts.googleapis.com/css?family=Noto+Sans+SC
# 修改后
https://fonts.loli.net/css?family=Noto+Sans+SC

4. 成功图如下

2020年已经过去一周了，而我还没开始写总结，不是不想写，是觉得这2020也太短了，还没好好感受，就已经过去了。

既然已经过去，那就好好迎接新的一年。

从2019年的总结和2020年的目标来看，我已经差不多全完成了，而且还超额完成。

• 2020年4月：走出家门，步入新的地方，进入新的公司，认识新的同事。
• 2020年9月：遇上了心爱的人，从单身进入恋爱的行列（🐶保命）

再往后就是平平淡淡的生活，陪陪女朋友，上班混口饭吃。

2020年，总共更新了103篇文章，涨了328个fans，虽然不是很多，但是这也算是我努力的结果。

2021年，我会更加努力为大家带来更多好用又好玩的资源，也希望大家给斌仔点个👍就是对他最大的支持。

因为公众号一天只能更新一篇文章，所以有些时候，其实资源已经更新，由于更新的软件比较杂乱就没有更新文章。

大家可以看斌仔的小程序，小程序的内容都是最新的哦！让你不错过，每一个好用的软件。

大家有什么需要的，也可以在小程序留言，斌仔都会看到的哦！

2021年flag

2020年总结的差不多了，就顺便为2021立个flag吧（说不定实现了呢）。

1. 公众号关注量提升到1000
2. 争取日更（斌仔尽力）
3. 提升技能，多挣money（为了给她更好的生活）

先立这么多吧，立太多容易倒戈。

如果你有什么想对 2021 年说的话，欢迎在评论区留下你的足迹。

• cmder

软件配置

配置环境变量

1. 右击此电脑，点击属性
2. 点击高级系统设置，再点击环境变量
3. 在系统变量找到Path，将cmder文件夹加入即可

配置右键快捷启动

1. 以管理员身份打开cmd，输入以下命令即可添加右键菜单：

Cmder.exe /REGISTER ALL

其他配置

将Cmder默认的命令提示符"λ"改为“$”，
在cmder\vendor中的clink.lua内做如下修改"λ"替换成"$"

采购硬件设施

所需软件

• 黑苹果专业引导镜像
  黑苹果专用引导系统镜像

• balenaEtcher
  balenaEtcher

• 安装软件包

  安装软件包

• EFI文件

  EFI地址

镜像写入U盘

在 Windows 下插入 U 盘，启动balenaEtcher，“select image”选择专用引导镜像,选择 U 盘，点击“Flash”即可

显示EFI分区

方式一：可以使用 DiskGenius 工具来查看 『U盘下的 EFI分区』

方式二：Windows系统下，用【管理员身份】打开【CMD】窗口，输入以下命令：

c:\>diskpart
list disk           # 磁盘列表
select disk n       # 选择EFI分区所在的磁盘，n为磁盘号
list partition      # 磁盘分区列表
select partition n  # 选择EFI分区，n为EFI分区号
set id="ebd0a0a2-b9e5-4433-87c0-68b6b72699c7"	# 设置为基本数据分区
assign letter=X     # x为EFI分区盘符
exit				# 退出diskpart

替换EFI文件

• OC版本：替换整个文件夹包括 『boot 和 oc』

• clover版本：可以只替换 clover 文件夹

BIOS设置

• 开机按 del 键进入BIOS页面

• BIOS设置

关闭：secure boot
开启：网卡
SATA模式：AHCI
XMP（想超频内存的可以开启）

OC引导macOS安装程序

1. 将U盘插入需要安装系统的电脑，在BIOS将U盘设置成第一个引导 或者 F10 选择 U盘 启动
2. 选择带有 install 的选项，按« Enter » 键即可
3. 进入安装页面，选择磁盘工具将你的SSD或者分区，格式化为APFS格式
4. 选择“重新安装macOS”，等待安装完成即可（中间会有重启）
5. Mac 安装 OpenCore Configurator 教程
6. Mac下打开 OpenCore Configurator，在导航栏右侧会有一个 OCC软件 的图标，点击然后选择挂载分区
7. 打开分区，将U盘 EFI 文件夹里的 BOOT 和 OC 文件夹移动到 硬盘分区的 EFI文件夹下（里面有的包含Apple文件夹，拷贝进去的要与其同级），重启拔掉U盘即可

单硬盘双系统可以看这里

最后

如有不懂之处，可在下方留言

或者直接联系博主ＱＱ:892457803

Star走势图

采购硬件设施

所需软件

• 黑苹果专用引导镜像
  网盘下载

• balenaEtcher：
  下载地址

• nuc8 安装软件包：

  蓝奏云 提取码：i21t

  百度云 提取码：r7xs

• EFI文件

  gitee地址

  蓝奏云 密码:elam

安装过程

1. 在Windows下插入U盘，启动balenaEtcher，“select image”选择“Mojave 10.15.6”镜像,选择U盘，点击“Flash”即可

显示EFI分区（此处也可以使用DiskGenius工具来查看U盘下的EFI分区）

Windows系统下，用【管理员身份】打开【CMD】窗口，输入以下命令：

c:\>diskpart
list disk           # 磁盘列表
select disk n       # 选择EFI分区所在的磁盘，n为磁盘号
list partition      # 磁盘分区列表
select partition n  # 选择EFI分区，n为EFI分区号
set id="ebd0a0a2-b9e5-4433-87c0-68b6b72699c7"	# 设置为基本数据分区
assign letter=X     # x为EFI分区盘符
exit				# 退出diskpart

分区显示完后，将在GitHub上下载文件里的clover文件夹替换U盘efi分区下的clover文件夹即可。

BIOS设置

1. 按【F2】，进入BIOS设置界面
2. BIOS设置如下：
   • 高级（Advanced） > USB 配置（USB Configuration） > XHCI Hand-off -> Enabled
3. 按【F10】保存并退出

注意：

不打勾为disable，打勾为enabled

使用Clover UEFI在Asrock上引导macOS安装程序

1. 将U盘插入需要安装系统的电脑
2. 选择« Boot macOS Install from install_osx »，按« Enter » 键即可
3. 出现安装界面，选择【磁盘工具】将你的SSD，格式化为【APFS】格式
4. 选择“安装mac OS”，安装系统即可【重启后，请再次执行步骤2】
5. 安装成功后，进入系统
6. mac安装Clover Configurator教程
7. Mac下打开 Clover Configurator(在软件包里),左侧列表里选择Mount EFI，如下图：

9. 点击【Efi Partitions】下的【Mount Partition】，输入密码，点击【Open Partition】，打开EFI文件夹
10. 将U盘里的【BOOT】文件夹和【CLOVER】文件夹拷贝到【步骤9】的EFI文件夹下即可（这样启动系统就再也不用插U盘了）
11. 直接使用社主【GitHub上的clover文件夹】拷贝到【步骤9】的EFI文件夹下的【CLOVER】文件夹下，替换即可。

不足之处

1. 无线网（无解）
2. 没有麦克风
3. 蓝牙使用原生的，不稳定

体验效果

1. 运行流畅​
2. icloud也可以使用（心里美滋滋😃 ）

安装视频

成功视频

最后

如有不懂之处，可在下方留言

或者直接联系博主ＱＱ:892457803

Star走势图

教程

1. 在theme主题/layout/includes/widget添加card_yq.pug,代码如下：

.card-widget.card-yq
    .card-content
        .item_headline
            i.fa.fa-location-arrow.card-yq-animation(aria-hidden="true")
            span= _p('aside.card_yq')
            iframe(src='https://www.lovestu.com/api/project/cnmapyinqing/obj.php', height='500', frameborder='no', border='0', width='100%')

2. 在theme主题/layout/includes/widget下修改index.pug,代码如下：

+      if theme.aside.card_yq
+        !=partial('includes/widget/card_yq', {}, {cache:theme.fragment_cache})
      if theme.aside.card_recent_post.enable

3. 在theme主题/languages/下修改zh-CN.yml,代码如下:

aside:
+  card_yq: 新型肺炎疫情数据

4. 修改主题的配置文件butterfly.yml

aside:
+  card_yq: true

成果图

一直以来蓝牙是个很难解决的问题，之前都是先从Windows打开，然后再在黑苹果使用

现在有大神解决了这个问题，无需在windows打开就可以直接在黑苹果上直接打开和关闭蓝牙

本人测试连接很不稳定，大家可以自行尝试自己的黑苹果主机

使用教程

1. 下载蓝牙驱动

• Github

2. 使用Clover Configurator 挂载分区，将蓝牙驱动IntelBluetoothFirmware.kext和IntelBluetoothInjector.kext放到分区的CLOVER/kexts/Other下
3. 重启电脑即可使用了

1. 安装nvm

问题解决

1. 解决 nvm 下载慢的问题

终端输入以下命令即可：

NVM_NODEJS_ORG_MIRROR=https://npm.taobao.org/mirrors/node

2. 解决 npm 下载慢的问题

npm install -g cnpm --registry=https://registry.npm.taobao.org

• typora
• picgo

使用教程

1. 打开PicGo，选择插件设置，搜索web，安装

2. 在图床设置 - 自定义Web图床设置API地址、POST参数名、JSON路径

接口组合

# 1
API:https://images.ac.cn/api/upload/upload?apiType=ali
post:file
json:data.url.ali

# 2
API:https://imgkr.com/api/files/upload
post:file
json:data

# 3
API:https://api.dujin.org/img/update.php
post:file
json:msg

图片展示

创建 tabs.styl

路径：主题目录/source/css/_layout/tabs.styl

.tabs
  margin: 0 0 1rem

.tabs,
.tabs-comment
  display: block;
  padding-top: 10px;
  position: relative;

  ul.nav-tabs 
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    margin-bottom: -1px;
    padding: 0;

    +mobile-smallest() 
      display: block;
      margin-bottom: 5px;
    

    li.tab 
      border-bottom: 1px solid $light-grey;
      border-left: 1px solid transparent;
      border-right: 1px solid transparent;
      border-top: 3px solid transparent;
      flex-grow: 1;
      list-style-type: none;

      +mobile-smallest() 
        border-bottom: 1px solid transparent;
        border-left: 3px solid transparent;
        border-right: 1px solid transparent;
        border-top: 1px solid transparent;
      

      border-radius: $tbr $tbr 0 0;

      +mobile-smallest() 
        border-radius: $tbr;
      

      if (hexo-config('tabs.transition.tabs')) 
        the-transition-ease-out();
      

      a 
        border-bottom: initial;
        display: block;
        line-height: 1.8;
        outline: 0;
        padding: .25em .75em;
        text-align: center;

        i 
          width: (18em / 14);
        

        if (hexo-config('tabs.transition.labels')) 
          the-transition-ease-out();
        
      

      &.active 
        border-bottom: 1px solid transparent;
        border-left: 1px solid $light-grey;
        border-right: 1px solid $light-grey;
        border-top: 3px solid $orange;

        +mobile-smallest() 
          border-bottom: 1px solid $light-grey;
          border-left: 3px solid $orange;
          border-right: 1px solid $light-grey;
          border-top: 1px solid $light-grey;
        

        a 
          color: var(--link-color);
          cursor: default;
        
      
    
  

  .tab-content 
    .tab-pane 
      border: 1px solid $light-grey;
      border-top: 0;
      padding: 20px 20px 0 20px;

      border-radius: $tbr;

      &:not(.active) 
        display: none;
      

      &.active 
        display: block;

        &:nth-of-type(1) 
          border-radius: 0 $tbr $tbr $tbr;

          +mobile-smallest() 
            border-radius: $tbr;
          
        

创建 tabs.js

路径：主题目录/scripts/tags/tabs.js

/**
 * tabs.js | https://theme-next.org/docs/tag-plugins/tabs
 */

/* global hexo */

'use strict';

function postTabs(args, content) {
  var tabBlock = /<!--\s*tab (.*?)\s*-->\n([\w\W\s\S]*?)<!--\s*endtab\s*-->/g;

  args = args.join(' ').split(',');
  var tabName = args[0];
  var tabActive = Number(args[1]) || 0;

  var matches = [];
  var match;
  var tabId = 0;
  var tabNav = '';
  var tabContent = '';

  !tabName && hexo.log.warn('Tabs block must have unique name!');

  while ((match = tabBlock.exec(content)) !== null) {
    matches.push(match[1]);
    matches.push(match[2]);
  }

  for (var i = 0; i < matches.length; i += 2) {
    var tabParameters = matches[i].split('@');
    var postContent   = matches[i + 1];
    var tabCaption    = tabParameters[0] || '';
    var tabIcon       = tabParameters[1] || '';
    var tabHref       = '';

    postContent = hexo.render.renderSync({text: postContent, engine: 'markdown'}).trim();

    tabId += 1;
    tabHref = (tabName + ' ' + tabId).toLowerCase().split(' ').join('-');

    ((tabCaption.length === 0) && (tabIcon.length === 0)) && (tabCaption = tabName + ' ' + tabId);

    var isOnlyicon = tabIcon.length > 0 && tabCaption.length === 0 ? ' style="text-align: center;"' : '';
    tabIcon.length > 0 && (tabIcon = `<i class="fa fa-${tabIcon.trim()}"${isOnlyicon}></i>`);

    var isActive = (tabActive > 0 && tabActive === tabId) || (tabActive === 0 && tabId === 1) ? ' active' : '';
    tabNav += `<li class="tab${isActive}"><a href="#${tabHref}">${tabIcon + tabCaption.trim()}</a></li>`;
    tabContent += `<div class="tab-pane${isActive}" id="${tabHref}">${postContent}</div>`;
  }

  tabNav = `<ul class="nav-tabs">${tabNav}</ul>`;
  tabContent = `<div class="tab-content">${tabContent}</div>`;

  return `<div class="tabs" id="${tabName.toLowerCase().split(' ').join('-')}">${tabNav + tabContent}</div>`;
}

hexo.extend.tag.register('tabs', postTabs, {ends: true});
hexo.extend.tag.register('subtabs', postTabs, {ends: true});
hexo.extend.tag.register('subsubtabs', postTabs, {ends: true});

在 main.js 添加事件

路径：主题目录/source/js/main.js

//下面这句源文件有，搜索即可
if (GLOBAL_CONFIG.isPhotoFigcaption) addPhotoFigcaption()
//添加如下：
document.querySelectorAll('.tabs ul.nav-tabs .tab').forEach(element => {
      element.addEventListener('click', event => {
        event.preventDefault();
        var target = event.currentTarget;
        // Prevent selected tab to select again.
        if (!target.classList.contains('active')) {
          // Add & Remove active class on `nav-tabs` & `tab-content`.
          [...target.parentNode.children].forEach(element => {
            element.classList.remove('active');
          });
          target.classList.add('active');
          var tActive = document.getElementById(target.querySelector('a').getAttribute('href').replace('#', ''));
          [...tActive.parentNode.children].forEach(element => {
            element.classList.remove('active');
          });
          tActive.classList.add('active');
          // Trigger event
          tActive.dispatchEvent(new Event('tabs:click', {
            bubbles: true
          }));
        }
      });
    });

    window.dispatchEvent(new Event('tabs:register'));

在 var.styl 添加样式

路径：主题目录/source/css/var.styl

//查找 light-grey
$light-grey = #EEEEEE
$tbr = 0;
$orange = #fc6423;

在 主题配置文件 添加配置

路径：主目录/source/_data/Butterfly.yml

# Tabs tag
tabs:
  transition:
    tabs: false
    labels: true

使用语法

# 1

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

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

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

# 2

{% tabs Sixth unique name %}
<!-- tab Solution 1@text-width -->
**This is Tab 1.**
<!-- endtab -->

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

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


# 3

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

1. One
2. Two
3. Three

4-spaces code block:

    nano /etc

Tagged code block:

{% code %}
code tag
code tag
code tag
{% endcode %}

{% note default %}
Note default tag.
{% endnote %}
<!-- endtab -->

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

* Five
* Six
* Seven

{% note primary %}
{% youtube Kt7u5kr_P5o %}
{% endnote %}
<!-- endtab -->

<!-- tab -->
**This is Tab 3.**

{% subtabs Sub Tabs %}
<!-- tab -->
**This is Sub Tab 1.**
{% note success %}
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Phasellus hendrerit. Pellentesque aliquet nibh nec urna. In nisi neque, aliquet vel, dapibus id, mattis vel, nisi. Sed pretium, ligula sollicitudin laoreet viverra, tortor libero sodales leo, eget blandit nunc tortor eu nibh. Nullam mollis. Ut justo. Suspendisse potenti. Pellentesque fermentum dolor. Aliquam quam lectus, facilisis auctor, ultrices ut, elementum vulputate, nunc.

{% note warning %}
Sed egestas, ante et vulputate volutpat, eros pede semper est, vitae luctus metus libero eu augue. Morbi purus libero, faucibus adipiscing, commodo quis, gravida id, est. Sed lectus. Praesent elementum hendrerit tortor. Sed semper lorem at felis. Vestibulum volutpat, lacus a ultrices sagittis, mi neque euismod dui, eu pulvinar nunc sapien ornare nisl. Phasellus pede arcu, dapibus eu, fermentum et, dapibus sed, urna.
{% endnote %}

Morbi interdum mollis sapien. Sed ac risus. Phasellus lacinia, magna a ullamcorper laoreet, lectus arcu pulvinar risus, vitae facilisis libero dolor a purus. Sed vel lacus. Mauris nibh felis, adipiscing varius, adipiscing in, lacinia vel, tellus. Suspendisse ac urna. Etiam pellentesque mauris ut lectus. Nunc tellus ante, mattis eget, gravida vitae, ultricies ac, leo. Integer leo pede, ornare a, lacinia eu, vulputate vel, nisl.
{% endnote %}
<!-- endtab -->

<!-- tab -->
**This is Sub Tab 2.**
{% note success %}
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Phasellus hendrerit. Pellentesque aliquet nibh nec urna. In nisi neque, aliquet vel, dapibus id, mattis vel, nisi. Sed pretium, ligula sollicitudin laoreet viverra, tortor libero sodales leo, eget blandit nunc tortor eu nibh. Nullam mollis. Ut justo. Suspendisse potenti. Pellentesque fermentum dolor. Aliquam quam lectus, facilisis auctor, ultrices ut, elementum vulputate, nunc.

Sed egestas, ante et vulputate volutpat, eros pede semper est, vitae luctus metus libero eu augue. Morbi purus libero, faucibus adipiscing, commodo quis, gravida id, est. Sed lectus. Praesent elementum hendrerit tortor. Sed semper lorem at felis. Vestibulum volutpat, lacus a ultrices sagittis, mi neque euismod dui, eu pulvinar nunc sapien ornare nisl. Phasellus pede arcu, dapibus eu, fermentum et, dapibus sed, urna.

{% note danger %}
Morbi interdum mollis sapien. Sed ac risus. Phasellus lacinia, magna a ullamcorper laoreet, lectus arcu pulvinar risus, vitae facilisis libero dolor a purus. Sed vel lacus. Mauris nibh felis, adipiscing varius, adipiscing in, lacinia vel, tellus. Suspendisse ac urna. Etiam pellentesque mauris ut lectus. Nunc tellus ante, mattis eget, gravida vitae, ultricies ac, leo. Integer leo pede, ornare a, lacinia eu, vulputate vel, nisl.
{% endnote %}
{% endnote %}
<!-- endtab -->

<!-- tab -->
**This is Sub Tab 3.**

{% subtabs Sub-Sub Tabs %}
<!-- tab -->
**This is Sub-Sub Tab 1 of Sub Tab 3.**
{% note success %}
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Phasellus hendrerit. Pellentesque aliquet nibh nec urna. In nisi neque, aliquet vel, dapibus id, mattis vel, nisi. Sed pretium, ligula sollicitudin laoreet viverra, tortor libero sodales leo, eget blandit nunc tortor eu nibh. Nullam mollis. Ut justo. Suspendisse potenti. Pellentesque fermentum dolor. Aliquam quam lectus, facilisis auctor, ultrices ut, elementum vulputate, nunc.

Sed egestas, ante et vulputate volutpat, eros pede semper est, vitae luctus metus libero eu augue. Morbi purus libero, faucibus adipiscing, commodo quis, gravida id, est. Sed lectus. Praesent elementum hendrerit tortor. Sed semper lorem at felis. Vestibulum volutpat, lacus a ultrices sagittis, mi neque euismod dui, eu pulvinar nunc sapien ornare nisl. Phasellus pede arcu, dapibus eu, fermentum et, dapibus sed, urna.

Morbi interdum mollis sapien. Sed ac risus. Phasellus lacinia, magna a ullamcorper laoreet, lectus arcu pulvinar risus, vitae facilisis libero dolor a purus. Sed vel lacus. Mauris nibh felis, adipiscing varius, adipiscing in, lacinia vel, tellus. Suspendisse ac urna. Etiam pellentesque mauris ut lectus. Nunc tellus ante, mattis eget, gravida vitae, ultricies ac, leo. Integer leo pede, ornare a, lacinia eu, vulputate vel, nisl.
{% endnote %}
<!-- endtab -->

<!-- tab -->
**This is Sub-Sub Tab 2 of Sub Tab 3.**
{% note success %}
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Phasellus hendrerit. Pellentesque aliquet nibh nec urna. In nisi neque, aliquet vel, dapibus id, mattis vel, nisi. Sed pretium, ligula sollicitudin laoreet viverra, tortor libero sodales leo, eget blandit nunc tortor eu nibh. Nullam mollis. Ut justo. Suspendisse potenti. Pellentesque fermentum dolor. Aliquam quam lectus, facilisis auctor, ultrices ut, elementum vulputate, nunc.

{% note warning %}
Sed egestas, ante et vulputate volutpat, eros pede semper est, vitae luctus metus libero eu augue. Morbi purus libero, faucibus adipiscing, commodo quis, gravida id, est. Sed lectus. Praesent elementum hendrerit tortor. Sed semper lorem at felis. Vestibulum volutpat, lacus a ultrices sagittis, mi neque euismod dui, eu pulvinar nunc sapien ornare nisl. Phasellus pede arcu, dapibus eu, fermentum et, dapibus sed, urna.

Morbi interdum mollis sapien. Sed ac risus. Phasellus lacinia, magna a ullamcorper laoreet, lectus arcu pulvinar risus, vitae facilisis libero dolor a purus. Sed vel lacus. Mauris nibh felis, adipiscing varius, adipiscing in, lacinia vel, tellus. Suspendisse ac urna. Etiam pellentesque mauris ut lectus. Nunc tellus ante, mattis eget, gravida vitae, ultricies ac, leo. Integer leo pede, ornare a, lacinia eu, vulputate vel, nisl.
{% endnote %}

{% endnote %}
<!-- endtab -->

<!-- tab -->
**This is Sub-Sub Tab 3 of Sub Tab 3.**

{% note success %}
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Phasellus hendrerit. Pellentesque aliquet nibh nec urna. In nisi neque, aliquet vel, dapibus id, mattis vel, nisi. Sed pretium, ligula sollicitudin laoreet viverra, tortor libero sodales leo, eget blandit nunc tortor eu nibh. Nullam mollis. Ut justo. Suspendisse potenti. Pellentesque fermentum dolor. Aliquam quam lectus, facilisis auctor, ultrices ut, elementum vulputate, nunc.

{% note warning %}
Sed egestas, ante et vulputate volutpat, eros pede semper est, vitae luctus metus libero eu augue. Morbi purus libero, faucibus adipiscing, commodo quis, gravida id, est. Sed lectus. Praesent elementum hendrerit tortor. Sed semper lorem at felis. Vestibulum volutpat, lacus a ultrices sagittis, mi neque euismod dui, eu pulvinar nunc sapien ornare nisl. Phasellus pede arcu, dapibus eu, fermentum et, dapibus sed, urna.

{% note danger %}
Morbi interdum mollis sapien. Sed ac risus. Phasellus lacinia, magna a ullamcorper laoreet, lectus arcu pulvinar risus, vitae facilisis libero dolor a purus. Sed vel lacus. Mauris nibh felis, adipiscing varius, adipiscing in, lacinia vel, tellus. Suspendisse ac urna. Etiam pellentesque mauris ut lectus. Nunc tellus ante, mattis eget, gravida vitae, ultricies ac, leo. Integer leo pede, ornare a, lacinia eu, vulputate vel, nisl.
{% endnote %}

{% endnote %}

{% endnote %}
<!-- endtab -->
{% endsubtabs %}

<!-- endtab -->
{% endsubtabs %}

<!-- endtab -->
{% endtabs %}

工具包

软件篇

注意

1. 这些软件都是在GitHub上下载下来的，为的是方便大家快速下载
2. 软件更新根据作者更新而来，都是最新的
3. 教程是为了大家更加容易上手软件

新建文件

在主题目录source/js下新建linkcard.js文件，内容如下

//里面包含了卡片样式和标题欺骗
window.onload=function(){
	// linkcard链接
		var LinkCards=document.getElementsByClassName('LinkCard');
		if(LinkCards.length != 0){
		var LinkCard=LinkCards[0];
		var link=LinkCard.href;
		var title=LinkCard.innerText;
            //修改图标后的src图片地址即可修改卡片的图片
		LinkCard.innerHTML="<style type=text/css>.LinkCard,.LinkCard:hover{text-decoration:none;border:none!important;color:inherit!important}.LinkCard{position:relative;display:block;margin:1em auto;width:390px;box-sizing:border-box;border-radius:12px;max-width:100%;overflow:hidden;color:inherit;text-decoration:none}.ztext{word-break:break-word;line-height:1.6}.LinkCard-backdrop{position:absolute;top:0;left:0;right:0;bottom:0;background-repeat:no-repeat;-webkit-filter:blur(20px);filter:blur(20px);background-size:cover;background-position:center}.LinkCard,.LinkCard:hover{text-decoration:none;border:none!important;color:inherit!important}.LinkCard-content{position:relative;display:flex;align-items:center;justify-content:space-between;padding:12px;border-radius:inherit;background-color:rgba(246,246,246,0.88)}.LinkCard-text{overflow:hidden}.LinkCard-title{display:-webkit-box;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;max-height:calc(16px * 1.25 * 2);font-size:16px;font-weight:500;line-height:1.25;color:#1a1a1a}.LinkCard-meta{display:flex;margin-top:4px;font-size:14px;line-height:20px;color:#999;white-space:nowrap}.LinkCard-imageCell{margin-left:8px;border-radius:6px}.LinkCard-image{display:block;width:60px;height:auto;border-radius:inherit}</style><span class=LinkCard-backdrop style=background-image:url(https://zhstatic.zhihu.com/assets/zhihu/editor/zhihu-card-default.svg)></span><span class=LinkCard-content><span class=LinkCard-text><span class=LinkCard-title>"+title+"</span><span class=LinkCard-meta><span style=display:inline-flex;align-items:center><svg class="+"'Zi Zi--InsertLink'"+" fill=currentColor viewBox="+"'0 0 24 24'"+" width=17 height=17><path d="+"'M6.77 17.23c-.905-.904-.94-2.333-.08-3.193l3.059-3.06-1.192-1.19-3.059 3.058c-1.489 1.489-1.427 3.954.138 5.519s4.03 1.627 5.519.138l3.059-3.059-1.192-1.192-3.059 3.06c-.86.86-2.289.824-3.193-.08zm3.016-8.673l1.192 1.192 3.059-3.06c.86-.86 2.289-.824 3.193.08.905.905.94 2.334.08 3.194l-3.059 3.06 1.192 1.19 3.059-3.058c1.489-1.489 1.427-3.954-.138-5.519s-4.03-1.627-5.519-.138L9.786 8.557zm-1.023 6.68c.33.33.863.343 1.177.029l5.34-5.34c.314-.314.3-.846-.03-1.176-.33-.33-.862-.344-1.176-.03l-5.34 5.34c-.314.314-.3.846.03 1.177z'"+" fill-rule=evenodd></path></svg></span>"+link+"</span></span><span class=LinkCard-imageCell><img class=LinkCard-image alt=图标 src=https://wangdudyb.gitee.io/blog//img/avatar.gif></span></span>";

		for (var i = LinkCards.length - 1; i >= 1; i--) {
		LinkCard=LinkCards[i];
		title=LinkCard.innerText;
		link=LinkCard.href;
            //修改图标后的src图片地址即可修改卡片的图片
		LinkCard.innerHTML="<span class=LinkCard-backdrop style=background-image:url(https://zhstatic.zhihu.com/assets/zhihu/editor/zhihu-card-default.svg)></span><span class=LinkCard-content><span class=LinkCard-text><span class=LinkCard-title>"+title+"</span><span class=LinkCard-meta><span style=display:inline-flex;align-items:center><svg class="+"'Zi Zi--InsertLink'"+" fill=currentColor viewBox="+"'0 0 24 24'"+" width=17 height=17><path d="+"'M6.77 17.23c-.905-.904-.94-2.333-.08-3.193l3.059-3.06-1.192-1.19-3.059 3.058c-1.489 1.489-1.427 3.954.138 5.519s4.03 1.627 5.519.138l3.059-3.059-1.192-1.192-3.059 3.06c-.86.86-2.289.824-3.193-.08zm3.016-8.673l1.192 1.192 3.059-3.06c.86-.86 2.289-.824 3.193.08.905.905.94 2.334.08 3.194l-3.059 3.06 1.192 1.19 3.059-3.058c1.489-1.489 1.427-3.954-.138-5.519s-4.03-1.627-5.519-.138L9.786 8.557zm-1.023 6.68c.33.33.863.343 1.177.029l5.34-5.34c.314-.314.3-.846-.03-1.176-.33-.33-.862-.344-1.176-.03l-5.34 5.34c-.314.314-.3.846.03 1.177z'"+" fill-rule=evenodd></path></svg></span>"+link+"</span></span><span class=LinkCard-imageCell><img class=LinkCard-image alt=图标 src=https://wangdudyb.gitee.io/blog//img/avatar.gif></span></span>";
		}
	}
	//整合页面欺骗特效 window.onload有冲突
  var OriginTitile = document.title;
  var titleTime;
  document.addEventListener('visibilitychange', function() {
    if(document.hidden) {
      $('[rel="icon"]').attr('href', "https://wangdudyb.gitee.io/blog/img/failure.png");
      $('[rel="shortcut icon"]').attr('href', "https://wangdudyb.gitee.io/blog/img/failure.png");
      document.title = '(●—●)喔哟，崩溃啦！';
      clearTimeout(titleTime);
    } else {
      $('[rel="icon"]').attr('href', "https://wangdudyb.gitee.io/blog/img/favicon-32x32.png");
      $('[rel="shortcut icon"]').attr('href', "https://wangdudyb.gitee.io/blog/img/favicon-32x32.png");
      document.title = '(/≧▽≦/)咦！页面又好了！';
      titleTime = setTimeout(function() {
        document.title = OriginTitile;
      }, 2000);
    }
  });
}

开始在Butterfly引用卡片样式

2. 配置主题文件:source/_data/butterfly.yml,在CDN_USE下的js中添加如下代码，即可使用。

- /js/linkcard.js

效果图

小黑不喜欢重复造轮子，所以直接给出写的比较的好的文章地址，大家按照他们写的基本上安装没得问题，快快动起你小手，搭建属于自己的博客吧。

1. 如果没有你撰写
2. 主题的主人撰写：有时候打不开，可以用第1个

安装教程

1. 先去 DaoVoice 注册账号，登录进去，创建应用

• 公司名称：随便填（就是 应用名称）
• 联系电话：自己的电话
• 公司规模：随便填
• 邀请码：不用填

2. 在创建的应用内找到 应用设置，可以修改 应用名称、应用logo

   

3. 点击 安装到网站 ，即可看到安装的编程语言

   

4. 我们选择 js 即可，复制其中的代码，不会的代码如下（代码中的 X ，换成 自己独有的id 即可）：

(function (i, s, o, g, r, a, m) {
    i["DaoVoiceObject"] = r;
    i[r] = i[r] || function () {
        (i[r].q = i[r].q || []).push(arguments)
    }, i[r].l = 1 * new Date();
    a = s.createElement(o), m = s.getElementsByTagName(o)[0];
    a.async = 1;
    a.src = g;
    a.charset = "utf-8";
    m.parentNode.insertBefore(a, m)
})(window, document, "script", ('https:' == document.location.protocol ? 'https:' : 'http:') + "//widget.daovoice.io/widget/XXXXXXXX.js", "daovoice");
daovoice('init', {
    app_id: "XXXXXXXX"
});
daovoice('update');

5. 将代码新建一个 daovoice.js 文件，放到 butterfly 主题的 source/js 下即可。

6. 在主题的配置文件 主目录/source/_data/butterfly.yml 中添加如下代码：

   daovoice: /js/daovoice.js

   

7. 在主题的配置文件 主目录/source/_data/butterfly.yml 中再添加如下代码：

   daovoice: true # X为自己独有的id daovoice_app_id: XXXXX

   

8. 在 主题目录/layout/includes/head.pug 添加如下代码：

   //在线聊天 if theme.daovoice script(src=url_for(theme.CDN.daovoice) defer)

​

检查是否安装成功

1. 网页是否包含聊天图标
2. 点开图标里面是否是自己的应用名

结束语

1. 在theme主题/layout/includes/post添加passage-end-tag.pug,代码如下：

div
  div(style='text-align:center;color: #ccc;font-size:14px;font-family: cursive;')
    | -------------纸短情长 
    i.fa.fa-umbrella
    |  下次再见-------------

2. 在theme主题/layout下修改post.pug,代码如下：

+include includes/post/passage-end-tag.pug
include includes/post/post-copyright.pug

3. 完成

公众号二维码

1. 在theme主题/layout/includes/post添加wechat.pug,代码如下：

#wechat_subscriber
  center
    img#wechat_subscriber_qcode(src=`${post_cover}` onerror=`onerror=null;src='${theme.wechat_subscriber.qcode}'`,alt='文武科技社')
  div=theme.wechat_subscriber.description

2. 在theme主题/layout下修改post.pug,代码如下：

+include includes/post/wechat.pug
include includes/post/post-copyright.pug

3. 在主目录/source/_data下修改butterfly.yml,代码如下：

+#订阅
+wechat_subscriber:
+  enable: true
+  qcode:  /img/wwgzh.png #ex. /uploads/wechat-qcode.jpg
+  description: 把好故事讲给你听

#wechat_subscriber
  text-align: center
  display: inline-block
  line-height: 36px
  width: 100%
  margin: 0 auto

#wechat_subscriber_qcode
  width: 200px
  max-width: 100%