-
Notifications
You must be signed in to change notification settings - Fork 0
/
search.xml
277 lines (132 loc) · 359 KB
/
search.xml
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
<?xml version="1.0" encoding="utf-8"?>
<search>
<entry>
<title>一个快速轻便的点名程序（没写完）</title>
<link href="/2024/01/05/%E7%82%B9%E5%90%8D/"/>
<url>/2024/01/05/%E7%82%B9%E5%90%8D/</url>
<content type="html"><![CDATA[<link rel="stylesheet" class="aplayer-secondary-style-marker" href="\assets\css\APlayer.min.css"><script src="\assets\js\APlayer.min.js" class="aplayer-secondary-script-marker"></script><p>```python</p>]]></content>
<categories>
<category> -code </category>
</categories>
<tags>
<tag> code </tag>
</tags>
</entry>
<entry>
<title>Pytorch手写数字识别</title>
<link href="/2023/12/21/pyt%E6%89%8B%E5%86%99%E8%AF%86%E5%88%AB/"/>
<url>/2023/12/21/pyt%E6%89%8B%E5%86%99%E8%AF%86%E5%88%AB/</url>
<content type="html"><![CDATA[<link rel="stylesheet" class="aplayer-secondary-style-marker" href="\assets\css\APlayer.min.css"><script src="\assets\js\APlayer.min.js" class="aplayer-secondary-script-marker"></script><p><strong>一、手写数字MNIST库介绍</strong></p><blockquote><p>什么是MNIST<br>MNIST数据库是美国国家标注技术研究所数据集Mixed National Institute of Standards and Technology的简称，是美国国家标准与技术研究院(National Institute of Standards and Technology，NIST)下的子数据库.MNIST是一个入门级的计算机视觉数据集，是深度学习领域内通用的标准数据集.<br>它由一张张手写数字的图片构成，同时也包含对应的标签用以告诉我们(电脑)这个是数字几.</p></blockquote><p><strong>二、手写数字MNIST库介绍</strong></p><blockquote><p>MNIST的构成<br>通常我们所使用的MNIST数据集 (<a href="http://yann.lecun.com/exdb/mnist/">http://yann.lecun.com/exdb/mnist/</a>) 包含有60000组训练集与10000组测试集<br>数据(图像标签)被压缩在一些.gz格式的压缩包内<br>训练图像 trai training set images(9912422 bytes)<br>训练标签 training set labels (28881 bytes)<br>测试图像+10L test set images (1648877 bytes)<br>测试标签110k- test set labels (4542 bytes)<br>其中图像数据通常为28×28的矩阵，或是一个784维<br>的向量，而标签数据则是0-9的数字</p></blockquote><p><strong>三、主程序</strong><br>(环境配置就不说了)</p><blockquote><p>首先安装库：<br><figure class="highlight plaintext"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">pip install numpy torch torchvision matplotlib</span><br></pre></td></tr></table></figure><br>运行:<br><figure class="highlight plaintext"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">python test.py</span><br></pre></td></tr></table></figure></p><p>主体:<br><figure class="highlight python"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br><span class="line">11</span><br><span class="line">12</span><br><span class="line">13</span><br><span class="line">14</span><br><span class="line">15</span><br><span class="line">16</span><br><span class="line">17</span><br><span class="line">18</span><br><span class="line">19</span><br><span class="line">20</span><br><span class="line">21</span><br><span class="line">22</span><br><span class="line">23</span><br><span class="line">24</span><br><span class="line">25</span><br><span class="line">26</span><br><span class="line">27</span><br><span class="line">28</span><br><span class="line">29</span><br><span class="line">30</span><br><span class="line">31</span><br><span class="line">32</span><br><span class="line">33</span><br><span class="line">34</span><br><span class="line">35</span><br><span class="line">36</span><br><span class="line">37</span><br><span class="line">38</span><br><span class="line">39</span><br><span class="line">40</span><br><span class="line">41</span><br><span class="line">42</span><br><span class="line">43</span><br><span class="line">44</span><br><span class="line">45</span><br><span class="line">46</span><br><span class="line">47</span><br><span class="line">48</span><br><span class="line">49</span><br><span class="line">50</span><br><span class="line">51</span><br><span class="line">52</span><br><span class="line">53</span><br><span class="line">54</span><br><span class="line">55</span><br><span class="line">56</span><br><span class="line">57</span><br><span class="line">58</span><br><span class="line">59</span><br><span class="line">60</span><br><span class="line">61</span><br><span class="line">62</span><br><span class="line">63</span><br><span class="line">64</span><br><span class="line">65</span><br><span class="line">66</span><br><span class="line">67</span><br><span class="line">68</span><br><span class="line">69</span><br><span class="line">70</span><br><span class="line">71</span><br><span class="line">72</span><br></pre></td><td class="code"><pre><span class="line"><span class="keyword">import</span> torch</span><br><span class="line"><span class="keyword">from</span> torch.utils.data <span class="keyword">import</span> DataLoader</span><br><span class="line"><span class="keyword">from</span> torchvision <span class="keyword">import</span> transforms</span><br><span class="line"><span class="keyword">from</span> torchvision.datasets <span class="keyword">import</span> MNIST</span><br><span class="line"><span class="keyword">import</span> matplotlib.pyplot <span class="keyword">as</span> plt</span><br><span class="line"></span><br><span class="line"></span><br><span class="line"><span class="keyword">class</span> <span class="title class_">Net</span>(torch.nn.Module):</span><br><span class="line"></span><br><span class="line"> <span class="keyword">def</span> <span class="title function_">__init__</span>(<span class="params">self</span>):</span><br><span class="line"> <span class="built_in">super</span>().__init__()</span><br><span class="line"> self.fc1 = torch.nn.Linear(<span class="number">28</span>*<span class="number">28</span>, <span class="number">64</span>)</span><br><span class="line"> self.fc2 = torch.nn.Linear(<span class="number">64</span>, <span class="number">64</span>)</span><br><span class="line"> self.fc3 = torch.nn.Linear(<span class="number">64</span>, <span class="number">64</span>)</span><br><span class="line"> self.fc4 = torch.nn.Linear(<span class="number">64</span>, <span class="number">10</span>)</span><br><span class="line"> </span><br><span class="line"> <span class="keyword">def</span> <span class="title function_">forward</span>(<span class="params">self, x</span>):</span><br><span class="line"> x = torch.nn.functional.relu(self.fc1(x))</span><br><span class="line"> x = torch.nn.functional.relu(self.fc2(x))</span><br><span class="line"> x = torch.nn.functional.relu(self.fc3(x))</span><br><span class="line"> x = torch.nn.functional.log_softmax(self.fc4(x), dim=<span class="number">1</span>)</span><br><span class="line"> <span class="keyword">return</span> x</span><br><span class="line"></span><br><span class="line"></span><br><span class="line"><span class="keyword">def</span> <span class="title function_">get_data_loader</span>(<span class="params">is_train</span>):</span><br><span class="line"> to_tensor = transforms.Compose([transforms.ToTensor()])</span><br><span class="line"> data_set = MNIST(<span class="string">""</span>, is_train, transform=to_tensor, download=<span class="literal">True</span>)</span><br><span class="line"> <span class="keyword">return</span> DataLoader(data_set, batch_size=<span class="number">15</span>, shuffle=<span class="literal">True</span>)</span><br><span class="line"></span><br><span class="line"></span><br><span class="line"><span class="keyword">def</span> <span class="title function_">evaluate</span>(<span class="params">test_data, net</span>):</span><br><span class="line"> n_correct = <span class="number">0</span></span><br><span class="line"> n_total = <span class="number">0</span></span><br><span class="line"> <span class="keyword">with</span> torch.no_grad():</span><br><span class="line"> <span class="keyword">for</span> (x, y) <span class="keyword">in</span> test_data:</span><br><span class="line"> outputs = net.forward(x.view(-<span class="number">1</span>, <span class="number">28</span>*<span class="number">28</span>))</span><br><span class="line"> <span class="keyword">for</span> i, output <span class="keyword">in</span> <span class="built_in">enumerate</span>(outputs):</span><br><span class="line"> <span class="keyword">if</span> torch.argmax(output) == y[i]:</span><br><span class="line"> n_correct += <span class="number">1</span></span><br><span class="line"> n_total += <span class="number">1</span></span><br><span class="line"> <span class="keyword">return</span> n_correct / n_total</span><br><span class="line"></span><br><span class="line"></span><br><span class="line"><span class="keyword">def</span> <span class="title function_">main</span>():</span><br><span class="line"></span><br><span class="line"> train_data = get_data_loader(is_train=<span class="literal">True</span>)</span><br><span class="line"> test_data = get_data_loader(is_train=<span class="literal">False</span>)</span><br><span class="line"> net = Net()</span><br><span class="line"> </span><br><span class="line"> <span class="built_in">print</span>(<span class="string">"initial accuracy:"</span>, evaluate(test_data, net))</span><br><span class="line"> optimizer = torch.optim.Adam(net.parameters(), lr=<span class="number">0.001</span>)</span><br><span class="line"> <span class="keyword">for</span> epoch <span class="keyword">in</span> <span class="built_in">range</span>(<span class="number">2</span>):</span><br><span class="line"> <span class="keyword">for</span> (x, y) <span class="keyword">in</span> train_data:</span><br><span class="line"> net.zero_grad()</span><br><span class="line"> output = net.forward(x.view(-<span class="number">1</span>, <span class="number">28</span>*<span class="number">28</span>))</span><br><span class="line"> loss = torch.nn.functional.nll_loss(output, y)</span><br><span class="line"> loss.backward()</span><br><span class="line"> optimizer.step()</span><br><span class="line"> <span class="built_in">print</span>(<span class="string">"epoch"</span>, epoch, <span class="string">"accuracy:"</span>, evaluate(test_data, net))</span><br><span class="line"></span><br><span class="line"> <span class="keyword">for</span> (n, (x, _)) <span class="keyword">in</span> <span class="built_in">enumerate</span>(test_data):</span><br><span class="line"> <span class="keyword">if</span> n > <span class="number">3</span>:</span><br><span class="line"> <span class="keyword">break</span></span><br><span class="line"> predict = torch.argmax(net.forward(x[<span class="number">0</span>].view(-<span class="number">1</span>, <span class="number">28</span>*<span class="number">28</span>)))</span><br><span class="line"> plt.figure(n)</span><br><span class="line"> plt.imshow(x[<span class="number">0</span>].view(<span class="number">28</span>, <span class="number">28</span>))</span><br><span class="line"> plt.title(<span class="string">"prediction: "</span> + <span class="built_in">str</span>(<span class="built_in">int</span>(predict)))</span><br><span class="line"> plt.show()</span><br><span class="line"></span><br><span class="line"></span><br><span class="line"><span class="keyword">if</span> __name__ == <span class="string">"__main__"</span>:</span><br><span class="line"> main()</span><br></pre></td></tr></table></figure></p></blockquote><p>下来我们来逐个分析：</p><ol><li><p>定义神经网络模型：</p><figure class="highlight python"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br><span class="line">11</span><br><span class="line">12</span><br><span class="line">13</span><br><span class="line">14</span><br></pre></td><td class="code"><pre><span class="line"><span class="keyword">class</span> <span class="title class_">Net</span>(torch.nn.Module):</span><br><span class="line"> <span class="keyword">def</span> <span class="title function_">__init__</span>(<span class="params">self</span>):</span><br><span class="line"> <span class="built_in">super</span>().__init__()</span><br><span class="line"> self.fc1 = torch.nn.Linear(<span class="number">28</span>*<span class="number">28</span>, <span class="number">64</span>)</span><br><span class="line"> self.fc2 = torch.nn.Linear(<span class="number">64</span>, <span class="number">64</span>)</span><br><span class="line"> self.fc3 = torch.nn.Linear(<span class="number">64</span>, <span class="number">64</span>)</span><br><span class="line"> self.fc4 = torch.nn.Linear(<span class="number">64</span>, <span class="number">10</span>)</span><br><span class="line"> </span><br><span class="line"> <span class="keyword">def</span> <span class="title function_">forward</span>(<span class="params">self, x</span>):</span><br><span class="line"> x = torch.nn.functional.relu(self.fc1(x))</span><br><span class="line"> x = torch.nn.functional.relu(self.fc2(x))</span><br><span class="line"> x = torch.nn.functional.relu(self.fc3(x))</span><br><span class="line"> x = torch.nn.functional.log_softmax(self.fc4(x), dim=<span class="number">1</span>)</span><br><span class="line"> <span class="keyword">return</span> x</span><br></pre></td></tr></table></figure><p> 首先，Net 类继承自 torch.nn.Module，定义了一个简单的前向传播神经网络模型。该模型包含了四个全连接层 (fc1, fc2, fc3, fc4)。输入层为 28*28（MNIST 图像大小），输出层为 10（表示数字 0 到 9 的分类）。<br> forward 方法定义了前向传播过程，其中使用了 ReLU 激活函数，并在最后一层使用了 log_softmax 来得到输出。</p></li><li><p>数据加载和预处理：</p><figure class="highlight python"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br></pre></td><td class="code"><pre><span class="line"><span class="keyword">def</span> <span class="title function_">get_data_loader</span>(<span class="params">is_train</span>):</span><br><span class="line"> to_tensor = transforms.Compose([transforms.ToTensor()])</span><br><span class="line"> data_set = MNIST(<span class="string">""</span>, is_train, transform=to_tensor, download=<span class="literal">True</span>)</span><br><span class="line"> <span class="keyword">return</span> DataLoader(data_set, batch_size=<span class="number">15</span>, shuffle=<span class="literal">True</span>)</span><br><span class="line"></span><br></pre></td></tr></table></figure><p>用 get_data_loader 函数根据 is_train 参数获取训练或测试数据集的数据加载器。使用了 transforms.Compose 将 ToTensor() 转换函数组合起来，将数据转换为张量类型。使用 MNIST 数据集从 torchvision 库中加载数据集，transform 参数将对数据进行预处理，download=True 表示如果数据集不存在则进行下载。</p></li><li><p>模型训练和评估：</p><figure class="highlight python"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br><span class="line">11</span><br><span class="line">12</span><br><span class="line">13</span><br><span class="line">14</span><br><span class="line">15</span><br><span class="line">16</span><br><span class="line">17</span><br><span class="line">18</span><br><span class="line">19</span><br><span class="line">20</span><br></pre></td><td class="code"><pre><span class="line">train_data = get_data_loader(is_train=<span class="literal">True</span>)</span><br><span class="line">test_data = get_data_loader(is_train=<span class="literal">False</span>)</span><br><span class="line">net = Net()</span><br><span class="line"></span><br><span class="line"><span class="comment"># 训练模型</span></span><br><span class="line">optimizer = torch.optim.Adam(net.parameters(), lr=<span class="number">0.001</span>)</span><br><span class="line"><span class="keyword">for</span> epoch <span class="keyword">in</span> <span class="built_in">range</span>(<span class="number">2</span>):</span><br><span class="line"> <span class="keyword">for</span> (x, y) <span class="keyword">in</span> train_data:</span><br><span class="line"> <span class="comment"># 前向传播、损失计算、反向传播和参数优化</span></span><br><span class="line"> net.zero_grad()</span><br><span class="line"> output = net.forward(x.view(-<span class="number">1</span>, <span class="number">28</span>*<span class="number">28</span>))</span><br><span class="line"> loss = torch.nn.functional.nll_loss(output, y)</span><br><span class="line"> loss.backward()</span><br><span class="line"> optimizer.step()</span><br><span class="line"></span><br><span class="line"><span class="comment"># 评估模型</span></span><br><span class="line"><span class="built_in">print</span>(<span class="string">"initial accuracy:"</span>, evaluate(test_data, net))</span><br><span class="line"><span class="keyword">for</span> epoch <span class="keyword">in</span> <span class="built_in">range</span>(<span class="number">2</span>):</span><br><span class="line"> <span class="comment"># 打印每个 epoch 后的准确率</span></span><br><span class="line"> <span class="built_in">print</span>(<span class="string">"epoch"</span>, epoch, <span class="string">"accuracy:"</span>, evaluate(test_data, net))</span><br></pre></td></tr></table></figure><p> 使用 get_data_loader 获取训练和测试数据集。<br> 创建 Net 类的实例作为神经网络模型。<br> 使用 torch.optim.Adam 作为优化器，学习率为 0.001。<br> 迭代训练模型，在每个 epoch 中遍历训练集，进行前向传播、损失计算、反向传播和参数优化。<br> 使用 evaluate 函数评估模型在测试数据集上的准确率，并打印每个 epoch 后的准确率。</p></li><li><p>展示预测结果：</p><figure class="highlight python"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br></pre></td><td class="code"><pre><span class="line"><span class="keyword">for</span> (n, (x, _)) <span class="keyword">in</span> <span class="built_in">enumerate</span>(test_data):</span><br><span class="line"> <span class="keyword">if</span> n > <span class="number">3</span>:</span><br><span class="line"> <span class="keyword">break</span></span><br><span class="line"> predict = torch.argmax(net.forward(x[<span class="number">0</span>].view(-<span class="number">1</span>, <span class="number">28</span>*<span class="number">28</span>)))</span><br><span class="line"> plt.figure(n)</span><br><span class="line"> plt.imshow(x[<span class="number">0</span>].view(<span class="number">28</span>, <span class="number">28</span>))</span><br><span class="line"> plt.title(<span class="string">"prediction: "</span> + <span class="built_in">str</span>(<span class="built_in">int</span>(predict)))</span><br><span class="line">plt.show()</span><br></pre></td></tr></table></figure><p> 测试数据集中的部分样本，并进行模型的预测。<br> 对于每个样本，使用模型预测其对应的数字。<br> 使用 matplotlib 库展示样本图像和模型的预测结果。</p></li></ol><p>这样就实现了一个简单的神经网络模型，在 MNIST 数据集上进行训练和评估，并展示了部分样本的预测结果。</p>]]></content>
<categories>
<category> code </category>
</categories>
<tags>
<tag> pytorch </tag>
</tags>
</entry>
<entry>
<title>EVE Online姐妹会四级安全任务攻略</title>
<link href="/2023/12/17/eve4%E7%BA%A7/"/>
<url>/2023/12/17/eve4%E7%BA%A7/</url>
<content type="html"><![CDATA[<link rel="stylesheet" class="aplayer-secondary-style-marker" href="\assets\css\APlayer.min.css"><script src="\assets\js\APlayer.min.js" class="aplayer-secondary-script-marker"></script><p>军团声望：2级任务1.0声望 3级任务3.0声望 4级任务5.0声望 </p><p>势力声望：最低-2.0</p><p>任务地点：朗基斯＞安帕纳克＞欧斯蒙 （收益排序）</p><p>推荐地点排名：欧斯蒙＞朗基斯＞安帕纳克（离市场中心的远近） </p><p>世界碰撞（天蛇+古斯塔）：动热抗 </p><p>携带武器要求：动能或热能伤害弹药</p><p>轨道外2堆怪一边天蛇一边古斯塔，120KM之外……打掉一边才能进对应轨道</p><p>第一层：（天蛇）共3批怪，每批怪都有3战列3战巡3护卫，进去后别动，等几秒钟后2个天蛇间谍主动攻击，同时会激活其中一批怪。优先击杀战巡（打掉3个战巡后无压力），然后击杀近距离战列，最后狙杀远距离环绕战列（护卫可以暂时不管）。打完一批激活下一批，*到杀光所有。</p><p>第一层：（兔子）兔子层一样是3批怪，不过只有2批有战列。打法与天蛇层一样。不过兔子层有2个反跳护卫，需要小心。</p><p>第二层：（还是兔子）4批怪，距离都很近。放岗哨不会暴动。分批激活（先打一个，然后只锁定激活的）打掉，离苍鹭号3KM，拿了人员就可以走人。</p><p>封锁线（天蛇）：动热抗</p><p>携带武器要求：动能或热能伤害弹药</p><p>开放空间</p><p>起始1减速塔4战列2驱逐，战列37/51KM环绕，新手要带典狱官。做好秒跳，先打掉减速塔，然后灭战列（灭上将或中将出增援）；</p><p>第一批增援3少将3岸防上将4战巡6精英巡洋2驱逐2护卫（也可能使2少将1上将2岸防），有感应抑阻小托，用中无人优先打掉，杀掉最后一条少将出增援（有上将或中将的话是杀上将或中将出增援）；</p><p>PS：这批增援是最强悍的，DPS不够必须随时准备跑路，击杀顺序：护卫和驱逐——精英巡洋——战巡（火力最猛)——战列。</p><p>第二批增援3岸防上将1少将1上将或中将（也可能是3岸防上将+2少将），有3抑阻护卫，优先捏护卫，上将或中将最后打，打掉出第3批增援；</p><p>第三批增援2上将3高级上将（也可能是4~5上将），一样有3抑阻小托和3抑阻护卫，优先捏掉，然后先捏高级上将（8~9KM环绕）后捏上将，捏掉上将出第4批增援（如果是出4~5上将，则杀掉第2条上将出增援）；</p><p>第四批增援1上将3高级上将1君王上将（也可能是2上将2高级1君王）4反跳护卫，先捏护卫后高级后君王最后上将。</p><p>PS：这批怪DPS主要来自高级上将和君王上将，一定要优先打掉。</p><p>天蛇的妄想（天蛇）：动热抗</p><p>携带武器要求：动能或热能伤害弹药</p><p>第一层：怪分4批，最右边22KM处4个护卫优先点掉，杀这批护卫时会出5巡洋增援；右上方向2批怪，27KM处4驱逐2巡洋1战列、48KM处6战列（最后杀），27KM处的先杀，此批怪用岗哨先打掉驱逐，打巡洋时出3护卫增援；正前方35KM处3战列2战巡。该层怪都不主动攻击，放无人机也没事</p><p>第二层：怪分3批，22KM2战巡、28KM（上方）3战列、46KM1战列3战巡3巡洋4护卫。本层不主动攻击，打22KM战巡出3战列增援；打46KM的怪会出3护卫增援。本层怪会主动攻击无人机，注意收放</p><p>第三层：进去以后*接冲进怪堆里，4驱逐4战巡1战列</p><p>古斯塔斯的妄想（兔子）：动热抗</p><p>携带武器要求：动能或热能伤害弹药</p><p>第一层 2巡洋2护卫，4炮台，没有增援，打掉即可进入下一层。</p><p>第二层 初始1战列2战巡1护卫1驱逐（55KM左右）；击杀护卫刷第一批增援，2战列2战巡2护卫（22KM左右）；击杀护卫出第二批增援，2战列2战巡1战列BOSS（30KM左右）。</p><p>第三层 初始2战列2战巡2护卫（50KM左右）、3炮台（炮台距离60~72KM），击杀护卫刷第一批增援，2战列2战巡2护卫（30KM左右）；击杀护卫出第二批增援，2战列2战巡2护卫（50KM左右）；击杀护卫出第三批增援，3战列2战巡1护卫（35KM左右）；第四批增援是击杀第三批的战列触发的，2战列2战巡1驱逐1护卫（54KM左右）。</p><p>第四层 初始近处4艾玛导弹台（电磁伤害较高，优先清掉）、2战列、2战巡、1巡洋、2护卫（60KM左右）；击杀护卫刷第一批增援，2战列、1护卫（30KM左右）。 </p><p>第五层 初始3炮台（56~72KM，可以不管）、4驱逐2护卫（45KM左右）、2战巡2战列（70KM左右），优先击杀驱逐；击杀护卫刷第一批增援，3战列2战巡4精英护卫（ECM，优先击杀）1护卫（55KM左右）；击杀护卫出第二批增援，3战列2精英驱逐2护卫（50KM左右）；击杀护卫出第三批增援，2战列1战列BOSS（45KM左右）。</p><p>PS：打完第二批增援的战列就可以完成任务，防御够高可以选择优先击杀护卫，激活所有增援，一共3炮台4战巡11战列以及驱逐，很爽。 </p><p>第六层 需要一个古斯塔斯钻石牌子才能进，近处2个III型炮台（主动攻击）以及3战列3战巡，改版之后6层怪数量大减，似乎没必要打。</p><p>任务要点：怪是分批出现的，每一批数量不多， 一批一批清，记住每批怪一定要把护卫（克约卡恩）都有网子，留到最后打，打了就会再刷一批。当然对自己装备有自信的也可以打！ 其次动抗一定要够，如果能达到85%以上，只要小心点扛着打</p><p>莫德团的猎头：动热抗 （对无人机船极其不友好）</p><p>携带武器要求：动能或热能伤害弹药</p><p>第一层 3批怪，进去后距离最近的1批怪会主动攻击，放无人机的话会导致左边一批怪<em>接攻击无人机，能抗住就先把左边一批巡洋+护卫先打掉，如果防御不够就先捏掉主动攻击的巡洋再打左边那批，战列最后打。清完这2批后把远的一批怪激活*</em>。</p><p>第二层 4批怪，距离近的一批护卫主动攻击，打掉，激活左边的，打完激活右边的，最后打中间一批，离的最远。（打完右边的就算完成，中间那批可以不杀）</p><p>注意：部分护卫能反跳，激活时优先点杀护卫，否则悲剧。</p><p>复仇之火（天蛇/兔子）：动热抗</p><p>携带武器要求：动能或热能伤害弹药</p><p>第一层：6批怪，其中一批主动攻击，不要着急，点掉，分批点杀其他各批（用岗哨不会暴动）；</p><p>第二层：4批怪，只有最近的6护卫主动攻击。放轻无点杀，然后分批激活捏完。</p><p>第三层：进去最近的一组4战巡主动攻击，用中无人捏掉，剩下的离的很远，但是只要攻击就全部激活，没什么好办法，顶着打（伤害不是很高，双修大米无压力）</p><p>注意：把无人机设置城被动攻击，或者全激活暴动，怪距离都不远，一般都在30KM以内，否则可能丢无人机。</p><p>袭击（天蛇）：动热抗</p><p>携带武器要求：动能或热能伤害弹药</p><p>第一层：进去后怪分4批，左4战列，距离55KM；左中4巡洋2护卫，距离55KM；右中2战列4战巡3护卫，距离55KM；右4战列3战巡5驱逐，距离48KM。从左往右打，这个方法怪不会打无人机，不过这样打法会同时激活2批怪，即左边2批怪同时激活，杀完打右边时，右边的2批也同时激活。最右边一批杀上将或中将时出增援，4战列4护卫（有反跳）。</p><p>PS：据说这层可以不杀，*接进下层。</p><p>第二层：2批怪，左边2战列（高级上将）3驱逐不主动攻击，右边6战列（4准将2岸防上将）3战巡4护卫主动攻击，先杀掉最近的4个小护卫（有反跳），人后杀战巡；当对准将（战列）开战后左边的怪开始攻击，先把4个准将杀掉（6KM环绕），然后杀岸防上将（37KM环绕），最后杀高级上将（9KM环绕）；打高级上将就出4战列（小型舰队上将）3精英护卫增援，先不管*接杀最高上将，杀完转火灭了Y的。</p><p>第三层：2批怪，左边3战列1战巡1巡洋，距离85KM；右边1战列3战巡2巡洋2精英护卫，距离65KM。先捏右边，然后左边。</p><p>狂暴（EOM）： 动热抗</p><p>携带武器要求：动能或热能伤害弹药</p><p>开放空间，跳任务点0M，建筑附近刷出左、中、右三批怪，主动攻击，分别为1九头蛇1十字军，*接打最右边的十字军，会刷出2个死亡骑士，继续打刷出的死亡骑士，会在雷达站左侧刷出1个单独的九头蛇，杀之，然后又刷1个新的九头蛇和1个食人魔，杀掉食人魔，会刷出1个死亡大帝，杀掉这个死亡大帝然后重复操作即可。</p><p>注意事项：对于第一次做这个任务的人来说，千万不要被EOM怪A船的外型蒙骗了，其实全都是动能伤害的攻击。</p><p>截击破坏者（天蛇）：动热抗</p><p>携带武器要求：动能或热能伤害弹药</p><p>轨道外3护卫2驱逐随便捏掉激活</p><p>进轨道后不动就不会激活，怪分3批——左中右，打中间的那批不会激活其他怪（有反跳护卫，优先捏掉）。对双修多米来说这个任务很好抗，先捏护卫后干巡洋，之后用卫兵打战列。记住运输舰一定要最后杀——最后一个击杀的运输舰出任务物品，并且运输舰在战斗开始后会逐渐靠近*到2KM以内，捡东西很方便。</p><p>想全灭就分批激活左右两边的，轻松打完（怪大多是7KM左右环绕，建议带疾速炮）</p><p>双匪劫（天蛇/兔子）：动热抗</p><p>2战列2减速无人3炮台，没什么压力，最后一个击杀的战列出任务物品，距离33KM……</p><p>天蛇/古斯塔斯的间谍（天蛇/兔子）：动热抗</p><p>携带武器要求：动能或热能伤害弹药</p><p>开放空间，7炮台，1战列3战巡5护卫，船距离120KM，顶着炮台爬过去，打完了事。简单。</p><p>侦察（天蛇/兔子）：动热抗</p><p>携带武器要求：动能或热能伤害弹药</p><p>1/3：可开条高速船（护卫带5MN微型跃迁推进器拿完东西就跑），*接冲轨道就算完成任务。有自信可以全杀，6条120W赏金战列5精英巡洋（抑阻）1战巡（兔子是6战列1战巡3巡洋2护卫，网子、反跳、ECM全有）；2层2~3战列2~3驱逐以及刷出的增援3精英巡洋3精英护卫。全部赏金大约是1100~1200万。</p><p>2/3（高速船速刷）：进任务空间后左前有条加速轨道，距离72KM左右，接近到12KM左右刷海盗，任务完成，跑路。</p><p>3/3：全抗，用高抗高速船，激活加速轨道（56KM）完成任务。</p><p>大举进犯（天蛇）：动热抗</p><p>携带武器要求：动能或热能伤害弹药</p><p>轨道外2巡洋3驱逐，随便杀了进下一层。</p><p>第一层：怪分2批，不主动攻击，右边2战列2战巡2驱逐，距离45KM；前方3巡洋2驱逐1护卫，距离55KM，简单，暴动打法。</p><p>第二层：一样分2批，左边3巡洋4精英护卫，距离55KM；右边2战列2战巡2驱逐，距离137KM（真TM的远，慢慢爬过去**吧，靠近到战列90KM左右就会自动激活）。</p><p>第三层：怪分3批，右边3巡洋1护卫，距离29KM，主动攻击（有反跳）；前方4战巡2巡洋2护卫，距离100KM；左边3战列3战巡2驱逐2护卫，距离100KM。得爬过去，靠近有战列的那批怪80KM以内会自动激活，另一批不会激活但会打无人机。反正不难，一起激活打掉。</p><p>疤痕（天蛇）：动热抗</p><p>携带武器要求：动能或热能伤害弹药</p><p>第一层：很多船，没战列，搞暴动，无人机自动攻击。轨道距离60KM！</p><p>第二层：3批怪，共4战列及少量战巡巡洋，可分批激活也可暴动。轨道距离42KM！</p><p>第三层：4战列2战巡4巡洋2驱逐4护卫，简单</p><p>恐惧海盗斯嘉丽（所有）：全抗</p><p>携带武器要求：热能伤害弹药</p><p>该任务随机刷怪，四系海盗都有，因此至少上一个被动全抗和3个主动抗，弹药或无人机也只好带热能+**，这样比较保险。</p><p>不过也有规律可循：</p><p>轨道外似乎只出天蛇和天使，一般出天蛇，动热抗，偶尔有近程战列，击杀顺序：巡洋——战巡——远程战列——近程战列，最后杀掉的战列出钥匙（在货柜里，所以一旦有近战的战列就留最后杀），拿了要是才能激活轨道（可以无限使用）。</p><p>第一层似乎只出古斯塔斯和天蛇，一般出古斯塔斯，强力的ECM怪，可能会被连续干扰10多分钟，因此只好无人机主动攻击；出天蛇就好办多了。</p><p>第二层出天蛇、古斯塔斯、萨沙（天使似乎不出），一般出天蛇或古斯塔斯，萨沙出的概率很低，打掉第一批只后会出增援。</p><p>第三层四系海盗都有概率出，一般以古斯塔斯小船+天蛇4战列6战巡为主，偶尔也有萨沙+天使组合。本层比较难，古兔子有索敌干扰+反跳、天蛇有炮扰，建议优先点掉反跳无人机和索敌干扰巡洋舰（歼灭者），然后全力打掉天蛇战巡（DPS非常恐怖），杀完战巡就好办了，打完天蛇战列之后会刷增援（4战列，赏金很高），杀完增援之后再出4战列增援。（扛不住？放中无人，风筝是王道，完了之后跃迁回炮台那里，爽）</p><p>快速打法：拿到钥匙后扛着跳轨道，<em>到第三层</em>接杀BOSS，完成任务；DPS高的话在第二层就可以秒BOSS完成任务。</p><p>危难中的少女（雇佣兵）：动热全抗</p><p>携带武器要求：动能或热能伤害弹药</p><p>开放空间，建议跳50KM，怪火力太猛了（小马是雇佣兵，主动热伤害+一定**伤害）</p><p>开始：第一批.克鲁乌尔，3战列，4巡洋，2护卫。 </p><p>如果攻击克鲁乌尔，则会刷新第二批，6战列（所以，在清完其他怪前，不要去打克鲁乌尔，无人机一定要控制好。） </p><p>一共两个花园，飞船正对方向右边那个是真的花园。如果攻击少女所在花园到装甲，则刷新第三批，2蜘蛛无人，4巡洋，4战列 </p><p>如果攻击少女所在花园到结构，将要<strong>时候，刷新第四批，6护卫，3巡洋，佐尔。建议优先</strong>佐尔，佐尔热能伤害的巡航导弹真是厉害，射程远，射速快，伤害高。其他的就慢慢来吧。 </p><p>任务要点是，进去任务地点后要快点杀掉伤害输出比较大的战列以及巡洋，怪的伤害，还是比较可观的。 </p><p>如果防御能力不够，估计要准备跳几次，怪没有反跃。 </p><p>死人不会说话（无人机+雇佣兵）：动热全抗</p><p>携带武器要求：动能或热能伤害弹药</p><p>第一层：电热抗 2岗哨5战列6战巡，岗哨主动攻击，其他的不主动</p><p>第二层：动热抗 进去后等一会，陆续刷出4批怪，距离55KM的主动攻击，先打掉，然后打30KM的——60KM的——80KM的。注意：无人机离其他被动怪太近就会被锁定，注意收放。</p><p>第三层：8岗哨炮台，主动攻击；BOSS70KM外被动，不过会打无人机。</p><p>扎茨玛特的右使者（雇佣兵）:动热全抗</p><p>携带武器要求：动能或热能伤害弹药</p><p>快速打法：开放空间，新人可以跳50KM，怪里面有一个佐尔是热能伤害，优先处理，残骸里会出“XXXX卡片”，是进入世界碰撞任务的钥匙，还有条马克瑞，这2个战列可以先打掉，然后就可以<strong>任务目标哨站总部，另外有6条巡洋2小船会攻击，这不要全灭的，但是要</strong>最近的一个保镖，任务就完成了。</p><p>注意事项：全暴动DPS很高，一开始无人别乱扔，可能会激活护卫，其他船也会攻击你的无人，造成不必要的损失。</p><p>阻止小偷（雇佣兵）：动热全抗</p><p>携带武器要求：动能或热能伤害弹药</p><p>开放空间，初始1战列（35KM小马）5巡洋（120KM巨鸟）6护卫（85~92KM小德）</p><p>先不杀大君王，击杀6护卫之后杀大君王；杀完大君王之后在20KM内刷出增援2战列（爆动伤小马）6巡洋（电伤狞獾）4护卫（网子），扛得住就先捏巡洋后打两条“影之打手”最后杀“影”，扛不住就*接杀“影”，拿任务物品走人。</p><p>注意事项：绝对不要优先击杀大君王，全暴动DPS非常高有爆船危险，尤其是6条电伤狞獾；其次，120KM处的巨鸟巡洋速度很慢，但是会主动转火岗哨，切记！</p><p>天使的妄想（天使）：暴动全抗</p><p>携带武器要求：*爆或动能伤害弹药</p><p>先小船后大船，请带重无（岗哨打不到8KM环绕小马）</p><p>第一层：3战列3战巡2护卫，护卫有网，优先点掉，爆战将出增援；第1批增援2战列2战巡，初始距离15KM，爆军阀出增援；第2批增援2战列2护卫，初始距离34KM。</p><p>第二层：（这层部分怪20+KM环绕，得用岗哨了）1战列2战巡2驱逐，爆军阀出增援；第1批增援2战列2战巡，初始距离32KM，爆军阀出增援；第2批增援1战列2战巡2护卫1精英巡洋，初始距离56KM。</p><p>第三层：只有1战列，外加10来个炮台，没增援，随便打掉就可以，距离远的就算了。</p><p>第四层：2战列2战巡3护卫，护卫有网，爆掉最后一条军阀出增援；第1批增援4战列2护卫，初始距离54KM，爆战将出增援；第2批增援3战列2护卫，初始距离<strong>KM，爆最后一条战将出增援；第3批增援3战列2护卫，初始距离</strong>KM，爆最后一条战将出增援；第4批增援2战列2战巡1驱逐，初始距离50KM。</p><p>第五层：2战列2战巡1驱逐，距离40KM左右，爆战将出增援；第1批增援1战列5战巡2护卫，初始距离38KM，爆圣徒出增援；第2批增援3战列2护卫，初始距离50KM左右，爆最后一条军阀出增援；最后一批BOSS及2条蜘蛛无人机（强力网子）。打完BOSS完成任务。</p><p>第六层：第六层 需要一个天使钻石牌子才能进，懒得打……</p><p>消灭杂音（天使）：暴动全抗 （对无人机船极其不友好；而且很麻烦不推荐接）</p><p>携带武器要求：爆或动能伤害弹药</p><p>该任务全是精英船，抗性非常高！打掉一批就出一批增援（或打掉一个）。一共52条船，除了4战列全是精英小船！赏金不高又难打，可以考虑拒绝！</p><p>第一批5精英巡洋，杀完出增援；</p><p>第二批5精英护卫，杀掉反跳护卫出增援；</p><p>第三批3标记护卫，杀完出增援；</p><p>第四批3护卫2巡洋，杀完巡洋出第五批增援、杀完护卫出第六批增援；</p><p>第五批4巡洋，杀完出第七批增援；</p><p>第六批3护卫，杀玩出第九批增援；</p><p>第七批5战巡4巡洋（DPS很猛先捏战巡），杀完巡洋出第八批增援（最好留一条）；</p><p>第八批4巡洋3驱逐5护卫，有网有反跳，先把反跳和网护卫杀了，然后转火巡洋，杀完巡洋出第十批增援；</p><p>第九批3大天使精英护卫；</p><p>第十批4战列。</p><p>海盗侵略（天使）：暴动全抗</p><p>携带武器要求：爆或动能伤害弹药</p><p>进去后稍等一会，陆续刷出5批怪（右下40KM、左下100km+、前方正面90KM+、背后左60KM、背后右65KM），右下一批怪主动攻击，其中有2条反跳护卫，优先点掉护卫和战巡；杀完之后可以选择激活前方正面或左下方那批，但是不论如何选择，这两批怪会同时激活参战。即：你将面对至少7战列环绕攻击，不过因为距离远太远，总DPS并不高，双修多米完全没压力。杀完这两批怪任务就算完成，背后那2批可以不杀。</p><p>PS：左下那批怪经常会卡在建筑里，长时间过不来，比较恶心。</p><p>未授权的军队（天使）：暴动全抗</p><p>携带武器要求：爆或动能伤害弹药</p><p>轨道外：2战巡4巡洋2驱逐</p><p>进轨道：3批怪，最近的77KM左右4战列6战巡3护卫，优先激活捏之（不小心被战列近身缠绕就得用重无了）；然后捏左边的，最后捏最远的一批。</p><p>歼灭奴隶贩子1/2（萨沙)：电热抗</p><p>携带武器要求：电磁或热能伤害弹药</p><p>任务比较简单，1战列2巡洋4护卫，打掉奴隶围栏拿50个奴隶就算完成；不过DPS高的可以等等，大约5~10分钟左右出一120W赏金战列。</p><p>歼灭奴隶贩子2/2（萨沙)：电热抗</p><p>比第一步难很多了</p><p>轨道外2战列4巡洋随便杀</p><p>进轨道，8个炮台+2减速塔，1战列5巡洋3护卫一起主动攻击。建议进去后先做好秒跳方向，优先点杀炮台，然后巡洋——战列——护卫——最后打”奴隶贩子“，打完两条“奴隶贩子“就算完成任务。扛不住就跑。</p><p>无人机的袭击（无人机）：爆、动、全抗</p><p>携带武器要求：电磁或热能伤害弹药</p><p>开放空间，进去后刷出4个“轰炸机阿瓦姆”（17~22KM环绕），每打掉一个轰炸机阿瓦姆就刷出“阿瓦斯**者”2~3个（33KM左右环绕）+2个巡洋级或护卫级别别无人机的增援（最后一批增援是“高级寄生阿瓦斯”）。</p><p>击杀方法：捏掉一个轰炸机阿瓦姆，转火打增援的无人机；如此反复。运气好的话杀完第一批增援就完成任务。</p><p>注意事项：千万别一次性打完轰炸机阿瓦姆，6条阿瓦斯**者足以致命；最后一批增援有2反跳小船，优先捏掉。</p><p>抢救矿冶设施（无人机）：爆、动、全抗</p><p>携带武器要求：电磁或热能伤害弹药</p><p>第一层：离加速轨道32KM，2批无人机，可以*接激活全部，放无人机一边杀一边爬。</p><p>第二层：两批怪，先把近的打掉（优先点杀护卫，有反跳），远的不管，打掉71KM无人机碉堡就算完事。</p><p>PS：可以带2组岗哨，*换释放点杀各种船，同时当沙包，全杀完怪也不会锁你，很安逸。</p><p>自由无人机的骚扰（无人机）：爆、动、全抗</p><p>携带武器要求：电磁或热能伤害弹药</p><p>第一层：1无人机母体（战列），初始距离65KM，交战后58KM环绕，打掉1/2护盾出增援，4巡洋2护卫；打掉1/2甲出第2批增援，打掉3/4甲出第3批增援，结构打掉1/2出第4批增援。对自己扛暴动没信心的话可以先把每批增援杀光在杀无人机母体。</p><p>本层DPS还是比较猛的，增援中可能会有反跳小船，建议一批一批杀。</p><p>第二层：3战列2战巡，简单。打完收工。</p><p>消灭供给者（艾玛）：电热抗</p><p>携带武器要求：电磁或热能伤害弹药</p><p>准5级任务，极难</p><p>掉声望比较少的任务（完成任务一共-2.46%，不完成只-0.06%），可以养起刷牌子。</p><p>任务要求打掉3个船坞和控制塔，进轨道后4护卫3巡洋9战列3工业（62KM左右），所有怪都不主动攻击，一旦开战会不断刷增援，并且DPS超级高。</p><p>本任务完全考验DPS，火力不过关强烈建议放弃。理由：增援不是击杀触发的，而是根据时间刷新，一共会有大约有15护卫12巡洋20战列3工业。</p><p>要点：由于怪不主动攻击，所以可以利用开战前的时间尽量拉开距离，拉开距离后优先点杀战列舰。一旦开战所有怪就会暴动，没什么好办法，只能逐个点杀。</p><p>任务完成条件：打掉任务空间中3个船坞中的一个和控制塔（初始距离大约是60KM，实践证明只要打掉控制塔就可以），不过一般都顶不住几十条大小船只的激光集火，所以基本也没什么办法速杀，只能慢慢清光怪继续了。</p><p>我的打法：无人机船（修盾蛇或修甲海米），带2组T2岗哨（卫兵+监护官），站桩<em>接放无人机攻击，优先击杀护卫和巡洋，每组无人机打3~4</em>就换，如此往复*到剩下11~9条战列后收无人机开炮，然后站桩撸完（3条工业舰不用打）。</p><p>————————————————————————-以下为故事线任务—————————————————————————</p><p>被利用的感情（加达里）：动热抗</p><p>携带武器要求：动能或热能伤害弹药</p><p>掉C声望，建议拒绝（刷牌子另说）</p><p>瓶瓶罐罐</p><p>掉A/C声望，建议拒绝（刷牌子另说）</p><p>1/5 受伤的猎人（抗性要求：电磁/热能 。伤害要求：电磁/热能 ）</p><p>开放空间。初始：1先知级战巡10精英巡洋54KM左右、1巡航导弹塔2重型导弹塔距离51~57KM；进入后一段时间刷第一批援军3护卫距离25KM（杀完这批护卫出4精英护卫增援距离25KM）。击毁先知级完成任务，并刷第二批援军4巡洋距离53KM，全灭第二批援军刷第三批援军5巡洋距离54KM。 </p><p>2/5 扫雷者（抗性要求：全抗 。伤害要求：电磁/热能 ）</p><p>进入后有6颗地雷(22-70km)，打掉第一颗地雷刷4颗新地雷，打掉4颗地雷后刷再刷4颗地雷和一个艾玛无人机地雷1，打掉艾玛无人机地雷1完成任务。打掉每颗地雷的同时还会刷4个无人机巡洋或战巡，火力猛烈。秒杀地雷的话，不会刷无人机，2分钟完活 。</p><p>3/5 递送（物流）</p><p>4/5 搜寻和消灭（抗性要求：电能/热能 伤害要求：电能/热能 ）</p><p>一战列带不多的其他舰和6炮台，哨站护卫者（护卫舰会反跳），打掉炮台刷出三只侦查舰（一巡洋舰和2精英护卫，会网子），一共刷四批侦查舰</p><p>难度：一般难度，火力不猛，距离50km。无轨道 </p><p>5/5(没做……）</p><p>迷失在死亡空间（1/5——5/5） 电热动抗</p><p>5/5非常难（G版腹背受敌）</p><p>严重掉A/C声望，没赏金，可以考虑拒绝（刷牌子另说）。</p><p>1/5 A+C海军，电热动抗</p><p>第1层：加达里6巡洋鸟2护卫2战列、艾玛4巡洋4战列（末*沙场）2战列（灾难）。刚进任务死亡，加达里巡洋主动攻击，放无人会引到加达里战列，艾玛是被动的。 </p><p>第2层：艾玛2战列3炮台4护卫 </p><p>第3层：全是艾玛海军，4炮台9战列3巡洋和大约15-20护卫，先**台会激活大部分怪，千万注意。</p><p>2/5：运输任务很简单</p><p>3/5：A海军，电热抗</p><p>回到1/5的死亡第3层从军械库里拿东西，有艾玛2战列3巡洋若干护卫,都是主动攻击的怪, 军械库有立场保护</p><p>4/5：A海军，电热抗</p><p>第一层：进去后三堆怪，距离20KM左右，每堆2战列和5~6小船，不会主动攻击，拉开到安全距离会，逐堆清理，怪不会暴动。</p><p>第二层：3炮塔2战列和若干小小船，清掉之后打帝国星门，星门快爆时会刷出2战列，不杀也可以，打爆星门提示任务完成。</p><p>提示：进加速轨道需要帝国海军通行证（任务给），也就是说组队的队员没通行证进不了，只能单人完成任务。第五个任务相同同。</p><p>5/5：C海军，动热抗</p><p>第一层：1战列2蜘蛛无人机，强力网但没反跳。</p><p>第二层：4巡航导弹塔（伤害比较高），4堆怪，55KM处6巡洋；80KM处3战列2巡洋4护卫；85KM处3战列3巡洋；95KM处3巡洋3护卫。不主动攻击，会暴动。本任务DPS很高，护卫会ECM，只能靠无人机慢慢打掉。清完怪，摧毁加达里生产厂任务完成。</p><p>惊奇（艾玛、加达里）：电动+热抗AC组合</p><p>开放空间，进去只有条运输舰，开火后刷3批怪同时激活，3战列7巡洋。</p><p>暴皇家塔纳柯刷2加达里战列1减速塔（120KM……），暴皇家奥特拉出3加达里战列+1减速塔，**！又是120KM！（所以一开始就需要离运输舰10KM以内的时候开打）</p><p>此任务没追击赏金，只出牌子，掉A C声望，可以考虑拒绝</p><p>羊入虎口（4级 古斯塔斯）：动+热 抗/暴+动抗</p><p>两条加速轨道，右边进古斯塔斯、左边进天使（妇联任务只有一条轨道，没有天使只打兔子）</p><p>古斯塔斯：</p><p>初始：3战列（皮特征服者）3护卫（2茶隼1小鹰），不主动攻击，被攻击后刷第一批增援</p><p>第一批增援：3战列（2皮特破坏者1皮特征服者）2护卫（1茶隼1小鹰）。优先捏掉护卫，然后打掉3个征服者（防御非常高），然后杀2个破坏者，增援的征服者最后杀。杀完增援的征服者出第二批增援。</p><p>第二批增援：4巡洋（巨鸟）6战列（2破坏者4征服者），该批增援火力非常高。杀掉最后一条破坏者出增援。</p><p>第三批增援：3战列（1破坏者2征服者）4战巡（猛鲑），先杀战巡，杀掉破坏者出增援。</p><p>第四批增援：1古斯塔斯官员。</p><p>天使：</p><p>初始：2战列（2战将）3护卫（2伏击者1猎人），不主动攻击，被攻击后刷第一批增援。优先杀掉护卫，杀完战将出第三批增援。</p><p>第一批增援：3战列（2摩拉基穆1君主）3护卫，优先杀掉护卫。</p><p>第二批增援：5战列（2摩拉基穆3君主）5巡洋，优先杀掉巡洋。杀掉君主出第3批增援。</p><p>第三批增援：3战列（1摩拉基穆1君主1官员）3战巡。</p><p>总结：两条轨道只要打完一边就算完成任务，该任务难度很大，DPS不够比较头疼。相对来说天使怪简单些，由于全是近距攻击，所以可以一定距离风筝，占得先机。反之古斯塔斯全是远程，非常难扛。</p><p>0号病人（4级 无人机）：电热全</p><p>0号病人是建筑，每4秒释放一波AOE伤害，无人机持续掉血，不能放。</p><p>建议用炮船。</p><p>初始：2狂怒1巨鸟1小鹰1茶隼1海军灾难1地狱天使1暴风</p><p>打建筑之后刷一批增援</p><p>第一批增援：6战列1巡洋4护卫。</p><p>船厂盗窃犯（4级 天蛇）：动热抗</p><p>第一层：一共5批怪，进轨道后稍等几秒，下方一批怪（5战巡1君王战列）主动攻击，方无人机后左边最近一批（5护卫1战列4战巡）会打无人机，无人机船只能把这2批一起激活打完。剩下的3批分批激活即可。</p><p>第二层：3战列5战巡5驱逐，主动攻击，打掉储藏库拿东西就算完成。</p><p>船厂<em>*</em>（4级 天使）：动爆全抗</p><p>带上重攻，一片巡洋，转火无人机特别严重，其他要点跟天蛇一样。</p><p>PS:该故事线有几率奖励T2矿插，目前卖价20亿以上，矿头太有钱了……</p><p>清除记录（妇联故事线）</p><p>雇佣军 全伤，动热为主</p><p>据说任务地点的安等越低难度越高，未证实。</p><p>入口处有两条加速轨道：</p><p>通往酸性云团的轨道：很强的全属性AOE伤害，慎入！</p><p>通往巡逻区的轨道：</p><p>第一层：巡逻区。进入后两组主动怪，两条加速轨道(6km)，通向入口的高速通道返回任务入口，通向海盗基地的进入第2层。第1组(20km)，1精英护卫(网子/反跳)，3巡洋，3战列；第2组(20km)，1精英护卫(网子/反跳)，3巡洋，3战列。火力猛烈，有1000dps左右，7个马克瑞不是一般的猛(我的t2幼龙回了5次空间站）</p><p>第二层：2组怪，第1组(25km)，主动攻击，1护卫(网子)，2巡洋，3战列；第2组(50km)，被动，也不打无人机，3巡洋，3战列。可以*接冲过去拿了任务物品走人。（储藏罐打掉出关联芯片，换海军势力船用的）</p><p>隐藏行迹（*妹会/加达里4级）</p><p>雇佣兵 全抗，电、动、热、爆全有，不太容易分类</p><p>武器要求：动热伤害</p><p>该任务为开放空间，可以跳100km，怪数量不多，1BOSS（动热炮+电导弹）2条雇佣兵小马（动热+爆伤），3海狞僚机（电伤）、3护卫（动+爆伤），还有2个岗哨炮台，BOSS是一有名字的乌鸦（妇联任务是纳塔.尼亚加，加达里任务叫泰斯?马德什），有一定几率掉落掉势力装、勋章；最后击杀的船掉落箱子，里面是任务物品“特别快递”，拿了才能交任务。</p><p>注意事项：第一巡洋电伤很高，优先打掉；第二本任务为全抗、并且怪的DPS相当高，甲修船建议2动热针对1全抗或反应式甲抗；第三如果先杀掉所有巡洋和战列的话BOSS会选择环绕距离250km大风筝，哭……</p><p>收服打捞能手（*妹会4级）</p><p>自由无人机 全抗 动+热+暴为主</p><p>武器要求：电热伤害</p><p>开放空间</p><p>初始怪：3护卫3巡洋5战列（2主<em>阿瓦斯3女祭司阿瓦斯），主</em>阿瓦斯和巡洋伤害为主爆辅动、女祭司阿瓦斯伤害主热辅动；周边35~40KM处3个科考船残骸（不在一起的，需要慢慢来回爬）</p><p>靠近最近的科考船12KM刷增援：2巡洋3战列（2阿瓦斯制造机1主*阿瓦斯）阿瓦斯制造机伤害暴+动为主</p><p>靠近次近的科考船12KM刷增援：2巡洋3战列（2阿瓦斯制造机1主*阿瓦斯）</p><p>靠近最远的科考船12KM刷增援：3巡洋3战列（2女祭司阿瓦斯1阿瓦斯皇后）阿瓦斯皇后伤害热+动为主</p><p>完成任务条件：开完3个残骸收集齐3个“打捞回来的数据核心”才算完成，由于残骸分布在四周打开一个残骸就必须远离另一个69KM，对于慢速战列来说相当坑。</p><p>以上为姐妹会四级安全任务通用攻略</p><p>以下为马克瑞级速刷姐妹会四级经验</p><p>265:48<br>EVE姐妹会四级安全任务攻略（朗基斯）<br>1.3万 28<br>视频<br>瞌睡打泡泡</p><p>莫德团的猎头</p><p>第一层进去后先攻击靠近加速轨道的那群怪，再去打远处的两群怪全清进入下一层</p><p>第二层把身边的护卫怪打死，再把空间站附近的怪打死就完成任务</p><p>（操作视频）</p><p>货柜递送</p><p>开护卫舰带个加力到任务地点打开箱子拾取物品即可</p><p>拦截非法贩售船</p><p>第一层进去全清</p><p>第二层攻击三群怪中间的那群怪（有一个星际之门废墟）然后拾取天使集团 人员穿梭机残骸里面的武装人员即可完成任务</p><p>扎茨玛特的右使者</p><p>攻击哨战总部+附近的3个怪就完成任务了</p><p>抢救矿冶设施</p><p>第一层全清</p><p>第二层全清后攻击无人机碉堡以及无人机堡垒完成任务</p><p>阻止乱序者</p><p>进去后没有轨道 先攻击雇佣兵大君王这个战列怪，打死后刷一群怪。打死里面的影，货柜舱自动出现报告文件，即可完成任务</p><p>无人机的袭击</p><p>进去后四个巡洋怪，注意不要一次性打死初始的四个巡洋怪（否则后果自负），然后打死一个巡洋怪刷出来一群怪打死那群怪，再去打其他的巡洋怪周而复始，全部打完完成任务</p><p>复仇之火</p><p>第一层随便找一群怪打其中的一个，然后拉仇恨，把集火你的怪打完再找另外的一群怪，以上操作周而复始即可</p><p>第二层先打10km以内的那群怪，打完后再找另外一群怪，操作同第一层</p><p>第三层先打5km的那群怪，然后再打50km左右远处的那群怪，全清完成任务</p><p>未授权的军队</p><p>第一层不需要打直接进入下一层</p><p>第二层只需要攻击右边（破坏的巨型建筑附近的那群）那群怪全清后拾取天使集团 人员穿梭机残骸里的武装人员完成任务</p><p>死人不会说话</p><p>第一层进去先攻击右侧方向的怪（两个无人机战列那个方向的）再攻击左侧的怪（三个无人机战列）。注意左侧的无人机战列55km内攻击比较高注意防御。（左侧的无人机战列怪建议用爆伤弹药攻击这样伤害比较高）</p><p>第二层随便找一群怪打其中的一个，然后拉仇恨，把集火你的怪打完再找另外的一群怪，以上操作周而复始即可</p><p>第三层打死哪个巡洋怪完成任务</p><p>袭击</p><p>第一层不需要打怪直接进入下一层</p><p>第二层打爆船附近的四个反跳护卫进入下一层</p><p>第三层全清怪即可完成任务</p><p>封锁线</p><p>进去后开放空间先打爆网子塔，怪从小到大的顺序打，刷出来的战列怪里面的某一个战列怪是key怪，全清所有怪完成任务</p><p>无赖劳工贩子（1/2）</p><p>进去后开放空间，打死全部怪后攻击建筑劳工围场，拾取箱子里面的囚犯完成任务</p><p>歼灭劳工贩子(2/2)</p><p>第一层全清</p><p>第二层只需要打死萨沙劳工贩子完成任务</p><p>消灭杂音</p><p>跳入任务空间，击杀所有天使突击巡洋舰后刷新天使攻击护卫舰<em>4、天使护卫舰</em>1</p><p>刷怪规律：</p><ol><li><p>天使护卫舰<em>1——天使护卫舰</em>3——天使突击巡洋舰<em>4——天使突击巡洋舰</em>4、天使战列巡洋舰<em>5——天使驱逐舰</em>3、天使护卫舰<em>4（反跳！）、天使巡洋舰</em>4——天使战列舰*4</p></li><li><p>天使攻击护卫舰<em>4—天使巡洋舰</em>2、天使攻击护卫舰<em>3——天使攻击护卫舰</em>3——天使攻击护卫舰*3</p></li></ol><p>只需要打爆刷怪规律1的怪就完成任务（小马怎么操作的请看视频）</p><p>双匪劫</p><p>全清所有怪（俩战列俩蜘蛛无人机）后拾取箱子里面的特别快递完成任务</p><p>大举进犯</p><p>第一层全清</p><p>第二层全清</p><p>第三层全清</p><p>第四层进去后打完先攻击你的3巡洋1护卫，去打爆远处最左侧（小行星空间站附近）的那群怪就完成任务了</p><p>世界的碰撞</p><p>第一层如果有毕克基的破译卡（危难中的少女里面的左尔怪的残骸里面有这个物品）可以直接进入下一层轨道，没有清理完对应轨道一侧的怪进入下一层</p><p>第二层进入以后会有两个护卫怪反跳&网子请不要立即攻击这俩护卫怪，攻击会拉起暴动，然后分三堆怪依次打死即可，最后打反跳护卫怪</p><p>第三层进入后不要动，会有一群怪集火你把那群怪打死后，再去从损坏的苍鹭级里面拾取船员即可完成任务</p><p>疤痕</p><p>第一层全清</p><p>第二层全清</p><p>第三层只需要攻击4个战列即可完成任务</p><p>恐惧海盗斯嘉丽</p><p>第一层全清打完怪会掉落一个箱子，里面有一个加速轨道钥匙拾取后才能进入下一层（加速轨道钥匙可以重复使用，下次打的时候带上加速轨道钥匙可以直接进入下一层）</p><p>第二层直接激活加速轨道不用打怪</p><p>第三层直接集火阿妮蕊 斯嘉丽 打死完成任务。如果没打死让他跑了进入第四层杀死他就完成任务</p><p>自由无人机的骚扰</p><p>第一层</p><p>在跳入后，空间内仅有一条不会主动攻击的敌舰和通往下一层的加速轨道 （约 10km 处）</p><p>1x 战列舰 (凯兹姆无人机母体 - 精英无人机寄生虫) 分步触发</p><p>在无人机母体的装甲值分别四次到达一定损伤时 （以下列出）会触发刷怪，新刷新的敌人会攻击你的无人机。</p><p>如果不能确定自己能同时顶住四波无人的攻击，当触发刷新之后请立刻停止攻击无人机母体。</p><p>本层大部分敌人的环绕距离都较近，若使用炮类武器注意在近身前尽量消灭敌人，使用无人机或者立体炸弹消灭护卫舰。</p><p>第一组 （约 80% 装甲）</p><p>2x 战列巡洋舰 （胜利者阿瓦提斯）</p><p>2x 护卫舰 （猎捕者阿维伊/银鱼阿维伊/加强型炫耀者阿维伊）反跳/减速</p><p>2x 巡洋舰 （肇事者阿瓦姆/轰炸机阿瓦姆）</p><p>第二组 （约 50% 装甲）</p><p>4x 巡洋舰 （轰炸机阿瓦姆/爆破者阿瓦姆）</p><p>1x 护卫舰 （猎捕者阿维伊/银鱼阿维伊）</p><p>1x 精英护卫舰 （加强型炫耀者阿维伊） 减速/反跳</p><p>第三组 （约 30% 装甲）</p><p>2x 战列巡洋舰 （致残者阿瓦提斯）</p><p>2x 巡洋舰 （歼灭者阿瓦姆）</p><p>2x 护卫舰 （银鱼阿维伊）</p><p>第四组 （接近或造成结构损伤）</p><p>2x 战列巡洋舰 （打击者阿瓦提斯）</p><p>2x 巡洋舰 （毁灭者阿瓦姆）</p><p>2x 护卫舰 （奇袭者阿维伊/猎捕者阿维伊）</p><p>全部消灭后就可以通过加速轨道。</p><p>第二层全清完成任务</p><p>截击破坏者</p><p>第一层全清（就几个护卫驱逐）</p><p>第二层分左中右三堆怪，你攻击左侧那群怪，左边+中间的怪打你；你攻击右侧的那群怪，右边+中间的打你；你攻击中间的那群怪则全部打你。你只需攻击左侧或者右侧的加上中间的那群然后全灭打你的怪后，会出现一个集装箱货柜拾取里面的被没收的病原体即可完成任务、</p><p>危难中的少女</p><p>一共四批怪，攻击顺序如下：</p><p>1、跳任务点（如果防御不怎么够跳50km），开始激发的第一批怪（克鲁乌尔，3战列，4巡洋，2护卫）。 在清完其他怪前，不要去打克鲁乌尔，用无人机的话，一定要控制好。趁着距离远，先打掉小船比较有效率。</p><p>2、攻击克鲁乌尔，引出第二批怪（6战列）； 可以爆掉克鲁乌尔之后顺序干掉这6个战列；</p><p>3、攻击花园：一共两个花园，飞船正对方向右边那个是真的花园（另外一个是假的）。云雾比较少的那个是真的 攻击花园到装甲，则刷新第三批怪（2蜘蛛无人，4巡洋，4战列），此时停止攻击花园，优先消灭NPC怪，蜘蛛无人很难打到，可以让它飞到船边时用无人机干掉，只会减速，不会反跳，比较安全。</p><p>4、如果攻击少女所在花园到结构，将要爆炸时候，刷新第四批怪（6护卫，3巡洋，佐尔）。建议优先干掉佐尔，佐尔热能伤害的巡航导弹真是厉害，射程远，射速快，伤害高。其他的就慢慢来吧。清怪完毕之后继续攻击花园，爆掉以后货柜舱会出现少女回去即可完成任务。</p><p>这个任务怪的垃圾不错可以打捞，只是爆掉花园以后会有一个箱子，箱子里面有毒品请不要拾取，如果拿走的话会被海关罚款、扣声望</p><p>PS这任务里面左尔的怪的残骸里面会掉落毕克基的破译卡注意拾取，此物品是世界的碰撞里面解锁第一层轨道的钥匙</p><p>海盗侵略</p><p>进去后只需要攻击左下角有一个很大的凡晶石附近的怪全灭后完成任务</p><p>天使的妄想</p><p>1层</p><p>20KM周围3战列（3战将/2战将1将军）3战巡2精英护卫；</p><p>爆2战将/1战将刷2战列（2战将/1将军1战将）2战巡（地方官）；</p><p>爆2战将/1战将刷2战列（2战将/1战将1军阀）2精英护卫。</p><p>2层</p><p>20KM周围1战列（圣徒/军阀）2战巡2驱逐；</p><p>爆圣徒/军阀/战将刷2战列（1圣徒1军阀/1捺菲力姆1战将）2战巡（貌似可以先干掉圣徒）；</p><p>爆军阀刷2战列（1屠灭者1圣徒）2战巡1精英巡洋2精英护卫。（优先打掉精英巡洋，否则近身后会拖很长时间）</p><p>3层</p><p>20~70KM周围3哨站塔2重导塔7轻导塔1战列（指挥官）</p><p>4层</p><p>30KM外2战列（1圣徒1军阀/1捺菲力姆1军阀）2战巡3精英护卫；</p><p>爆圣徒/捺菲力姆4战列（1指挥官1战将2将军/1指挥官1军阀2将军）2精英护卫；</p><p>爆战将/军阀70KM刷3战列（2战将1军阀/1战将2军阀）2精英护卫；</p><p>爆军阀刷1战列（军阀）3战巡1驱逐。</p><p>5层</p><p>30KM外2战列（将军）2战巡1驱逐；</p><p>爆2将军刷1战列（圣徒）5战巡2驱逐；</p><p>爆圣徒刷3战列（3军阀）3精英护卫；</p><p>爆3军阀刷BOSS（提尔格卡尔加兹）2蜘蛛无人II；</p><p>爆BOSS（不需要爆蜘蛛无人），任务完成。</p><p>任务流程</p><p>记住战列是key怪最后打第一第二层全清怪进入下一层，第三层只需要打一个战列就行</p><p>第四层可以通过打爆储藏罐，射电望远镜，小行星采矿站（储藏罐打爆后会出脑插注意拾取）三个建筑来避免不刷怪，第四层按照顺序刷完怪打爆最后的boos完成任务</p><p>狂暴</p><p>开场3九头蛇(末日外形,50W，怒火巡航)+3十字军(暴君外形,10W)，爆九头蛇不刷怪，3十字军每个都刷一组2个死亡骑士（暴君外形,11W）；</p><p>每组死亡骑士爆完刷1九头蛇，爆九头蛇再刷1九头蛇+1食人魔（末日外形,75W），其中有1个死亡骑士刷2阴谋者(惩罚者外形,3W,减速)；</p><p>爆阴谋者不刷怪，每爆1个食人魔刷1死亡大帝(灾难外形,100W，)；</p><p>总共2护卫、9巡洋、15战列(9九头蛇3食人魔3死亡大帝)，总赏金1077W ISK 优先打刷出来的怪</p><p>任务总体来说难度不大，保持好距离就没有问题。打死亡大帝的时候要费劲一些，修盾修的奇快。PS打完记得打捞很多垃圾的。 （全清完成任务）</p><p>天使的间谍</p><p>全清怪即可完成任务</p><p>侦查1</p><p>开个护卫上微曲，进入任务空间直接开微曲冲加速轨道进入下一层完成任务</p><p>侦查2</p><p>进入任务空间后往舰船左方看有一个加速轨道（已上锁的）开微曲接近后刷怪离开任务空间完成任务</p><p>侦查3</p><p>开战列上微曲（别忘记上抗），进入任务空间激活加速轨道进入下一层完成任务</p><p>以下为任务掉落和任务声望掉落一览以及NPC伤害抗性一览</p><p>任务掉落</p><p>一级任务：</p><p>“世界碰撞”有时第2层会刷出一个BOSS，名字叫XX检察官，随机掉势力装备。</p><p>二级任务：</p><p>“死人不会说话”第三层里面有一个“居住舱”，出各种3%的插头。</p><p>三级任务：</p><p>“死人不会说话” 3层娱乐中心，出10M技能书。</p><p>“大举进犯” 奖励层(银牌)监察官建筑插头+3|30%。</p><p>“古斯塔斯的妄想” 5层储藏仓库出3%的插。</p><p>“隐藏任务”BOSS的残骸里可能会出恐惧古斯塔装备。</p><p>“封锁线”最后一批增援随机出浊血的BOSS，可能掉势力装备。</p><p>“古斯塔的妄想”第六层可能出恐惧古斯塔装备</p><p>“世界碰撞”二层可能出监察官BOSS，可能会掉势力装备。</p><p>“扎XX的右使”佐尔肯定出“黑客卡片”。</p><p>“双劫匪”可能出钻石铭牌。</p><p>“侦查1/3”篡夺者可能出古斯塔钻石铭牌。</p><p>重要故事线“隐秘行迹”，出3%插。</p><p>四级任务：</p><p>“封锁线”有一定概率出最后BOSS；</p><p>“天使的妄想”的第4层，有一个“压力罐”，也有一定概率掉3%插头；</p><p>“世界碰撞”同样有一定概率出XX检察官；</p><p>“危难中的少女”，杀掉最后的佐尔，掉插头。</p><p>任务声望</p><p>不能做的任务：</p><p>1.迎接降将 不知道掉什么声望</p><p>一、掉C族声望任务</p><p>1：人畜</p><p>2：战争阴云</p><p>3：战争的大门</p><p>4：瓶瓶罐罐</p><p>5：迷失在死亡空间</p><p>6：**的荣耀</p><p>7：抓一个政.治犯 </p><p>二、掉M族声望任务</p><p>1：阿什兰德紧急事件 掉M族声望 </p><p>2：科技机密 掉M族声望</p><p>3：截击破坏者 掉M族声望</p><p>4：星际铁路 掉M族声望</p><p>5：有威胁自远方来 掉M族声望</p><p>6：达拉万德的信件 掉M族声望</p><p>7：脱逃的持不同政见者 掉M族声望</p><p>8：逃脱的间谍 掉M族声望</p><p>9：阻止自由蔓延 掉M族声望</p><p>三、掉G族声望任务</p><p>1：通讯冷战 掉G族声望</p><p>2：拒绝勘察 掉G声望</p><p>3：腹背受敌 掉G声望</p><p>5：致命来袭不能打G族怪 掉声望</p><p>6：名字里的秘密 掉G族声望</p><p>7：脱逃的间谍 掉G族声望</p><p>8：鸟雀事件不能做，掉G </p><p>9：过分关注 掉G族声望 热能伤害</p><p>10：绿草的成本 掉G族声望</p><p>11：战争劳工 掉G族声望</p><p>12：违法活动 掉G族声望</p><p>13：那幫機器人5/5 掉G族声望</p><p>14：激光轻闪 掉G声望</p><p>15：海关封锁</p><p>16：守夜 掉G族声望</p><p>17：区域维稳最后一个任务 掉G族声望</p><p>四、掉A族声望任务</p><p>1：惊奇，，这个任务的怪没赏金，，而且掉少量A族声望，G族给的四级任务会掉五个C中将牌子（合众国</p><p>战列怪）</p><p>2：*供给者，这个任务的怪没赏金，打建筑，掉A族声望，打捞件很不错</p><p>3：一颗磁轨炮的炮弹可以取代千言万语，，掉艾玛（A族）声望，</p><p>NPC伤害和抗性</p><p>海盗 ｜ 玩家自身抗 ｜用拥有下列属性的武器打</p><p>古斯塔斯海盗 ｜动 热 ｜动 热 </p><p>天使联合企业 ｜爆 热 电 动 ｜爆 动 </p><p>血袭 艾玛 ｜电 热 ｜电 热 </p><p>萨沙 艾玛 ｜电 热 ｜电 热 </p><p>天蛇 盖伦特 ｜热 动 ｜动 热 </p><p>卡尼迪 艾玛 ｜电 热 动 ｜电 热 </p><p>莫德团 加达里 ｜动 热 ｜动 热 </p><p>古斯塔斯海盗 ｜动 热 ｜动 </p><p>天使联合企业 ｜爆 热 电 动 ｜爆 动 </p><p>血袭 艾玛 ｜电 热 ｜电 热</p><p>萨沙 艾玛 ｜电 热 ｜电 热</p><p>天蛇 盖伦特 ｜热 动 ｜动 热</p><p>卡尼迪 艾玛 ｜电 热 </p><p>艾玛海军 ｜电 热 ｜热</p><p>加达里海军 ｜动 热 ｜动</p><p>盖伦特海军 ｜热 动 ｜热</p><p>米玛塔尔 ｜动 热 ｜爆 </p><p>图克尔 ｜爆 动 热 ｜热</p><p>自由无人机 ｜爆 动 热 电 ｜电 热</p>]]></content>
<categories>
<category> -EVE </category>
</categories>
<tags>
<tag> EVE </tag>
</tags>
</entry>
<entry>
<title>steam个人资料代码</title>
<link href="/2023/12/16/steam%E4%B8%AA%E4%BA%BA/"/>
<url>/2023/12/16/steam%E4%B8%AA%E4%BA%BA/</url>
<content type="html"><![CDATA[<link rel="stylesheet" class="aplayer-secondary-style-marker" href="\assets\css\APlayer.min.css"><script src="\assets\js\APlayer.min.js" class="aplayer-secondary-script-marker"></script><p>无名代码 </p><figure class="highlight plaintext"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">v_trim=_=>{return _},$J('#title').val(' \n'+Array.from(Array(126),_=>'\t').join(''));</span><br></pre></td></tr></table></figure><p>艺术作品代码<br><figure class="highlight plaintext"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">$J('#image_width').val(1000).attr('id',''),$J('#image_height').val(1).attr('id',''); </span><br></pre></td></tr></table></figure></p><p>创意工坊代码<br><figure class="highlight plaintext"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br></pre></td><td class="code"><pre><span class="line">$J('[name=consumer_app_id]').val(480);$J('[name=file_type]').val(0); </span><br><span class="line">$J('[name=visibility]').val(0); </span><br></pre></td></tr></table></figure></p><p>屏幕截图代码<br><figure class="highlight plaintext"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br></pre></td><td class="code"><pre><span class="line">$J('#image_width').val(1000).attr('id',''),$J('#image_height').val(1).attr('id',''),</span><br><span class="line">$J('[name=file_type]').val(5);</span><br></pre></td></tr></table></figure></p><p>一. 获取图片</p><p>图片网站：<br><figure class="highlight plaintext"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">https://steam.design/</span><br></pre></td></tr></table></figure></p><p>视频转GIF网站：<br><figure class="highlight plaintext"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br></pre></td><td class="code"><pre><span class="line">https://www.freeconvert.com/convert/video-to-gif</span><br><span class="line"></span><br><span class="line"> https://mp4gif.com/cn</span><br><span class="line"></span><br><span class="line"> https://ezgif.com/</span><br></pre></td></tr></table></figure></p><p>二. 调整图片</p><p>调整图片网站：<br><figure class="highlight plaintext"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">https://ezgif.com/</span><br></pre></td></tr></table></figure></p><p>1.缩放图片：宽度：630px ，高度：任意px</p><p>2.裁剪图片：五份每份宽度126px</p><p>3.优化图片：占用大小低于8M</p><p>三. 修改图片十六进制</p><p>网站：<br><figure class="highlight plaintext"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">https://hexed.it/</span><br></pre></td></tr></table></figure></p><p>GIF/JPG格式：结尾” 3B “改” 21 “</p><p>PNG/APNG格式：复制” 01 49 45 4E 44 00 D1 1A 4F E1 “至结尾最后一个” 00 “，选择” 在当前光标开始覆写数据 “和” 作为十六进制数值 “</p><p>四. 上传图片</p><p>网站：<br><figure class="highlight plaintext"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">https://steamcommunity.com/sharedfiles/edititem/767/3/</span><br></pre></td></tr></table></figure><br>选择图片后按 F12 - 控制台 - 输入代码 - 回车键 - 上传 </p>]]></content>
<categories>
<category> Steam </category>
</categories>
</entry>
<entry>
<title>2023-12-2</title>
<link href="/2023/12/02/2023-12-2/"/>
<url>/2023/12/02/2023-12-2/</url>
<content type="html"><![CDATA[<link rel="stylesheet" class="aplayer-secondary-style-marker" href="\assets\css\APlayer.min.css"><script src="\assets\js\APlayer.min.js" class="aplayer-secondary-script-marker"></script><h2 id="一、前言"><a href="#一、前言" class="headerlink" title="一、前言"></a>一、前言</h2><p>今天是2023年12月2日，</p><p>在过去的一年里，我经历了很多事情，也收获了很多东西。</p><p>在这篇文章中，我将会分享我在2023年的一些感悟，以及我对未来规划的一些思考。</p>]]></content>
<categories>
<category> 趣事 </category>
</categories>
</entry>
<entry>
<title>EVE技能列表</title>
<link href="/2023/12/02/EVE%E6%8A%80%E8%83%BD%E6%A0%91/"/>
<url>/2023/12/02/EVE%E6%8A%80%E8%83%BD%E6%A0%91/</url>
<content type="html"><![CDATA[<link rel="stylesheet" class="aplayer-secondary-style-marker" href="\assets\css\APlayer.min.css"><script src="\assets\js\APlayer.min.js" class="aplayer-secondary-script-marker"></script><p>类别 技能 主属性 副属性 时间系数 LV1 LV2 LV3 LV4 LV5<br>合计技能423个 主副属性，主属性点加一半的副属性就是一分钟的技能点，基础属性是250点，1X一级就是250点，2X一级就是500点，3X一级就是750点，以此类推。每一等级的倍数大概是5.658，四舍五入，LV5级技能点正好是LV1的1024倍。<br>导弹 超大型巡航导弹 感知 毅力 7X 1750<br> 超大型巡航导弹专业研究 感知 毅力 10X 2500<br> 超大型鱼雷 感知 毅力 7X 1750<br> 超大型鱼雷专业研究 感知 毅力 10X 2500 14150 80000 452550 2560000<br> 导弹打击概论 感知 毅力 2X 500 2829 16000 90510 512000<br> 导弹动力学 感知 毅力 4X 1000 5657 32000 1024000<br> 导弹发射器操作 感知 毅力 1X 250 1415 8000 45255 256000<br> 导弹发射效率 感知 毅力 2X 500 2829 16000 90510 512000<br> 反弹道导弹理论 感知 毅力 2X 500 2829 16000 90510 512000<br> 火箭概论 感知 毅力 1X 250 1415 8000 45255 256000<br> 火箭专业研究 感知 毅力 3X 750 4243 24000 135765 768000<br> 目标导航预测学 感知 毅力 2X 500 2829 16000 90510 512000<br> 轻型导弹概论 感知 毅力 2X 500 2829 16000 90510 512000<br> 轻型导弹专业研究 感知 毅力 3X 750 4243 24000 135765 768000<br> 巡航导弹概论 感知 毅力 5X 1250 40000 226275 1280000<br> 巡航导弹专业研究 感知 毅力 8X 2000 362039 2048000<br> 鱼雷概论 感知 毅力 4X 1000 5657 32000 1024000<br> 鱼雷专业研究 感知 毅力 8X 2000 362039 2048000<br> 炸弹部署理论 感知 毅力 4X 1000 5657 32000 1024000<br> 战斗部升级研究 感知 毅力 5X 1250 40000 226275 1280000<br> 制导导弹精确打击理论 感知 毅力 5X 1250 40000 226275 1280000<br> 重型导弹概论 感知 毅力 3X 750 4243 24000 135765 768000<br> 重型导弹专业研究 感知 毅力 5X 1250 40000 226275 1280000<br> 重型攻击导弹概论 感知 毅力 3X 750 4243 24000 135765 768000<br> 重型攻击导弹专业研究 感知 毅力 5X 1250 40000 226275 1280000<br> 自动锁定导弹 感知 毅力 3X 750 4243 24000 135765 768000<br>导航学 导航学 智力 感知 1X 250 1415 8000 45255 256000<br> 高速机动理论 智力 感知 5X 1250 40000 226275 1280000<br> 规避机动理论 智力 感知 2X 500 2829 16000 90510 512000<br> 加力燃烧器原理 智力 感知 1X 250 1415 8000 45255 256000<br> 加速控制理论 智力 感知 4X 1000 5657 32000 1024000<br> 燃料节约技术 智力 感知 2X 500 2829 16000 90510 512000<br> 跳跃通道发生学 智力 记忆 14X 3500 19799 112000<br> 跳跃引擎操作理论 智力 感知 5X 1250 40000 226275 1280000<br> 跳跃引擎燃料节约技术 智力 感知 8X 2000 362039 2048000<br> 跳跃引擎校对理论 智力 感知 9X 2250<br> 卫星跳跃引擎操作 智力 感知 5X 1250 40000 226275 1280000<br> 诱导立场理论 智力 记忆 5X 1250 40000 226275 1280000<br> 跃迁引擎操控基础 智力 感知 1X 250 1415 8000 45255 256000<br>电子系统 电子战理论 智力 记忆 2X 500 2829 16000 90510 512000<br> 感应链研究 智力 记忆 3X 750 4243 24000 135765 768000<br> 脉冲波投射器操作 智力 记忆 8X 2000 362039 2048000<br> 目标标记研究 智力 记忆 3X 750 4243 24000 135765 768000<br> 目标锁定扰断训练 智力 记忆 5X 1250 40000 226275 1280000<br> 频率调制理论 智力 记忆 3X 750 4243 24000 135765 768000<br> 推进阻挠理论 智力 记忆 3X 750 4243 24000 135765 768000<br> 武器干扰研究 智力 记忆 3X 750 4243 24000 135765 768000<br> 武器扰乱 智力 记忆 5X 1250 40000 226275 1280000<br> 信号聚焦研究 智力 记忆 5X 1250 40000 226275 1280000<br> 信号频散学 智力 记忆 5X 1250 40000 226275 1280000<br> 信号压制原理 智力 记忆 5X 1250 40000 226275 1280000<br> 隐形理论 智力 记忆 6X 1500<br> 远距干扰学 智力 记忆 4X 1000 5657 32000 1024000<br> 战术后勤控制理论 智力 记忆 8X 2000 362039 2048000<br>飞船操控学 艾玛工业舰操作 感知 毅力 4X 1000 5657 32000 1024000<br> 艾玛航空母舰操作 感知 毅力 14X 3500 19799 112000<br> 艾玛护卫舰操作 感知 毅力 2X 500 2829 16000 90510 512000<br> 艾玛货舰操作 感知 毅力 10X 2500<br> 艾玛驱逐舰操作 感知 毅力 2X 500 2829 16000 90510 512000<br> 艾玛泰坦操作 感知 毅力 16X 4000<br> 艾玛无畏舰操作 感知 毅力 12X 3000<br> 艾玛巡洋舰操作 感知 毅力 5X 1250 40000 226275 1280000<br> 艾玛战列舰操作 感知 毅力 8X 2000 362039 2048000<br> 艾玛战列巡洋舰操作 感知 毅力 6X 1500<br> 艾玛战略巡洋舰操作 感知 毅力 5X 1250 40000 226275 1280000<br> 艾玛战术驱逐舰操作 感知 毅力 3X 750 4243 24000 135765 768000<br> 采掘者操作 毅力 感知 5X 1250 40000 226275 1280000<br> 采矿驳船操作 毅力 感知 4X 1000 5657 32000 1024000<br> 采矿护卫舰操作 毅力 感知 2X 500 2829 16000 90510 512000<br> 电子攻击舰操作 毅力 感知 4X 1000 5657 32000 1024000<br> 飞船操控学 感知 毅力 1X 250 1415 8000 45255 256000<br> 盖伦特工业舰操作 感知 毅力 4X 1000 5657 32000 1024000<br> 盖伦特航空母舰操作 感知 毅力 14X 3500 19799 112000<br> 盖伦特护卫舰操作 感知 毅力 2X 500 2829 16000 90510 512000<br> 盖伦特货舰操作 感知 毅力 10X 2500<br> 盖伦特驱逐舰操作 感知 毅力 2X 500 2829 16000 90510 512000<br> 盖伦特泰坦操作 感知 毅力 16X 4000<br> 盖伦特无畏舰操作 感知 毅力 12X 3000<br> 盖伦特巡洋舰操作 感知 毅力 5X 1250 40000 226275 1280000<br> 盖伦特战列舰操作 感知 毅力 8X 2000 362039 2048000<br> 盖伦特战列巡洋舰操作 感知 毅力 6X 1500<br> 盖伦特战略巡洋舰操作 感知 毅力 5X 1250 40000 226275 1280000<br> 盖伦特战术驱逐舰操作 感知 毅力 3X 750 4243 24000 135765 768000<br> 高级飞船操控学 感知 毅力 5X 1250 40000 226275 1280000<br> 工业指挥舰操作 感知 毅力 8X 2000 362039 2048000<br> 黑隐特勤舰操作 毅力 感知 10X 2500<br> 后勤护卫学 毅力 感知 4X 1000 5657 32000 1024000<br> 后勤巡洋舰 毅力 感知 6X 1500<br> 加达里工业舰操作 感知 毅力 4X 1000 5657 32000 1024000<br> 加达里航空母舰操作 感知 毅力 14X 3500 19799 112000<br> 加达里护卫舰操作 感知 毅力 2X 500 2829 16000 90510 512000<br> 加达里货舰操作 感知 毅力 10X 2500<br> 加达里驱逐舰操作 感知 毅力 2X 500 2829 16000 90510 512000<br> 加达里泰坦操作 感知 毅力 16X 4000<br> 加达里无畏舰操作 感知 毅力 12X 3000<br> 加达里巡洋舰操作 感知 毅力 5X 1250 40000 226275 1280000<br> 加达里战列舰操作 感知 毅力 8X 2000 362039 2048000<br> 加达里战列巡洋舰操作 感知 毅力 6X 1500<br> 加达里战略巡洋舰操作 感知 毅力 5X 1250 40000 226275 1280000<br> 加达里战术驱逐舰操作 感知 毅力 3X 750 4243 24000 135765 768000<br> 截击舰操作 毅力 感知 4X 1000 5657 32000 1024000<br> 勘探护卫舰操作 毅力 感知 4X 1000 5657 32000 1024000<br> 拦截舰操作 毅力 感知 5X 1250 40000 226275 1280000<br> 联合矿业工业舰操作 感知 毅力 4X 1000 5657 32000 1024000<br> 联合矿业货舰操作 感知 毅力 9X 2250<br> 掠夺舰操作 毅力 感知 10X 2500<br> 米玛塔尔工业舰操作 感知 毅力 4X 1000 5657 32000 1024000<br> 米玛塔尔航空母舰操作 感知 毅力 14X 3500 19799 112000<br> 米玛塔尔护卫舰操作 感知 毅力 2X 500 2829 16000 90510 512000<br> 米玛塔尔货舰操作 感知 毅力 10X 2500<br> 米玛塔尔驱逐舰操作 感知 毅力 2X 500 2829 16000 90510 512000<br> 米玛塔尔泰坦操作 感知 毅力 16X 4000<br> 米玛塔尔无畏舰操作 感知 毅力 12X 3000<br> 米玛塔尔巡洋舰操作 感知 毅力 5X 1250 40000 226275 1280000<br> 米玛塔尔战列舰操作 感知 毅力 8X 2000 362039 2048000<br> 米玛塔尔战列巡洋舰操作 感知 毅力 6X 1500<br> 米玛塔尔战略巡洋舰操作 感知 毅力 5X 1250 40000 226275 1280000<br> 米玛塔尔战术驱逐舰操作 感知 毅力 3X 750 4243 24000 135765 768000<br> 旗舰级工业舰操作 感知 毅力 12X 3000<br> 旗舰级舰船操作 感知 毅力 14X 3500 19799 112000<br> 突击护卫舰操作 毅力 感知 4X 1000 5657 32000 1024000<br> 隐形特勤舰操作 毅力 感知 4X 1000 5657 32000 1024000<br> 运输舰操作 毅力 感知 6X 1500<br> 战略货舰操作 毅力 感知 14X 3500 19799 112000<br> 侦查舰操作 毅力 感知 6X 1500<br> 指挥舰操作 毅力 感知 8X 2000 362039 2048000<br> 指挥驱逐舰操作 毅力 感知 6X 1500<br> 重型拦截巡洋舰操作 毅力 感知 6X 1500<br> 重型突击巡洋舰操作 毅力 感知 6X 1500<br>改装件 电子优势改装技术 智力 记忆 3X 750 4243 24000 135765 768000<br> 发射器改装技术 智力 记忆 3X 750 4243 24000 135765 768000<br> 构建改装技术 智力 记忆 2X 500 2829 16000 90510 512000<br> 护盾改装技术 智力 记忆 3X 750 4243 24000 135765 768000<br> 混合武器改装技术 智力 记忆 3X 750 4243 24000 135765 768000<br> 空间航行改装技术 智力 记忆 3X 750 4243 24000 135765 768000<br> 能量武器改装技术 智力 记忆 3X 750 4243 24000 135765 768000<br> 弹射武器改装技术 智力 记忆 3X 750 4243 24000 135765 768000<br> 无人机改装技术 智力 记忆 3X 750 4243 24000 135765 768000<br> 装甲改装技术 智力 记忆 3X 750 4243 24000 135765 768000<br>工程学 CPU管理学 智力 记忆 1X 250 1415 8000 45255 256000<br> 电容管理学 智力 记忆 3X 750 4243 24000 135765 768000<br> 电容散发系统研究 智力 记忆 2X 500 2829 16000 90510 512000<br> 电容系统操作 智力 记忆 1X 250 1415 8000 45255 256000<br> 电子升级研究 智力 记忆 2X 500 2829 16000 90510 512000<br> 高级武器升级研究 感知 毅力 6X 1500<br> 抗性定相 智力 记忆 3X 750 4243 24000 135765 768000<br> 纳米体操作 智力 记忆 2X 500 2829 16000 90510 512000<br> 纳米体控制技术 智力 记忆 3X 750 4243 24000 135765 768000<br> 能量脉冲武器 智力 记忆 2X 500 2829 16000 90510 512000<br> 能量栅格管理学 智力 记忆 1X 250 1415 8000 45255 256000<br> 能量栅格提升 智力 记忆 2X 500 2829 16000 90510 512000<br> 旗舰级电容散发系统研究 智力 记忆 10X 2500<br> 热力学 智力 记忆 3X 750 4243 24000 135765 768000<br> 武器升级研究 感知 记忆 3X 750 4243 24000 135765 768000<br>行星管理 高级行星学 智力 记忆 5X 1250 40000 226275 1280000<br> 行星统筹管理学 魅力 智力 4X 1000 5657 32000 1024000<br> 行星学 智力 记忆 3X 750 4243 24000 135765 768000<br> 遥测感应技术 智力 记忆 1X 250 1415 8000 45255 256000<br> 指挥中心升级理论 魅力 智力 4X 1000 5657 32000 1024000<br>护盾 爆炸护盾补偿研究 智力 记忆 2X 500 2829 16000 90510 512000<br> 电磁护盾补偿研究 智力 记忆 2X 500 2829 16000 90510 512000<br> 动能护盾补偿研究 智力 记忆 2X 500 2829 16000 90510 512000<br> 护盾补偿 智力 记忆 2X 500 2829 16000 90510 512000<br> 护盾操作 智力 记忆 1X 250 1415 8000 45255 256000<br> 护盾管理 智力 记忆 3X 750 4243 24000 135765 768000<br> 护盾频散系统 智力 记忆 2X 500 2829 16000 90510 512000<br> 护盾提升 智力 记忆 2X 500 2829 16000 90510 512000<br> 旗舰级护盾操作 智力 记忆 8X 2000 362039 2048000<br> 旗舰级护盾频散系统 智力 记忆 10X 2500<br> 热能护盾补偿研究 智力 记忆 2X 500 2829 16000 90510 512000<br> 战术护盾操作 智力 记忆 4X 1000 5657 32000 1024000<br>建筑管理 建筑导弹系统研究 记忆 毅力 2X 500 2829 16000 90510 512000<br> 建筑电子系统研究 记忆 毅力 2X 500 2829 16000 90510 512000<br> 建筑工程系统研究 记忆 毅力 2X 500 2829 16000 90510 512000<br> 建筑末日武器研究 记忆 毅力 2X 500 2829 16000 90510 512000<br> 空间定锚 记忆 魅力 3X 750 4243 24000 135765 768000<br> 母星防御控制管理 记忆 魅力 7X 1750<br>军团管理 超大型军团管理培训 记忆 魅力 8X 2000 362039 2048000<br> 大型军团管理培训 记忆 魅力 3X 750 4243 24000 135765 768000<br> 高级军团管理培训 记忆 魅力 5X 1250 40000 226275 1280000<br> 军团管理培训 记忆 魅力 1X 250 1415 8000 45255 256000<br> 外交关系学 记忆 魅力 2X 500 2829 16000 90510 512000<br>科 学 艾玛加密技术原理 智力 记忆 5X 1250 40000 226275 1280000<br> 艾玛星舰工程学 智力 记忆 5X 1250 40000 226275 1280000<br> 磁流体物理学 智力 记忆 5X 1250 40000 226275 1280000<br> 等离子物理学 智力 记忆 5X 1250 40000 226275 1280000<br> 电磁物理学 智力 记忆 5X 1250 40000 226275 1280000<br> 电子工程学 智力 记忆 5X 1250 40000 226275 1280000<br> 电子子系统技术 智力 记忆 5X 1250 40000 226275 1280000<br> 冬眠者技术研究 智力 记忆 5X 1250 40000 226275 1280000<br> 防御子系统技术 智力 记忆 5X 1250 40000 226275 1280000<br> 分子工程学 智力 记忆 5X 1250 40000 226275 1280000<br> 盖伦特加密技术原理 智力 记忆 5X 1250 40000 226275 1280000<br> 盖伦特星舰工程学 智力 记忆 5X 1250 40000 226275 1280000<br> 高级实验室运作理论 智力 记忆 8X 2000 362039 2048000<br> 高能物理学 智力 记忆 5X 1250 40000 226275 1280000<br> 工程子系统技术 智力 记忆 5X 1250 40000 226275 1280000<br> 攻击子系统技术 智力 记忆 5X 1250 40000 226275 1280000<br> 核芯物理学 智力 记忆 5X 1250 40000 226275 1280000<br> 火箭科学 智力 记忆 5X 1250 40000 226275 1280000<br> 机械工程学 智力 记忆 5X 1250 40000 226275 1280000<br> 激光物理学 智力 记忆 5X 1250 40000 226275 1280000<br> 加达里加密技术原理 智力 记忆 5X 1250 40000 226275 1280000<br> 加达里星舰工程学 智力 记忆 5X 1250 40000 226275 1280000<br> 科学网络学 智力 记忆 3X 750 4243 24000 135765 768000<br> 科学原理 智力 记忆 1X 250 1415 8000 45255 256000<br> 空间航行工程学 智力 记忆 5X 1250 40000 226275 1280000<br> 量子物理学 智力 记忆 5X 1250 40000 226275 1280000<br> 米玛塔尔加密技术原理 智力 记忆 5X 1250 40000 226275 1280000<br> 米玛塔尔星舰工程学 智力 记忆 5X 1250 40000 226275 1280000<br> 纳米工程学 智力 记忆 5X 1250 40000 226275 1280000<br> 逆向工程原理 智力 记忆 4X 1000 5657 32000 1024000<br> 实验室运作理论 智力 记忆 1X 250 1415 8000 45255 256000<br> 塔克玛技术研究 智力 记忆 5X 1250 40000 226275 1280000<br> 塔洛迦技术研究 智力 记忆 5X 1250 40000 226275 1280000<br> 推进子系统技术 智力 记忆 5X 1250 40000 226275 1280000<br> 研究概论 智力 记忆 1X 250 1415 8000 45255 256000<br> 研究工程管理学 记忆 魅力 8X 2000 362039 2048000<br> 燕军技术研究 智力 记忆 5X 1250 40000 226275 1280000<br> 冶金学 智力 记忆 3X 750 4243 24000 135765 768000<br> 引力子物理学 智力 记忆 5X 1250 40000 226275 1280000<br>领导学 采矿管理技术 魅力 毅力 5X 1250 40000 226275 1280000<br> 会战理论 魅力 毅力 2X 500 2829 16000 90510 512000<br> 会战专业研究 魅力 毅力 5X 1250 40000 226275 1280000<br> 舰队指挥学 魅力 毅力 12X 3000<br> 开采先锋技术 魅力 毅力 2X 500 2829 16000 90510 512000<br> 联队指挥学 魅力 毅力 8X 2000 362039 2048000<br> 领导理论 魅力 毅力 1X 250 1415 8000 45255 256000<br> 信息战理论 魅力 毅力 2X 500 2829 16000 90510 512000<br> 信息战专业研究 魅力 毅力 5X 1250 40000 226275 1280000<br> 游击战理论 魅力 毅力 2X 500 2829 16000 90510 512000<br> 游击战专业研究 魅力 毅力 5X 1250 40000 226275 1280000<br> 装甲战理论 魅力 毅力 2X 500 2829 16000 90510 512000<br> 装甲战专业研究 魅力 毅力 5X 1250 40000 226275 1280000<br> 作战网络专业研究 魅力 毅力 6X 1500<br>贸易学 风险投资技巧 魅力 记忆 3X 750 4243 24000 135765 768000<br> 供给学 魅力 记忆 3X 750 4243 24000 135765 768000<br> 海关操作专业理论 魅力 记忆 2X 500 2829 16000 90510 512000<br> 合同规则 魅力 毅力 1X 250 1415 8000 45255 256000<br> 会计学 魅力 记忆 3X 750 4243 24000 135765 768000<br> 经纪人关系学 毅力 魅力 2X 500 2829 16000 90510 512000<br> 军团合同规则 魅力 毅力 3X 750 4243 24000 135765 768000<br> 零售技巧 毅力 魅力 2X 500 2829 16000 90510 512000<br> 贸易学 毅力 魅力 1X 250 1415 8000 45255 256000<br> 批发技巧 魅力 记忆 4X 1000 5657 32000 1024000<br> 商业巨头 魅力 记忆 6X 1500<br> 市场观测学 魅力 记忆 3X 750 4243 24000 135765 768000<br> 市场学 魅力 记忆 3X 750 4243 24000 135765 768000<br> 投机技巧 魅力 记忆 1X 250 1415 8000 45255 256000<br>扫描学 测量学 智力 记忆 1X 250 1415 8000 45255 256000<br> 电脑破译原理 智力 记忆 3X 750 4243 24000 135765 768000<br> 定点测量学 智力 记忆 5X 1250 40000 226275 1280000<br> 考古学 智力 记忆 3X 750 4243 24000 135765 768000<br> 太空测量学 智力 记忆 3X 750 4243 24000 135765 768000<br> 天文测距学 智力 记忆 8X 2000 362039 2048000<br> 天文探测学 智力 记忆 5X 1250 40000 226275 1280000<br>社会学 安全关系学 魅力 智力 2X 500 2829 16000 90510 512000<br> 采矿关系学 魅力 智力 2X 500 2829 16000 90510 512000<br> 犯罪关系研究 魅力 智力 3X 750 4243 24000 135765 768000<br> 高级沟通技巧 魅力 智力 4X 1000 5657 32000 1024000<br> 关系学 魅力 智力 3X 750 4243 24000 135765 768000<br> 社会学 魅力 智力 1X 250 1415 8000 45255 256000<br> 谈判技巧 魅力 智力 2X 500 2829 16000 90510 512000<br> 外交学 魅力 智力 1X 250 1415 8000 45255 256000<br> 物流关系学 魅力 智力 2X 500 2829 16000 90510 512000<br>射击学 大型磁轨炮专业研究 感知 毅力 8X 2000 362039 2048000<br> 大型混合炮台研究 感知 毅力 5X 1250 40000 226275 1280000<br> 大型火炮专业研究 感知 毅力 8X 2000 362039 2048000<br> 大型疾速炮专业研究 感知 毅力 8X 2000 362039 2048000<br> 大型集束激光专业研究 感知 毅力 8X 2000 362039 2048000<br> 大型脉冲激光专业研究 感知 毅力 8X 2000 362039 2048000<br> 大型能量炮台研究 感知 毅力 5X 1250 40000 226275 1280000<br> 大型射弹炮台研究 感知 毅力 5X 1250 40000 226275 1280000<br> 大型自动加农炮专业研究 感知 毅力 8X 2000 362039 2048000<br> 弹道分析学 感知 毅力 5X 1250 40000 226275 1280000<br> 高速射击理论 感知 毅力 2X 500 2829 16000 90510 512000<br> 航迹预算学 感知 毅力 2X 500 2829 16000 90510 512000<br> 精确射击理论 感知 毅力 2X 500 2829 16000 90510 512000<br> 末日武器操作技术 毅力 智力 14X 3500 19799 112000<br> 末日武器快速发射 毅力 智力 14X 3500 19799 112000<br> 旗舰级磁轨炮专业研究 感知 毅力 10X 2500<br> 旗舰级混合炮台研究 感知 毅力 7X 1750<br> 旗舰级火炮专业研究 感知 毅力 10X 2500<br> 旗舰级疾速跑专业研究 感知 毅力 10X 2500<br> 旗舰级集束激光专业研究 感知 毅力 10X 2500<br> 旗舰级脉冲激光专业研究 感知 毅力 10X 2500<br> 旗舰级能量炮台研究 感知 毅力 7X 1750<br> 旗舰级射弹炮台研究 感知 毅力 7X 1750<br> 旗舰级自动加农炮专业研究 感知 毅力 10X 2500<br> 射击学 感知 毅力 1X 250 1415 8000 45255 256000<br> 受控点射理论 感知 毅力 2X 500 2829 16000 90510 512000<br> 外科手术打击理论 感知 毅力 4X 1000 5657 32000 1024000<br> 小型磁轨炮专业研究 感知 毅力 3X 750 4243 24000 135765 768000<br> 小型混合炮台研究 感知 毅力 1X 250 1415 8000 45255 256000<br> 小型火炮专业研究 感知 毅力 3X 750 4243 24000 135765 768000<br> 小型疾速炮专业研究 感知 毅力 3X 750 4243 24000 135765 768000<br> 小型集束激光专业研究 感知 毅力 3X 750 4243 24000 135765 768000<br> 小型脉冲激光专业研究 感知 毅力 3X 750 4243 24000 135765 768000<br> 小型能量炮台研究 感知 毅力 1X 250 1415 8000 45255 256000<br> 小型射弹炮台研究 感知 毅力 1X 250 1415 8000 45255 256000<br> 小型自动加农炮专业研究 感知 毅力 3X 750 4243 24000 135765 768000<br> 战术武器配置理论 感知 毅力 8X 2000 362039 2048000<br> 中型磁轨炮专业研究 感知 毅力 5X 1250 40000 226275 1280000<br> 中型混合炮台研究 感知 毅力 3X 750 4243 24000 135765 768000<br> 中型火炮专业研究 感知 毅力 5X 1250 40000 226275 1280000<br> 中型疾速炮专业研究 感知 毅力 5X 1250 40000 226275 1280000<br> 中型集束激光专业研究 感知 毅力 5X 1250 40000 226275 1280000<br> 中型脉冲激光专业研究 感知 毅力 5X 1250 40000 226275 1280000<br> 中型能量炮台研究 感知 毅力 3X 750 4243 24000 135765 768000<br> 中型射弹炮台研究 感知 毅力 3X 750 4243 24000 135765 768000<br> 中型自动加农炮专业研究 感知 毅力 5X 1250 40000 226275 1280000<br>神经增强 高级坚韧心理学 魅力 毅力 5X 1250 40000 226275 1280000<br> 坚韧心理学 魅力 毅力 1X 250 1415 8000 45255 256000<br> 克隆设施运作技术 智力 记忆 10X 2500<br> 控制论 智力 记忆 3X 750 4243 24000 135765 768000<br> 神经毒化抵抗理论 智力 记忆 5X 1250 40000 226275 1280000<br> 神经毒化控制理论 智力 记忆 2X 500 2829 16000 90510 512000<br> 神经同步学 魅力 毅力 2X 500 2829 16000 90510 512000<br> 生物学 智力 记忆 1X 250 1415 8000 45255 256000<br>生产 高级大型舰船建造研究 智力 记忆 8X 2000 362039 2048000<br> 高级工业舰船建造研究 智力 记忆 3X 750 4243 24000 135765 768000<br> 高级工业理论 记忆 智力 3X 750 4243 24000 135765 768000<br> 高级量产技术 记忆 智力 8X 2000 362039 2048000<br> 高级小型舰船建造研究 智力 记忆 2X 500 2829 16000 90510 512000<br> 高级中型舰船建造研究 智力 记忆 5X 1250 40000 226275 1280000<br> 工业理论 记忆 智力 1X 250 1415 8000 45255 256000<br> 供给链管理 记忆 智力 3X 750 4243 24000 135765 768000<br> 批量生产学 记忆 智力 2X 500 2829 16000 90510 512000<br> 旗舰级船只建造研究 智力 记忆 14X 3500 19799 112000<br> 哨站建造研究 智力 记忆 16X 4000<br> 药品制备 记忆 智力 2X 500 2829 16000 90510 512000<br>锁定系统 磁力感应器补偿 智力 记忆 2X 500 2829 16000 90510 512000<br> 高级目标锁定训练 智力 记忆 3X 750 4243 24000 135765 768000<br> 光雷达感应器补偿 智力 记忆 2X 500 2829 16000 90510 512000<br> 雷达感应器补偿 智力 记忆 2X 500 2829 16000 90510 512000<br> 目标锁定训练 智力 记忆 1X 250 1415 8000 45255 256000<br> 信号分析学 智力 记忆 1X 250 1415 8000 45255 256000<br> 引力感应器补偿 智力 记忆 2X 500 2829 16000 90510 512000<br> 远距锁定研究 智力 记忆 2X 500 2829 16000 90510 512000<br>无人机 艾玛无人机专业研究 记忆 感知 5X 1250 40000 226275 1280000<br> 采矿无人机操控理论 记忆 感知 2X 500 2829 16000 90510 512000<br> 打捞无人机操控理论 记忆 感知 4X 1000 5657 32000 1024000<br> 盖伦特无人机专业研究 记忆 感知 5X 1250 40000 226275 1280000<br> 岗哨无人机操控理论 记忆 感知 5X 1250 40000 226275 1280000<br> 高级无人机电子理论 记忆 感知 5X 1250 40000 226275 1280000<br> 后勤铁骑舰载机操控理论 记忆 感知 12X 3000<br> 加达里无人机专业研究 记忆 感知 5X 1250 40000 226275 1280000<br> 米玛塔尔无人机专业研究 记忆 感知 5X 1250 40000 226275 1280000<br> 轻型铁骑舰载机操控理论 记忆 感知 12X 3000<br> 轻型无人机操控理论 记忆 感知 1X 250 1415 8000 45255 256000<br> 铁骑舰载机操控理论 记忆 感知 12X 3000<br> 铁骑舰载机机库管理 记忆 感知 8X 2000 362039 2048000<br> 维修无人机操控理论 记忆 感知 3X 750 4243 24000 135765 768000<br> 无人机导航学 记忆 感知 1X 250 1415 8000 45255 256000<br> 无人机电子理论 记忆 感知 1X 250 1415 8000 45255 256000<br> 无人机概论 记忆 感知 1X 250 1415 8000 45255 256000<br> 无人机精确射击 记忆 感知 1X 250 1415 8000 45255 256000<br> 无人机控制理论 记忆 感知 5X 1250 40000 226275 1280000<br> 无人机效能研究 记忆 感知 5X 1250 40000 226275 1280000<br> 中型无人机操控理论 记忆 感知 2X 500 2829 16000 90510 512000<br> 重型铁骑舰载机操控理论 记忆 感知 12X 3000<br> 重型无人机操控理论 记忆 感知 5X 1250 40000 226275 1280000<br>装甲 爆炸装甲补偿理论 智力 记忆 2X 500 2829 16000 90510 512000<br> 船体加固理论 智力 记忆 2X 500 2829 16000 90510 512000<br> 电磁装甲补偿理论 智力 记忆 2X 500 2829 16000 90510 512000<br> 动能装甲补偿理论 智力 记忆 2X 500 2829 16000 90510 512000<br> 机械学 智力 记忆 1X 250 1415 8000 45255 256000<br> 旗舰级远程船体修理技术 智力 记忆 10X 2500<br> 旗舰级远程装甲修理技术 智力 记忆 10X 2500<br> 旗舰维修系统研究 智力 记忆 8X 2000 362039 2048000<br> 热能装甲补偿理论 智力 记忆 2X 500 2829 16000 90510 512000<br> 维修系统理论 智力 记忆 1X 250 1415 8000 45255 256000<br> 远程船体维修系统研究 智力 记忆 2X 500 2829 16000 90510 512000<br> 远程装甲维修系统研究 智力 记忆 2X 500 2829 16000 90510 512000<br> 装甲覆层理论 智力 记忆 3X 750 4243 24000 135765 768000<br>资源处理 艾克诺处理技术 记忆 智力 4X 1000 5657 32000 1024000<br> 奥贝尔石处理技术 记忆 智力 2X 500 2829 16000 90510 512000<br> 冰矿采集理论 记忆 智力 1X 250 1415 8000 45255 256000<br> 冰矿处理技术 记忆 智力 5X 1250 40000 226275 1280000<br> 采矿技术 记忆 智力 1X 250 1415 8000 45255 256000<br> 打捞回收技术 记忆 智力 3X 750 4243 24000 135765 768000<br> 凡晶石处理技术 记忆 智力 1X 250 1415 8000 45255 256000<br> 干焦岩处理技术 记忆 智力 1X 250 1415 8000 45255 256000<br> 工业配置技术 记忆 智力 8X 2000 362039 2048000<br> 黑赭石处理技术 记忆 智力 3X 750 4243 24000 135765 768000<br> 灰岩处理技术 记忆 智力 3X 750 4243 24000 135765 768000<br> 基腹断岩处理技术 记忆 智力 5X 1250 40000 226275 1280000<br> 杰斯贝矿处理技术 记忆 智力 2X 500 2829 16000 90510 512000<br> 克洛基处理技术 记忆 智力 4X 1000 5657 32000 1024000<br> 矿冶提升理论 记忆 智力 4X 1000 5657 32000 1024000<br> 片麻岩处理技术 记忆 智力 3X 750 4243 24000 135765 768000<br> 气云采集理论 记忆 智力 1X 250 1415 8000 45255 256000<br> 深核开采法研究 记忆 智力 6X 1500<br> 双多特处理技术 记忆 智力 4X 1000 5657 32000 1024000<br> 水硼砂处理技术 记忆 智力 2X 500 2829 16000 90510 512000<br> 碎铁处理技术 记忆 智力 5X 1250 40000 226275 1280000<br> 太空地质学 智力 记忆 3X 750 4243 24000 135765 768000<br> 提炼效率理论 记忆 智力 3X 750 4243 24000 135765 768000<br> 提炼学概论 记忆 智力 1X 250 1415 8000 45255 256000<br> 同位原矿处理技术 记忆 智力 3X 750 4243 24000 135765 768000<br> 希莫非特处理技术 记忆 智力 2X 500 2829 16000 90510 512000<br> 斜长岩处理技术 记忆 智力 1X 250 1415 8000 45255 256000<br> 灼烧岩处理技术 记忆 智力 1X 250 1415 8000 45255 256000<br>子系统 艾玛电子子系统 智力 记忆 1X 250 1415 8000 45255 256000<br> 艾玛防御子系统 智力 记忆 1X 250 1415 8000 45255 256000<br> 艾玛工程子系统 智力 记忆 1X 250 1415 8000 45255 256000<br> 艾玛攻击子系统 感知 毅力 1X 250 1415 8000 45255 256000<br> 艾玛推进子系统 感知 毅力 1X 250 1415 8000 45255 256000<br> 盖伦特电子子系统 智力 记忆 1X 250 1415 8000 45255 256000<br> 盖伦特防御子系统 智力 记忆 1X 250 1415 8000 45255 256000<br> 盖伦特工程子系统 智力 记忆 1X 250 1415 8000 45255 256000<br> 盖伦特攻击子系统 感知 毅力 1X 250 1415 8000 45255 256000<br> 盖伦特推进子系统 感知 毅力 1X 250 1415 8000 45255 256000<br> 加达里电子子系统 智力 记忆 1X 250 1415 8000 45255 256000<br> 加达里防御子系统 智力 记忆 1X 250 1415 8000 45255 256000<br> 加达里工程子系统 智力 记忆 1X 250 1415 8000 45255 256000<br> 加达里攻击子系统 感知 毅力 1X 250 1415 8000 45255 256000<br> 加达里推进子系统 感知 毅力 1X 250 1415 8000 45255 256000<br> 米玛塔尔电子子系统 智力 记忆 1X 250 1415 8000 45255 256000<br> 米玛塔尔防御子系统 智力 记忆 1X 250 1415 8000 45255 256000<br> 米玛塔尔工程子系统 智力 记忆 1X 250 1415 8000 45255 256000<br> 米玛塔尔攻击子系统 感知 毅力 1X 250 1415 8000 45255 256000<br> 米玛塔尔推进子系统 感知 毅力 1X 250 1415 8000 45255 256000</p>]]></content>
<categories>
<category> -EVE </category>
</categories>
<tags>
<tag> EVE </tag>
</tags>
</entry>
<entry>
<title>毁电、传电、摇修，你喜欢的姿势我多米都会</title>
<link href="/2023/03/03/%E5%A4%9A%E7%B1%B3/"/>
<url>/2023/03/03/%E5%A4%9A%E7%B1%B3/</url>
<content type="html"><![CDATA[<link rel="stylesheet" class="aplayer-secondary-style-marker" href="\assets\css\APlayer.min.css"><script src="\assets\js\APlayer.min.js" class="aplayer-secondary-script-marker"></script><p>（一）火力、电子战、后勤三位一体</p><p>特色：</p><p>多米作为一艘无人机战列舰，具有125的无人机带宽，可以同时丢出5架重型/岗哨无人机，375m³的无人机挂仓让多米很难被捏光无人机（遇到炸弹马炸弹蛇当我没说）。<br><img src="https://i.postimg.cc/Qx12NV1g/b4acec7257c113241a9f263cba510173f2869126-png-web-article-pic.webp" alt=""><br>使用无人机输出的特点彻底解放了多米的高槽，让它成为了喜爱PVP的飞行员手中最可怕的玩具，无论是3传电3摇修的后勤多米；还满毁电的流氓多米；亦或是挂满中子炮的涅槃多米都在实战中取得了不错的战绩。<br><img src="https://i.postimg.cc/HsYwnh7S/99fa87edc48f460d47f211768cc44aa0f0ac31d3-png-web-article-pic.webp" alt=""></p><p>（二）多米尼克斯装配介绍</p><p>1、毁电拉满<br><img src="https://i.postimg.cc/76q69p4d/9390cce3afc434c231f9174f74d348b7532fb814-png-1256w-1618h-web-article-pic.webp" alt=""><br> 功夫再高毁电撂倒</p><p>优点：飞船都需要能源，没有能源的飞船不过是垂死的蚂蚱；顶着6个毁电的多米能够在短时间内毁干目标的电容，中槽的注电可以很好的解决自身电容器不足的问题，跳刀的存在也增强了多米的逃生能力，非常标准的流氓多米配置。</p><p>缺点：如果对方是掠夺，并且带了注电，那就没有任何施展拳脚的余地了。</p><p> 2、后勤多米<br><img src="https://i.postimg.cc/ZK4GR4c1/97e652e5e97b99d6e1b5d83f2728e8fceaac3c03-png-1256w-1614h-web-article-pic.webp" alt=""><br>具备后勤能力，同时具备出众火力。</p><p>优点：可以PVE也可以PVP，当然也能够PVPVE，在提供后勤能力的同时还能充当一个火力高位，收了重无撒出轻无就是舰队中位，简直太完美了。</p><p>缺点：笨重的战列队才会用后勤多米，本地防御可能也会用，收割队的lsk可看不上这种多米，后勤那还是大白香。</p><p>（三）多米尼克斯的妙用</p><p>1、大号灵感</p><p>仔细想一想，多米尼克斯某种意义上是不是和灵感很像？无人机加成，具备多种武器系统，而且都挺便宜。</p><p>给多米带上中子涅槃肉搏，杀伤效果拔群，就算不幸被击杀，往往也能带走对面几个。<br><img src="https://i.postimg.cc/HsmJ3Z0Q/8d0887427be823cc00f6b6f01468cd1047a1e0a9-png-1256w-1612h-web-article-pic.webp" alt=""><br>不过说真的，这种玩法一定记得带“重网+扰频+跳刀”，万一遇到不讲武德的风筝队伍，开跳刀起码还能跑，不然只能被风筝到死了。</p><p>2、抱团摇修</p><p>后勤多米PVE还有一个好处，不怕小型收割队，那些由几个或十几个玩家组成的收割队是无法打破数个后勤多米的防御的。</p><p>这些多米抱在一起，依靠无人机进行输出，谁被打了就用摇修修谁，谁被毁电了就给谁传电，小型收割队往往会在一通操作转火后发现一台多米都没打掉，可能还会搭上几个开截击的好弟兄。<br>3、结构抗一次性毁电船</p><p>PVP最流氓的舰船就是毁电舰船，但是血袭者系列的毁电船价格都有点小贵，在不考虑血袭者舰船的情况下，多米是最泛用的平民毁电舰船。</p><p>低槽带好强化舱壁，冲上去对着目标一阵毁电，你就会成为星空中最亮的崽，物理意义上的那种亮（爆炸的烟花的确很亮），你的队友一定会记住你做出的卓越贡献的！</p><p>（四）战术汇总</p><p>1、丢岗哨跳刀</p><p>远距离操控岗哨进行输出，丢出岗哨后开跳刀的玩法听起来有点奇葩，但在很多时候有奇效，那些距离岗哨100KM的护卫舰一个不小心就会被岗哨抬走，包括那些流氓舰船，比如小鬼。</p><p>不过，携带岗哨就意味着放弃了125的无人机容量，在这种情况下还要携带轻无和中无……多米的重无可就损失不起了。</p><p>2、委派无人机远狙</p><p>丢出岗哨，在位于泡泡或埋伏地点很远的安全位置将无人机委派给一名带炮的截击或其他舰船，一旦有目标被埋伏，所有岗哨无人机将会用全新伊甸最快的集火效率把目标变成太空烟花。</p><p>3、电池补给大礼包</p><p>除了后勤多米外，其他多米的配置都很吃电池。</p><p>没关系，说到底多米也是艘战列舰，是战列就可以带逃生护卫，只要给富豪带好货柜塞满电池，多米就可以拥有几乎取之不尽用之不竭的备用电池，就算真的快吃完了，也能从战损的队友身上拔一些下来。</p><p>总结：多米的确是一艘好用不贵的舰船，无论是输出、中位、特种、后勤都可以担当，甚至还可以使用重网和跳刀，但它的坏处也有很多，相对来说较为笨重，使用结构抗就意味着放弃了后勤的维修，许多多米驾驶员在出发的那一刻就已经做好了陨落的心理准备（后勤多米除外）。 </p>]]></content>
<categories>
<category> -EVE舰船介绍 </category>
</categories>
<tags>
<tag> EVE </tag>
</tags>
</entry>
<entry>
<title>小说</title>
<link href="/2023/03/03/%E5%B0%8F%E8%AF%B4/"/>
<url>/2023/03/03/%E5%B0%8F%E8%AF%B4/</url>
<content type="html"><![CDATA[<link rel="stylesheet" class="aplayer-secondary-style-marker" href="\assets\css\APlayer.min.css"><script src="\assets\js\APlayer.min.js" class="aplayer-secondary-script-marker"></script><p>先放着我还没看完。</p>]]></content>
<categories>
<category> -长篇小说连载 </category>
</categories>
<tags>
<tag> 小说 </tag>
</tags>
</entry>
<entry>
<title>最强”巡洋“马克瑞！</title>
<link href="/2023/03/03/%E5%B0%8F%E9%A9%AC/"/>
<url>/2023/03/03/%E5%B0%8F%E9%A9%AC/</url>
<content type="html"><![CDATA[<link rel="stylesheet" class="aplayer-secondary-style-marker" href="\assets\css\APlayer.min.css"><script src="\assets\js\APlayer.min.js" class="aplayer-secondary-script-marker"></script><p>（一）战列的身躯，巡洋的机动</p><p>特色：</p><p>天使集团所有舰船都有一个特点，机动性强，不仅仅是转向、加速度、最高速度，甚至还包括了跃迁速度！这也是天使集团的马被称为“最强巡洋”的根本原因。<br> <img src="https://i.postimg.cc/cC2rsH9Q/ec0af7f5b684dd0aefcf2be70150ecf82ecbd725-png-web-article-pic.webp" alt=""><br>凭借超高的机动性，马克瑞在PVP、PVE上均有一定优势，独特的造型还赋予了它“炸弹马”的特殊玩法，是新伊甸最畅销的势力战列之一。<br>唯一的缺点是，米玛塔尔的泼水炮实在是有点费弹药……</p><p>（二）马克瑞装配介绍</p><p>1、800炮+毁电+注电+重网+钢板=乱杀<br> <img src="https://i.postimg.cc/tCTS1TKn/fb7ca7399392194ea0cff2ec7e7b3ba283caf353-png-1256w-1600h-web-article-pic.jpg" alt=""><br> 虽然很强，但如果没有后勤，那就是“一轮游”</p><p>优点：凭借500推和重网，一个有经验的PVP玩家能够利用调船头等技巧消灭那些烦人的电子战护卫舰，高槽的毁电还能进一步的增强自身对PVE神装舰船的威胁，极高的火力和尚可的有效让马克瑞有能力在敌人摧毁自己之前撤离战场。</p><p>缺点：如果是鱼雷魔像或许还可以一战，但面对鱼雷凤凰这样的目标，开启500推不过是加速自己放烟花的速度。自身没有维修装置，如果没有后勤跟着，打一场遭遇战很可能就要考虑撤退了。</p><p> 2、双推+注电+超大修+毁电=无双<br> <img src="https://i.postimg.cc/8C1r5FYq/aba4c2eb685fbc4463826224f52212e5519b77cc-png-1256w-1622h-web-article-pic.jpg" alt=""><br> 常见的无双配置之一（和用注盾的差不多，只是换成了注电）。</p><p>优点：极强的自修能力，极高的DPS，携带双推还可避免被扰频的尴尬，高槽的毁电还能进一步的增强自身对PVE神装舰船的威胁，在电池吃完之前，这艘马克瑞可以轻松的消灭数个敌人。</p><p>缺点：八爪鱼操作，容易失误，价格也有点小贵，对技能要求也很高。</p><p>（三）马克瑞的妙用</p><p>1、“巡洋”挺针队</p><p>大多数挺针队都是以巡洋为主（勒沙克+大白那种豪华配置除外），要想跟上巡洋队，唯一能够使用的战列只有马克瑞，盾抗马克瑞的机动性并不比巡洋差。</p><p>就是全装马克瑞的价格嘛，也有点小贵。 </p><p>2、伤害多样的弹药</p><p>米玛塔尔的射弹炮虽然泼水快，可它的伤害种类全啊，用在PVP上几乎可以对抗任何地盘的刷怪船，面对反收割队也完全不虚。</p><p>就是偶尔也会发生船还在，弹药打光了的尴尬局面。</p><p>3、PVP炸弹马</p><p>可不要以为炸弹马只能PVE，在面对一些非常奇葩的收割队（比如赫卡特，或者无人机大队……隐轰队其实也可以），一艘炸弹马完全有能力全灭对面！</p><p>（四）战术汇总</p><p>1、1400远狙</p><p>1400马出现的频率并不高，这种马克瑞具备极远的射程和极高的DPH。可以轻易送走那些不知道手动拉角速度直线俯冲的截击，也能让你成为战场上最靓的K头仔。</p><p>只要静候在安全距离（比如离泡泡100KM，离星门100KM啦），等到目标出现时锁定开火即可，如果有条件，你还可以给自己准备一艘“投射”船，增加自己锁定的速度，说不定能打掉什么运送贵重物品的舰船。</p><p>如果觉得自己KM少，不妨试试1400马克瑞，用过的都知道，K头是真的方便。 </p><p>2、自爆卡车</p><p>驻地被寒鸦、隐轰骚扰了？一旦落地对方就跳走？没有关系！准备一艘隐身船，算好敌舰队的前进方向，掐好时间让炸弹马起跳，就算对方看到炸弹马打算跳走也来不及哦。（冷知识，舰船在起跳后依然会受到炸弹、末日等无需锁定的武器伤害）</p><p>至于为什么叫自爆卡车嘛……因为这样的炸弹马活下来的概率几乎为0，请在出站钱买好保险哦。</p><p>3、机动优势：调船头</p><p>大多数战列在被护卫（入截击、小鬼）缠身时基本可以双手离开键盘，但马克瑞不一样，极强的机动性赋予了它与护卫“狗斗”的能力。</p><p>那些老屁股通常都能驾驶马克瑞用调船头的方式把环绕自己的截击“甩出去”，当然，前提是马克瑞没有被上太多的网子，不然……机动性再好，没有速度也是没办法的事情。</p><p><img src="https://i.postimg.cc/d0tmfSJk/b41a4659fa69b605a3f71ea4e9da6bdf30c1675b-png-web-article-pic.jpg" alt=""><br>总结：马克瑞是一艘非常适合用来PVP的舰船，速度就是EVE中的一切，但在熟练驾驭马克瑞之前，速度也可能会害了你，比如在不该起跳的时候没刹住闸跳出去了，或者是“环绕”的过程中被对方用调船头的技巧甩出了反跳范围。 </p>]]></content>
<categories>
<category> -EVE舰船介绍 </category>
</categories>
<tags>
<tag> EVE </tag>
</tags>
</entry>
<entry>
<title>Windows 10(测试效果)</title>
<link href="/2023/03/03/win10/"/>
<url>/2023/03/03/win10/</url>
<content type="html"><![CDATA[<link rel="stylesheet" class="aplayer-secondary-style-marker" href="\assets\css\APlayer.min.css"><script src="\assets\js\APlayer.min.js" class="aplayer-secondary-script-marker"></script><h1 id="Windows-10"><a href="#Windows-10" class="headerlink" title="Windows 10"></a>Windows 10</h1><h2 id="1-系统设置"><a href="#1-系统设置" class="headerlink" title="1. 系统设置"></a>1. 系统设置</h2><h3 id="1-1-系统设置"><a href="#1-1-系统设置" class="headerlink" title="1.1 系统设置"></a>1.1 系统设置</h3><ul><li>系统设置 -> 时间和语言 -> 区域和语言 -> 地区 -> 地区 -> 语言 -> 语言 -> 语言</li></ul><h3 id="1-2-系统设置"><a href="#1-2-系统设置" class="headerlink" title="1.2 系统设置"></a>1.2 系统设置</h3><ul><li>系统设置 -> 时间和语言 -> 区域和语言 -> 地区 -> 地区 -> 语言 -> 语言 -> 语言</li></ul><h3 id="1-3-系统设置"><a href="#1-3-系统设置" class="headerlink" title="1.3 系统设置"></a>1.3 系统设置</h3><ul><li>系统设置 -> 时间和语言 -> 区域和语言 -> 地区 -> 地区 -> 语言 -> 语言 -> 语言</li></ul><h3 id="1-4-系统设置"><a href="#1-4-系统设置" class="headerlink" title="1.4 系统设置"></a>1.4 系统设置</h3>]]></content>
<categories>
<category> 玩转Win10 </category>
</categories>
<tags>
<tag> Windows </tag>
</tags>
</entry>
<entry>
<title>基于Butterfly的外挂标签引入</title>
<link href="/2020/11/14/Tag-Plugins-Plus/"/>
<url>/2020/11/14/Tag-Plugins-Plus/</url>
<content type="html"><![CDATA[<link rel="stylesheet" class="aplayer-secondary-style-marker" href="\assets\css\APlayer.min.css"><script src="\assets\js\APlayer.min.js" class="aplayer-secondary-script-marker"></script><div class="tip home"><p>本文档由<a href="https://jq.qq.com/?_wv=1027&k=EF1Elvqp">🧊Akilarの糖果屋🍭</a></p><p>如有使用了的外挂标签插件的读者，请确保自己的配置内容为最新。</p><p>同理，若您在使用本帖教程后，发现样式无法完全还原文档内效果，请重点排查您的其余第三方魔改css样式，例如css中是否存在<strong>circle</strong>、<strong>square</strong>等易重class名。</p></div><details class="folding-tag" red><summary> 点开查看开发记录 </summary> <div class='content'> <div class="note blue icon-padding modern"><i class="note-icon fas fa-bullhorn"></i><p>本文所涉及的样式，主要参考的是各类已有主题，并对相应styl文件进行样式修改以及添加夜间模式适配。已尽可能追根溯源找到了各部分魔改内容最初的作者，如有错误和遗漏还请联系我修改。</p></div><div class="timeline green"><div class='timeline-item headline'><div class='timeline-item-title'><div class='item-circle'><p>开发记录</p></div></div></div><div class='timeline-item'><div class='timeline-item-title'><div class='item-circle'><p>2022-04-29:发布插件版v1.0.17</p></div></div><div class='timeline-item-content'><ol><li>在bubble气泡外挂标签基础上新增reference引用文献标签</li><li>修复了bubble气泡外挂标签层级过高遮挡提示框的bug</li></ol></div></div><div class='timeline-item'><div class='timeline-item-title'><div class='item-circle'><p>2022-04-28:发布插件版v1.0.16</p></div></div><div class='timeline-item-content'><ol><li>移除timeline外挂标签，请使用butterfly新版自带的timeline标签，效果更好。</li><li>修复tip标签自定义图标无效的bug</li></ol></div></div><div class='timeline-item'><div class='timeline-item-title'><div class='item-circle'><p>2022-04-07:发布插件版v1.0.15</p></div></div><div class='timeline-item-content'><ol><li>调整气泡显隐动画逻辑，避免透明度变换瞬间遮挡到正文。</li></ol></div></div><div class='timeline-item'><div class='timeline-item-title'><div class='item-circle'><p>2022-04-07:发布插件版v1.0.14</p></div></div><div class='timeline-item-content'><ol><li>新增气泡注释bubble标签样式。效果比nota标签更好。</li><li>支持自定义气泡背景色。</li></ol></div></div><div class='timeline-item'><div class='timeline-item-title'><div class='item-circle'><p>2022-03-03:发布插件版v1.0.13</p></div></div><div class='timeline-item-content'><ol><li>新增开关逻辑，iconfont，carousel设为false则不引入。</li><li>site标签新增灯箱屏蔽，不再支持点击放大图片。</li></ol></div></div><div class='timeline-item'><div class='timeline-item-title'><div class='item-circle'><p>2022-02-14:发布插件版v1.0.12</p></div></div><div class='timeline-item-content'><ol><li>剔除了link卡片的无效css</li></ol></div></div><div class='timeline-item'><div class='timeline-item-title'><div class='item-circle'><p>2022-01-26:发布插件版v1.0.11</p></div></div><div class='timeline-item-content'><ol><li>butterfly_v4.0新增了<code>timeline</code>标签，与本插件标签名冲突。可以选择改用标签文档中的源码配置方案并剔除timeline标签或者删除主题原有的timeline标签文件<code>Blogroot\themes\butterfly\scripts\tag\timeline.js</code>和<code>Blogroot\themes\butterfly\source\css\_tags\timeline.styl</code>。（总之不能共存）</li><li>修复了carousel标签刷新后不加载的bug。</li></ol></div></div><div class='timeline-item'><div class='timeline-item-title'><div class='item-circle'><p>2021-12-23:发布插件版v1.0.10</p></div></div><div class='timeline-item-content'><ol><li>将所有CDN链接迁移至<code>unpkg.zhimg.com</code></li><li>外露所有CDN配置项，支持读者自行更改CDN源</li></ol></div></div><div class='timeline-item'><div class='timeline-item-title'><div class='item-circle'><p>2021-12-09:发布插件版v1.0.9</p></div></div><div class='timeline-item-content'><ol><li>调整<code>link</code>标签的默认图片缺省值适配，新增<code>tag_plugins.link.placeholder</code>配置项。</li><li>因为新增了默认图片，新增配置项，所以需要更新版本。如果本身使用link标签就有自己加图片的习惯的，无需升级。<figure class="highlight bash"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">npm install hexo-butterfly-tag-plugins-plus@1.0.9 --save</span><br></pre></td></tr></table></figure></li></ol></div></div><div class='timeline-item'><div class='timeline-item-title'><div class='item-circle'><p>2021-12-07:发布插件版v1.0.5</p></div></div><div class='timeline-item-content'><ol><li>调整<code>folding</code>标签，解决与twikoo设置面板样式的冲突问题</li><li>因为调整了<code>folding</code>标签的编译函数，低版本会出现folding样式失效的情况，请各位更新至最新版本。<figure class="highlight bash"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">npm install hexo-butterfly-tag-plugins-plus@1.0.5 --save</span><br></pre></td></tr></table></figure></li></ol></div></div><div class='timeline-item'><div class='timeline-item-title'><div class='item-circle'><p>2021-12-01:发布插件版v1.0.4</p></div></div><div class='timeline-item-content'><ol><li>调整<code>tip</code>标签，字体垂直居中</li></ol></div></div><div class='timeline-item'><div class='timeline-item-title'><div class='item-circle'><p>2021-08-06:发布插件版v1.0.3</p></div></div><div class='timeline-item-content'><ol><li>新增<code>carousel</code>旋转相册</li></ol></div></div><div class='timeline-item'><div class='timeline-item-title'><div class='item-circle'><p>2021-07-07:发布插件版v1.0.0</p></div></div><div class='timeline-item-content'><ol><li>使用npm插件安装。</li><li>测试版本为butterfly_v3.1.0、3.3.0、3.7.8、3.8.0</li><li>插件写法调整为高内聚，理论上不受butterfly主题版本影响。</li><li>为了获得完整效果，建议打开主题的beautify配置项和theme_color配置项。</li></ol></div></div><div class='timeline-item'><div class='timeline-item-title'><div class='item-circle'><p>2021-03-19:正式版v1.61</p></div></div><div class='timeline-item-content'><ol><li>修复行内图片换行错误。</li></ol></div></div><div class='timeline-item'><div class='timeline-item-title'><div class='item-circle'><p>2021-02-24:正式版v1.6</p></div></div><div class='timeline-item-content'><ol><li>新增一个样式标签，进度条progress</li></ol></div></div><div class='timeline-item'><div class='timeline-item-title'><div class='item-circle'><p>2020-12-31:正式版v1.5</p></div></div><div class='timeline-item-content'><ol><li>新增两个样式标签，github徽标ghbdage和特效标签wow</li><li>移除静态资源中的<code>fontawesome-animation.min.css</code>以及<code>issues.js</code>，改为CDN引用。</li><li>本帖不专门提供特效标签wow的配置方案，若有需要，请查看站内教程<a href="/posts/abab51cf/">使用wowjs给博客添加动画效果</a></li></ol></div></div><div class='timeline-item'><div class='timeline-item-title'><div class='item-circle'><p>2020-12-17:正式版v1.4</p></div></div><div class='timeline-item-content'><ol><li>新增两个样式标签poem和icon</li><li>修复了folding标签嵌套字体逐级放大的bug。</li><li>不再更新v3.4.0以下版本的适配内容。</li></ol></div></div><div class='timeline-item'><div class='timeline-item-title'><div class='item-circle'><p>2020-12-13:正式版v1.3</p></div></div><div class='timeline-item-content'><ol><li>新增Butterfly_v3.4.0的配置文件。</li><li>请读者根据自己的主题版本选择替换。</li></ol></div></div><div class='timeline-item'><div class='timeline-item-title'><div class='item-circle'><p>2020-12-07:正式版v1.21</p></div></div><div class='timeline-item-content'><ol><li>资源文件无任何改动。</li><li>更新了动态标签的使用说明。补全参数配置，更换示例。使得教程更加通俗易懂。</li></ol></div></div><div class='timeline-item'><div class='timeline-item-title'><div class='item-circle'><p>2020-12-03:正式版v1.2</p></div></div><div class='timeline-item-content'><ol><li>新增当初弃用的issues.js标签，以配合友链魔改教程中的issues自动更新功能。</li><li>更新了静态资源文件，请之前的读者重新覆盖安装。</li><li>修改了<code>fontawesome-animation.min.css</code>的引入方式，改成使用<code>@import</code>注入<code>index.css</code>。</li></ol></div></div><div class='timeline-item'><div class='timeline-item-title'><div class='item-circle'><p>2020-11-16:正式版v1.1</p></div></div><div class='timeline-item-content'><ol><li>新增tip.js，将小康大佬的渐变色上标标签写法从HTML的方式改成用标签语法编写。</li><li>新增动态标签样式anima，使用了fontawesome-animation项目。</li><li>新增标签内容夜间模式适配。</li></ol></div></div><div class='timeline-item'><div class='timeline-item-title'><div class='item-circle'><p>2020-11-15:正式版v1.0</p></div></div><div class='timeline-item-content'><ol><li>基本完成Volantis外挂标签移植。</li><li>移除了btn标签，因为存在冲突。而且不如butterfly自带的button样式好看。</li><li>适配了folding标签的夜间模式。</li><li>打包了静态资源文件，上传蓝奏云。</li></ol></div></div><div class='timeline-item'><div class='timeline-item-title'><div class='item-circle'><p>2020-11-14:内测版v0.05</p></div></div><div class='timeline-item-content'><ol><li>主要使用了<a href="https://github.com/volantis-x/hexo-theme-volantis">Volantis</a>的标签样式。引入<code>[tag].js</code>，并针对<code>butterfly</code>主题修改了相应的<code>[tag].styl</code>。在此鸣谢<code>Volantis</code>主题众开发者。</li><li>主要参考内容<ul><li><a href="https://volantis.js.org/tag-plugins/">Volantis文档:内置标签插件</a></li><li><a href="https://butterfly.js.org/posts/4aa8abbe/#%E6%A8%99%E7%B1%A4%E5%A4%96%E6%8E%9B%EF%BC%88Tag-Plugins%EF%BC%89">Butterfly 安装文档:标签外挂（Tag Plugins）</a></li><li><a href="https://lovelijunyi.gitee.io/posts/c898.html">小弋の生活馆全样式预览</a></li><li><a href="https://github.com/l-lin/font-awesome-animation">l-lin-font-awesome-animation</a></li><li><a href="https://www.antmoe.com/posts/3b43914f/">小康的butterfly主题使用文档</a></li></ul></li></ol></div></div></div> </div> </details><div class="tabs" id="配置方案"><ul class="nav-tabs"><button type="button" class="tab active" data-href="配置方案-1">npm插件安装方案（推荐）</button><button type="button" class="tab " data-href="配置方案-2">源码修改配置方案</button></ul><div class="tab-contents"><div class="tab-item-content active" id="配置方案-1"><ol><li>安装插件,在博客根目录<code>[Blogroot]</code>下打开终端，运行以下指令：<figure class="highlight bash"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">npm install hexo-butterfly-tag-plugins-plus --save</span><br></pre></td></tr></table></figure>考虑到hexo自带的markdown渲染插件<code>hexo-renderer-marked</code>与外挂标签语法的兼容性较差，建议您将其替换成<a href="https://www.npmjs.com/package/hexo-renderer-kramed">hexo-renderer-kramed</a><figure class="highlight bash"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br></pre></td><td class="code"><pre><span class="line">npm uninstall hexo-renderer-marked --save</span><br><span class="line">npm install hexo-renderer-kramed --save</span><br></pre></td></tr></table></figure></li><li>添加配置信息，以下为写法示例<br>在站点配置文件<code>_config.yml</code>或者主题配置文件<code>_config.butterfly.yml</code>中添加<figure class="highlight yaml"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br><span class="line">11</span><br><span class="line">12</span><br><span class="line">13</span><br><span class="line">14</span><br><span class="line">15</span><br></pre></td><td class="code"><pre><span class="line"><span class="comment"># tag-plugins-plus</span></span><br><span class="line"><span class="comment"># see https://akilar.top/posts/615e2dec/</span></span><br><span class="line"><span class="attr">tag_plugins:</span></span><br><span class="line"> <span class="attr">enable:</span> <span class="literal">true</span> <span class="comment"># 开关</span></span><br><span class="line"> <span class="attr">priority:</span> <span class="number">5</span> <span class="comment">#过滤器优先权</span></span><br><span class="line"> <span class="attr">issues:</span> <span class="literal">false</span> <span class="comment">#issues标签依赖注入开关</span></span><br><span class="line"> <span class="attr">link:</span></span><br><span class="line"> <span class="attr">placeholder:</span> <span class="string">/img/link.png</span> <span class="comment">#link_card标签默认的图标图片</span></span><br><span class="line"> <span class="attr">CDN:</span></span><br><span class="line"> <span class="attr">anima:</span> <span class="string">https://npm.elemecdn.com/hexo-butterfly-tag-plugins-plus@latest/lib/assets/font-awesome-animation.min.css</span> <span class="comment">#动画标签anima的依赖</span></span><br><span class="line"> <span class="attr">jquery:</span> <span class="string">https://npm.elemecdn.com/jquery@latest/dist/jquery.min.js</span> <span class="comment">#issues标签依赖</span></span><br><span class="line"> <span class="attr">issues:</span> <span class="string">https://npm.elemecdn.com/hexo-butterfly-tag-plugins-plus@latest/lib/assets/issues.js</span> <span class="comment">#issues标签依赖</span></span><br><span class="line"> <span class="attr">iconfont:</span> <span class="string">//at.alicdn.com/t/font_2032782_8d5kxvn09md.js</span> <span class="comment">#参看https://akilar.top/posts/d2ebecef/</span></span><br><span class="line"> <span class="attr">carousel:</span> <span class="string">https://npm.elemecdn.com/hexo-butterfly-tag-plugins-plus@latest/lib/assets/carousel-touch.js</span></span><br><span class="line"> <span class="attr">tag_plugins_css:</span> <span class="string">https://npm.elemecdn.com/hexo-butterfly-tag-plugins-plus@latest/lib/tag_plugins.css</span></span><br></pre></td></tr></table></figure></li><li>参数释义</li></ol><div class="table-container"><table><thead><tr><th style="text-align:left">参数</th><th style="text-align:left">备选值/类型</th><th style="text-align:left">释义</th></tr></thead><tbody><tr><td style="text-align:left">enable</td><td style="text-align:left">true/false</td><td style="text-align:left">【必选】控制开关</td></tr><tr><td style="text-align:left">priority</td><td style="text-align:left">number</td><td style="text-align:left">【可选】过滤器优先级，数值越小，执行越早，默认为10，选填</td></tr><tr><td style="text-align:left">issues</td><td style="text-align:left">true/false</td><td style="text-align:left">【可选】issues标签控制开关，默认为false</td></tr><tr><td style="text-align:left">link.placeholder</td><td style="text-align:left">【必选】link卡片外挂标签的默认图标</td></tr><tr><td style="text-align:left">CDN.anima</td><td style="text-align:left">URL</td><td style="text-align:left">【可选】动画标签anima的依赖</td></tr><tr><td style="text-align:left">CDN.jquery</td><td style="text-align:left">URL</td><td style="text-align:left">【可选】issues标签依赖</td></tr><tr><td style="text-align:left">CDN.issues</td><td style="text-align:left">URL</td><td style="text-align:left">【可选】issues标签依赖</td></tr><tr><td style="text-align:left">CDN.iconfont</td><td style="text-align:left">URL</td><td style="text-align:left">【可选】iconfont标签symbol样式引入，如果不想引入，则设为false</td></tr><tr><td style="text-align:left">CDN.carousel</td><td style="text-align:left">URL</td><td style="text-align:left">【可选】carousel旋转相册标签鼠标拖动依赖，如果不想引入则设为false</td></tr><tr><td style="text-align:left">CDN.tag_plugins_css</td><td style="text-align:left">URL</td><td style="text-align:left">【可选】外挂标签样式的CSS依赖，为避免CDN缓存延迟，建议将@latest改为具体版本号</td></tr></tbody></table></div></div><div class="tab-item-content" id="配置方案-2"><p><div class="tip info"><p>源码修改配置方案适用于不想应用全部外挂标签的用户，供熟悉外挂标签原理的用户自行选择装配需要的标签文件。</p></div></p><ol><li>下载资源文件<br><a class="ghcard" rel="external nofollow noopener noreferrer" href="https://github.com/Akilarlxh/hexo-butterfly-tag-plugins-plus"><img src="https://github-readme-stats.vercel.app/api/pin/?username=Akilarlxh&repo=hexo-butterfly-tag-plugins-plus&theme=vue&show_owner=true"/></a></li><li>将下载的<code>hexo-butterfly-tag-plugins-plus.zip</code>解压得到资源文件夹,下文以<code>[tag_plugins_file]</code>指代该文件夹。</li><li>将<code>[tag_plugins_file]\lib\scripts</code>目录下的文件放到<code>[Blogroot]\themes\butterfly\scripts\tag\</code>文件夹内。</li><li>将<code>[tag_plugins_file]\lib\style</code>目录下的文件放到<code>[Blogroot]\themes\butterfly\source\css\tags\</code>文件夹内。</li><li>修改<code>[Blogroot]\_config.butterfly.yml</code>的<code>inject</code>配置项，添加<code>CDN</code>依赖项。由于<code>issues</code>写入<code>timeline</code>和<code>site-card</code>标签要用到<code>jquery</code>，请务必根据注释指示的版本决定是否添加。<figure class="highlight yml"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br></pre></td><td class="code"><pre><span class="line"><span class="attr">inject:</span></span><br><span class="line"> <span class="attr">head:</span></span><br><span class="line"> <span class="bullet">-</span> <span class="string"><link</span> <span class="string">rel="stylesheet"</span> <span class="string">href="https://cdn.jsdelivr.net/gh/l-lin/font-awesome-animation/dist/font-awesome-animation.min.css"</span> <span class="string">media="defer"</span> <span class="string">onload="this.media='all'"></span> <span class="comment">#动画标签anima的依赖</span></span><br><span class="line"> <span class="bullet">-</span> <span class="string"><script</span> <span class="string">async</span> <span class="string">src="https://npm.elemecdn.com/hexo-butterfly-tag-plugins-plus@latest/lib/carousel-touch.min.js"></script></span> <span class="comment">#carousel相册鼠标动作的依赖</span></span><br><span class="line"> <span class="attr">bottom:</span></span><br><span class="line"> <span class="bullet">-</span> <span class="string"><script</span> <span class="string">defer</span> <span class="string">src="https://npm.elemecdn.com/jquery@latest/dist/jquery.min.js"></script></span></span><br><span class="line"> <span class="comment"># 自butterfly_v3.4.0+开始，主题基本实现去jquery化，需要自己添加引用，请读者根据版本自行决定是否添加这行引用。</span></span><br><span class="line"> <span class="bullet">-</span> <span class="string"><script</span> <span class="string">defer</span> <span class="string">src="https://npm.elemecdn.com/hexo-theme-volantis@latest/source/js/issues.min.js"></script></span></span><br><span class="line"> <span class="comment">#数据集合标签issues的依赖</span></span><br></pre></td></tr></table></figure></li><li>考虑到hexo自带的markdown渲染插件<code>hexo-renderer-marked</code>与外挂标签语法的兼容性较差，建议您将其替换成<a href="https://www.npmjs.com/package/hexo-renderer-kramed">hexo-renderer-kramed</a><figure class="highlight bash"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br></pre></td><td class="code"><pre><span class="line">npm uninstall hexo-renderer-marked --save</span><br><span class="line">npm install hexo-renderer-kramed --save</span><br></pre></td></tr></table></figure></li><li>外挂标签使用方案请参阅下文。</li></ol></div></div><div class="tab-to-top"><button type="button" aria-label="scroll to top"><i class="fas fa-arrow-up"></i></button></div></div><h2 id="行内文本样式-text"><a href="#行内文本样式-text" class="headerlink" title="行内文本样式 text"></a>行内文本样式 text</h2><div class="tabs" id="text"><ul class="nav-tabs"><button type="button" class="tab " data-href="text-1">标签语法</button><button type="button" class="tab active" data-href="text-2">样式预览</button><button type="button" class="tab " data-href="text-3">示例源码</button></ul><div class="tab-contents"><div class="tab-item-content" id="text-1"><figure class="highlight markdown"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br></pre></td><td class="code"><pre><span class="line">{% u 文本内容 %}</span><br><span class="line">{% emp 文本内容 %}</span><br><span class="line">{% wavy 文本内容 %}</span><br><span class="line">{% del 文本内容 %}</span><br><span class="line">{% kbd 文本内容 %}</span><br><span class="line">{% psw 文本内容 %}</span><br></pre></td></tr></table></figure></div><div class="tab-item-content active" id="text-2"><ol><li>带 <u>下划线</u> 的文本</li><li>带 <emp>着重号</emp> 的文本</li><li>带 <wavy>波浪线</wavy> 的文本</li><li>带 <del>删除线</del> 的文本</li><li>键盘样式的文本 <kbd>command</kbd> + <kbd>D</kbd></li><li>密码样式的文本：<psw>这里没有验证码</psw></li></ol></div><div class="tab-item-content" id="text-3"><figure class="highlight markdown"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br></pre></td><td class="code"><pre><span class="line"><span class="bullet">1.</span> 带 {% u 下划线 %} 的文本</span><br><span class="line"><span class="bullet">2.</span> 带 {% emp 着重号 %} 的文本</span><br><span class="line"><span class="bullet">3.</span> 带 {% wavy 波浪线 %} 的文本</span><br><span class="line"><span class="bullet">4.</span> 带 {% del 删除线 %} 的文本</span><br><span class="line"><span class="bullet">5.</span> 键盘样式的文本 {% kbd command %} + {% kbd D %}</span><br><span class="line"><span class="bullet">6.</span> 密码样式的文本：{% psw 这里没有验证码 %}</span><br></pre></td></tr></table></figure></div></div><div class="tab-to-top"><button type="button" aria-label="scroll to top"><i class="fas fa-arrow-up"></i></button></div></div><h2 id="行内文本-span"><a href="#行内文本-span" class="headerlink" title="行内文本 span"></a>行内文本 span</h2><div class="tabs" id="span"><ul class="nav-tabs"><button type="button" class="tab " data-href="span-1">标签语法</button><button type="button" class="tab " data-href="span-2">配置参数</button><button type="button" class="tab active" data-href="span-3">样式预览</button><button type="button" class="tab " data-href="span-4">示例源码</button></ul><div class="tab-contents"><div class="tab-item-content" id="span-1"><figure class="highlight markdown"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">{% span 样式参数(参数以空格划分), 文本内容 %}</span><br></pre></td></tr></table></figure></div><div class="tab-item-content" id="span-2"><ol><li>字体: logo, code</li><li>颜色: <span class='p red'>red</span>,<span class='p yellow'>yellow</span>,<span class='p green'>green</span>,<span class='p cyan'>cyan</span>,<span class='p blue'>blue</span>,<span class='p gray'>gray</span></li><li>大小: small, h4, h3, h2, h1, large, huge, ultra</li><li>对齐方向: left, center, right</li></ol></div><div class="tab-item-content active" id="span-3"><ul><li>彩色文字<br>在一段话中方便插入各种颜色的标签，包括：<span class='p red'>红色</span>、<span class='p yellow'>黄色</span>、<span class='p green'>绿色</span>、<span class='p cyan'>青色</span>、<span class='p blue'>蓝色</span>、<span class='p gray'>灰色</span>。</li><li>超大号文字<br>文档「开始」页面中的标题部分就是超大号文字。<br><span class='p center logo large'>Volantis</span><br><span class='p center small'>A Wonderful Theme for Hexo</span></li></ul></div><div class="tab-item-content" id="span-4"><figure class="highlight markdown"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br></pre></td><td class="code"><pre><span class="line"><span class="bullet">-</span> 彩色文字</span><br><span class="line">在一段话中方便插入各种颜色的标签，包括：{% span red, 红色 %}、{% span yellow, 黄色 %}、{% span green, 绿色 %}、{% span cyan, 青色 %}、{% span blue, 蓝色 %}、{% span gray, 灰色 %}。</span><br><span class="line"><span class="bullet">-</span> 超大号文字</span><br><span class="line">文档「开始」页面中的标题部分就是超大号文字。</span><br><span class="line">{% span center logo large, Volantis %}</span><br><span class="line">{% span center small, A Wonderful Theme for Hexo %}</span><br></pre></td></tr></table></figure></div></div><div class="tab-to-top"><button type="button" aria-label="scroll to top"><i class="fas fa-arrow-up"></i></button></div></div><h2 id="段落文本-p"><a href="#段落文本-p" class="headerlink" title="段落文本 p"></a>段落文本 p</h2><div class="tabs" id="p"><ul class="nav-tabs"><button type="button" class="tab " data-href="p-1">标签语法</button><button type="button" class="tab " data-href="p-2">配置参数</button><button type="button" class="tab active" data-href="p-3">样式预览</button><button type="button" class="tab " data-href="p-4">示例源码</button></ul><div class="tab-contents"><div class="tab-item-content" id="p-1"><figure class="highlight markdown"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">{% p 样式参数(参数以空格划分), 文本内容 %}</span><br></pre></td></tr></table></figure></div><div class="tab-item-content" id="p-2"><ol><li>字体: logo, code</li><li>颜色: <span class='p red'>red</span>,<span class='p yellow'>yellow</span>,<span class='p green'>green</span>,<span class='p cyan'>cyan</span>,<span class='p blue'>blue</span>,<span class='p gray'>gray</span></li><li>大小: small, h4, h3, h2, h1, large, huge, ultra</li><li>对齐方向: left, center, right</li></ol></div><div class="tab-item-content active" id="p-3"><ul><li>彩色文字<br>在一段话中方便插入各种颜色的标签，包括：<p class='p red'>红色</p>、<p class='p yellow'>黄色</p>、<p class='p green'>绿色</p>、<p class='p cyan'>青色</p>、<p class='p blue'>蓝色</p>、<p class='p gray'>灰色</p>。</li><li>超大号文字<br>文档「开始」页面中的标题部分就是超大号文字。<p class='p center logo large'>Volantis</p><p class='p center small'>A Wonderful Theme for Hexo</p></li></ul></div><div class="tab-item-content" id="p-4"><figure class="highlight markdown"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br></pre></td><td class="code"><pre><span class="line"><span class="bullet">-</span> 彩色文字</span><br><span class="line">在一段话中方便插入各种颜色的标签，包括：{% p red, 红色 %}、{% p yellow, 黄色 %}、{% p green, 绿色 %}、{% p cyan, 青色 %}、{% p blue, 蓝色 %}、{% p gray, 灰色 %}。</span><br><span class="line"><span class="bullet">-</span> 超大号文字</span><br><span class="line">文档「开始」页面中的标题部分就是超大号文字。</span><br><span class="line">{% p center logo large, Volantis %}</span><br><span class="line">{% p center small, A Wonderful Theme for Hexo %}</span><br></pre></td></tr></table></figure></div></div><div class="tab-to-top"><button type="button" aria-label="scroll to top"><i class="fas fa-arrow-up"></i></button></div></div><h2 id="引用-note"><a href="#引用-note" class="headerlink" title="引用 note"></a>引用 note</h2><div class="note warning flat"><p>最新版<code>butterfly</code>标签支持引用<code>fontawesome V5</code>图标，效果上已经优于<code>volantis</code>的note标签。故不再额外引入<code>volantis的note样式</code>。<del>做样式适配好麻烦的啊，能偷懒就偷懒吧</del></p></div><div class="note blue icon-padding modern"><i class="note-icon fas fa-bullhorn"></i><p>以下是<code>butterfly</code>主题的note写法。</p></div><div class="tabs" id="note"><ul class="nav-tabs"><button type="button" class="tab " data-href="note-1">通用配置</button><button type="button" class="tab " data-href="note-2">语法格式</button><button type="button" class="tab " data-href="note-3">配置参数</button><button type="button" class="tab active" data-href="note-4">样式预览</button><button type="button" class="tab " data-href="note-5">示例源码</button></ul><div class="tab-contents"><div class="tab-item-content" id="note-1"><p>修改主题配置文件<br><figure class="highlight yml"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br><span class="line">11</span><br><span class="line">12</span><br></pre></td><td class="code"><pre><span class="line"><span class="attr">note:</span></span><br><span class="line"> <span class="comment"># Note tag style values:</span></span><br><span class="line"> <span class="comment"># - simple bs-callout old alert style. Default.</span></span><br><span class="line"> <span class="comment"># - modern bs-callout new (v2-v3) alert style.</span></span><br><span class="line"> <span class="comment"># - flat flat callout style with background, like on Mozilla or StackOverflow.</span></span><br><span class="line"> <span class="comment"># - disabled disable all CSS styles import of note tag.</span></span><br><span class="line"> <span class="attr">style:</span> <span class="string">simple</span></span><br><span class="line"> <span class="attr">icons:</span> <span class="literal">false</span></span><br><span class="line"> <span class="attr">border_radius:</span> <span class="number">3</span></span><br><span class="line"> <span class="comment"># Offset lighter of background in % for modern and flat styles (modern: -12 | 12; flat: -18 | 6).</span></span><br><span class="line"> <span class="comment"># Offset also applied to label tag variables. This option can work with disabled note tag.</span></span><br><span class="line"> <span class="attr">light_bg_offset:</span> <span class="number">0</span></span><br></pre></td></tr></table></figure><br><code>Note</code>标签外挂有两种用法。<code>icons</code>和<code>light_bg_offset</code>只对方法一生效。</p></div><div class="tab-item-content" id="note-2"><details class="folding-tag" cyan><summary> 方法一 </summary> <div class='content'> <figure class="highlight markdown"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br></pre></td><td class="code"><pre><span class="line">{% note [class] [no-icon] [style] %}</span><br><span class="line">Any content (support inline tags too.io).</span><br><span class="line">{% endnote %}</span><br></pre></td></tr></table></figure> </div> </details><details class="folding-tag" blue><summary> 方法二 </summary> <div class='content'> <figure class="highlight markdown"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br></pre></td><td class="code"><pre><span class="line">{% note [color] [icon] [style] %}</span><br><span class="line">Any content (support inline tags too.io).</span><br><span class="line">{% endnote %}</span><br></pre></td></tr></table></figure> </div> </details></div><div class="tab-item-content" id="note-3"><details class="folding-tag" cyan><summary> 方法一 </summary> <div class='content'> <div class="table-container"><table><thead><tr><th style="text-align:left">参数</th><th style="text-align:left">用法</th></tr></thead><tbody><tr><td style="text-align:left">class</td><td style="text-align:left">【可选】标识，不同的标识有不同的配色<br>（ default / primary / success / info / warning / danger ）</td></tr><tr><td style="text-align:left">no-icon</td><td style="text-align:left">【可选】不显示 icon</td></tr><tr><td style="text-align:left">style</td><td style="text-align:left">【可选】可以覆盖配置中的 style<br>（simple/modern/flat/disabled）</td></tr></tbody></table></div> </div> </details><details class="folding-tag" blue><summary> 方法二 </summary> <div class='content'> <div class="table-container"><table><thead><tr><th style="text-align:left">参数</th><th style="text-align:left">用法</th></tr></thead><tbody><tr><td style="text-align:left">class</td><td style="text-align:left">【可选】标识，不同的标识有不同的配色<br>（ default / blue / pink / red / purple / orange / green ）</td></tr><tr><td style="text-align:left">no-icon</td><td style="text-align:left">【可选】可配置自定义 icon (只支持 fontawesome 图标, 也可以配置 no-icon )</td></tr><tr><td style="text-align:left">style</td><td style="text-align:left">【可选】可以覆盖配置中的 style<br>（simple/modern/flat/disabled）</td></tr></tbody></table></div> </div> </details></div><div class="tab-item-content active" id="note-4"><details class="folding-tag" cyan><summary> 方法一 </summary> <div class='content'> <ol><li><p><code>simple</code>样式</p><div class="note simple"><p>默认 提示块标签</p></div><div class="note default simple"><p>default 提示块标签</p></div><div class="note primary simple"><p>primary 提示块标签</p></div><div class="note success simple"><p>success 提示块标签</p></div><div class="note info simple"><p>info 提示块标签</p></div><div class="note warning simple"><p>warning 提示块标签</p></div><div class="note danger simple"><p>danger 提示块标签</p></div></li><li><p><code>modern</code>样式</p><div class="note modern"><p>默认 提示块标签</p></div><div class="note default modern"><p>default 提示块标签</p></div><div class="note primary modern"><p>primary 提示块标签</p></div><div class="note success modern"><p>success 提示块标签</p></div><div class="note info modern"><p>info 提示块标签</p></div><div class="note warning modern"><p>warning 提示块标签</p></div><div class="note danger modern"><p>danger 提示块标签</p></div></li><li><p><code>flat</code>样式</p><div class="note flat"><p>默认 提示块标签</p></div><div class="note default flat"><p>default 提示块标签</p></div><div class="note primary flat"><p>primary 提示块标签</p></div><div class="note success flat"><p>success 提示块标签</p></div><div class="note info flat"><p>info 提示块标签</p></div><div class="note warning flat"><p>warning 提示块标签</p></div><div class="note danger flat"><p>danger 提示块标签</p></div></li><li><p><code>disabled</code>样式</p><div class="note disabled"><p>默认 提示块标签</p></div><div class="note default disabled"><p>default 提示块标签</p></div><div class="note primary disabled"><p>primary 提示块标签</p></div><div class="note success disabled"><p>success 提示块标签</p></div><div class="note info disabled"><p>info 提示块标签</p></div><div class="note warning disabled"><p>warning 提示块标签</p></div><div class="note danger disabled"><p>danger 提示块标签</p></div></li><li><p><code>no-icon</code>样式</p><div class="note no-icon flat"><p>默认 提示块标签</p></div><div class="note default no-icon flat"><p>default 提示块标签</p></div><div class="note primary no-icon flat"><p>primary 提示块标签</p></div><div class="note success no-icon flat"><p>success 提示块标签</p></div><div class="note info no-icon flat"><p>info 提示块标签</p></div><div class="note warning no-icon flat"><p>warning 提示块标签</p></div><div class="note danger no-icon flat"><p>danger 提示块标签</p></div></li></ol> </div> </details><details class="folding-tag" blue><summary> 方法二 </summary> <div class='content'> <ol><li><p>simple样式</p><div class="note icon-padding simple"><i class="note-icon fab fa-cc-visa"></i><p>你是刷 Visa 还是 UnionPay</p></div><div class="note blue icon-padding simple"><i class="note-icon fas fa-bullhorn"></i><p>2021年快到了….</p></div><div class="note pink icon-padding simple"><i class="note-icon fas fa-car-crash"></i><p>小心开车 安全至上</p></div><div class="note red icon-padding simple"><i class="note-icon fas fa-fan"></i><p>这是三片呢？还是四片？</p></div><div class="note orange icon-padding simple"><i class="note-icon fas fa-battery-half"></i><p>你是刷 Visa 还是 UnionPay</p></div><div class="note purple icon-padding simple"><i class="note-icon far fa-hand-scissors"></i><p>剪刀石头布</p></div><div class="note green icon-padding simple"><i class="note-icon fab fa-internet-explorer"></i><p>前端最讨厌的浏览器</p></div></li><li><p>modern样式</p><div class="note icon-padding modern"><i class="note-icon fab fa-cc-visa"></i><p>你是刷 Visa 还是 UnionPay</p></div><div class="note blue icon-padding modern"><i class="note-icon fas fa-bullhorn"></i><p>2021年快到了….</p></div><div class="note pink icon-padding modern"><i class="note-icon fas fa-car-crash"></i><p>小心开车 安全至上</p></div><div class="note red icon-padding modern"><i class="note-icon fas fa-fan"></i><p>这是三片呢？还是四片？</p></div><div class="note orange icon-padding modern"><i class="note-icon fas fa-battery-half"></i><p>你是刷 Visa 还是 UnionPay</p></div><div class="note purple icon-padding modern"><i class="note-icon far fa-hand-scissors"></i><p>剪刀石头布</p></div><div class="note green icon-padding modern"><i class="note-icon fab fa-internet-explorer"></i><p>前端最讨厌的浏览器</p></div></li><li><p>flat样式</p><div class="note icon-padding flat"><i class="note-icon fab fa-cc-visa"></i><p>你是刷 Visa 还是 UnionPay</p></div><div class="note blue icon-padding flat"><i class="note-icon fas fa-bullhorn"></i><p>2021年快到了….</p></div><div class="note pink icon-padding flat"><i class="note-icon fas fa-car-crash"></i><p>小心开车 安全至上</p></div><div class="note red icon-padding flat"><i class="note-icon fas fa-fan"></i><p>这是三片呢？还是四片？</p></div><div class="note orange icon-padding flat"><i class="note-icon fas fa-battery-half"></i><p>你是刷 Visa 还是 UnionPay</p></div><div class="note purple icon-padding flat"><i class="note-icon far fa-hand-scissors"></i><p>剪刀石头布</p></div><div class="note green icon-padding flat"><i class="note-icon fab fa-internet-explorer"></i><p>前端最讨厌的浏览器</p></div></li></ol><ol><li><p>disabled样式</p><div class="note icon-padding disabled"><i class="note-icon fab fa-cc-visa"></i><p>你是刷 Visa 还是 UnionPay</p></div><div class="note blue icon-padding disabled"><i class="note-icon fas fa-bullhorn"></i><p>2021年快到了….</p></div><div class="note pink icon-padding disabled"><i class="note-icon fas fa-car-crash"></i><p>小心开车 安全至上</p></div><div class="note red icon-padding disabled"><i class="note-icon fas fa-fan"></i><p>这是三片呢？还是四片？</p></div><div class="note orange icon-padding disabled"><i class="note-icon fas fa-battery-half"></i><p>你是刷 Visa 还是 UnionPay</p></div><div class="note purple icon-padding disabled"><i class="note-icon far fa-hand-scissors"></i><p>剪刀石头布</p></div><div class="note green icon-padding disabled"><i class="note-icon fab fa-internet-explorer"></i><p>前端最讨厌的浏览器</p></div></li><li><p>no-icon样式</p><div class="note no-icon flat"><p>你是刷 Visa 还是 UnionPay</p></div><div class="note blue no-icon flat"><p>2021年快到了….</p></div><div class="note pink no-icon flat"><p>小心开车 安全至上</p></div><div class="note red no-icon flat"><p>这是三片呢？还是四片？</p></div><div class="note orange no-icon flat"><p>你是刷 Visa 还是 UnionPay</p></div><div class="note purple no-icon flat"><p>剪刀石头布</p></div><div class="note green no-icon flat"><p>前端最讨厌的浏览器</p></div></li></ol> </div> </details></div><div class="tab-item-content" id="note-5"><details class="folding-tag" cyan><summary> 方法一 </summary> <div class='content'> <ol><li><p><code>simple</code>样式</p><figure class="highlight markdown"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br><span class="line">11</span><br><span class="line">12</span><br><span class="line">13</span><br></pre></td><td class="code"><pre><span class="line">{% note simple %}默认 提示块标签{% endnote %}</span><br><span class="line"></span><br><span class="line">{% note default simple %}default 提示块标签{% endnote %}</span><br><span class="line"></span><br><span class="line">{% note primary simple %}primary 提示块标签{% endnote %}</span><br><span class="line"></span><br><span class="line">{% note success simple %}success 提示块标签{% endnote %}</span><br><span class="line"></span><br><span class="line">{% note info simple %}info 提示块标签{% endnote %}</span><br><span class="line"></span><br><span class="line">{% note warning simple %}warning 提示块标签{% endnote %}</span><br><span class="line"></span><br><span class="line">{% note danger simple %}danger 提示块标签{% endnote %}</span><br></pre></td></tr></table></figure></li><li><p><code>modern</code>样式</p><figure class="highlight markdown"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br><span class="line">11</span><br><span class="line">12</span><br><span class="line">13</span><br></pre></td><td class="code"><pre><span class="line">{% note modern %}默认 提示块标签{% endnote %}</span><br><span class="line"></span><br><span class="line">{% note default modern %}default 提示块标签{% endnote %}</span><br><span class="line"></span><br><span class="line">{% note primary modern %}primary 提示块标签{% endnote %}</span><br><span class="line"></span><br><span class="line">{% note success modern %}success 提示块标签{% endnote %}</span><br><span class="line"></span><br><span class="line">{% note info modern %}info 提示块标签{% endnote %}</span><br><span class="line"></span><br><span class="line">{% note warning modern %}warning 提示块标签{% endnote %}</span><br><span class="line"></span><br><span class="line">{% note danger modern %}danger 提示块标签{% endnote %}</span><br></pre></td></tr></table></figure></li><li><p><code>flat</code>样式</p><figure class="highlight markdown"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br><span class="line">11</span><br><span class="line">12</span><br><span class="line">13</span><br></pre></td><td class="code"><pre><span class="line">{% note flat %}默认 提示块标签{% endnote %}</span><br><span class="line"></span><br><span class="line">{% note default flat %}default 提示块标签{% endnote %}</span><br><span class="line"></span><br><span class="line">{% note primary flat %}primary 提示块标签{% endnote %}</span><br><span class="line"></span><br><span class="line">{% note success flat %}success 提示块标签{% endnote %}</span><br><span class="line"></span><br><span class="line">{% note info flat %}info 提示块标签{% endnote %}</span><br><span class="line"></span><br><span class="line">{% note warning flat %}warning 提示块标签{% endnote %}</span><br><span class="line"></span><br><span class="line">{% note danger flat %}danger 提示块标签{% endnote %}</span><br></pre></td></tr></table></figure></li><li><p><code>disabled</code>样式</p><figure class="highlight markdown"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br><span class="line">11</span><br><span class="line">12</span><br><span class="line">13</span><br></pre></td><td class="code"><pre><span class="line">{% note disabled %}默认 提示块标签{% endnote %}</span><br><span class="line"></span><br><span class="line">{% note default disabled %}default 提示块标签{% endnote %}</span><br><span class="line"></span><br><span class="line">{% note primary disabled %}primary 提示块标签{% endnote %}</span><br><span class="line"></span><br><span class="line">{% note success disabled %}success 提示块标签{% endnote %}</span><br><span class="line"></span><br><span class="line">{% note info disabled %}info 提示块标签{% endnote %}</span><br><span class="line"></span><br><span class="line">{% note warning disabled %}warning 提示块标签{% endnote %}</span><br><span class="line"></span><br><span class="line">{% note danger disabled %}danger 提示块标签{% endnote %}</span><br></pre></td></tr></table></figure></li><li><p><code>no-icon</code>样式</p><figure class="highlight markdown"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br><span class="line">11</span><br><span class="line">12</span><br><span class="line">13</span><br></pre></td><td class="code"><pre><span class="line">{% note no-icon %}默认 提示块标签{% endnote %}</span><br><span class="line"></span><br><span class="line">{% note default no-icon %}default 提示块标签{% endnote %}</span><br><span class="line"></span><br><span class="line">{% note primary no-icon %}primary 提示块标签{% endnote %}</span><br><span class="line"></span><br><span class="line">{% note success no-icon %}success 提示块标签{% endnote %}</span><br><span class="line"></span><br><span class="line">{% note info no-icon %}info 提示块标签{% endnote %}</span><br><span class="line"></span><br><span class="line">{% note warning no-icon %}warning 提示块标签{% endnote %}</span><br><span class="line"></span><br><span class="line">{% note danger no-icon %}danger 提示块标签{% endnote %}</span><br></pre></td></tr></table></figure></li></ol> </div> </details><details class="folding-tag" blue><summary> 方法二 </summary> <div class='content'> <ol><li><p><code>simple</code>样式</p><figure class="highlight markdown"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br><span class="line">11</span><br><span class="line">12</span><br><span class="line">13</span><br></pre></td><td class="code"><pre><span class="line">{% note 'fab fa-cc-visa' simple %}你是刷 Visa 还是 UnionPay{% endnote %}</span><br><span class="line"></span><br><span class="line">{% note blue 'fas fa-bullhorn' simple %}2021年快到了....{% endnote %}</span><br><span class="line"></span><br><span class="line">{% note pink 'fas fa-car-crash' simple %}小心开车 安全至上{% endnote %}</span><br><span class="line"></span><br><span class="line">{% note red 'fas fa-fan' simple%}这是三片呢？还是四片？{% endnote %}</span><br><span class="line"></span><br><span class="line">{% note orange 'fas fa-battery-half' simple %}你是刷 Visa 还是 UnionPay{% endnote %}</span><br><span class="line"></span><br><span class="line">{% note purple 'far fa-hand-scissors' simple %}剪刀石头布{% endnote %}</span><br><span class="line"></span><br><span class="line">{% note green 'fab fa-internet-explorer' simple %}前端最讨厌的浏览器{% endnote %}</span><br></pre></td></tr></table></figure></li><li><p><code>modern</code>样式</p><figure class="highlight markdown"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br><span class="line">11</span><br><span class="line">12</span><br><span class="line">13</span><br></pre></td><td class="code"><pre><span class="line">{% note 'fab fa-cc-visa' modern %}你是刷 Visa 还是 UnionPay{% endnote %}</span><br><span class="line"></span><br><span class="line">{% note blue 'fas fa-bullhorn' modern %}2021年快到了....{% endnote %}</span><br><span class="line"></span><br><span class="line">{% note pink 'fas fa-car-crash' modern %}小心开车 安全至上{% endnote %}</span><br><span class="line"></span><br><span class="line">{% note red 'fas fa-fan' modern%}这是三片呢？还是四片？{% endnote %}</span><br><span class="line"></span><br><span class="line">{% note orange 'fas fa-battery-half' modern %}你是刷 Visa 还是 UnionPay{% endnote %}</span><br><span class="line"></span><br><span class="line">{% note purple 'far fa-hand-scissors' modern %}剪刀石头布{% endnote %}</span><br><span class="line"></span><br><span class="line">{% note green 'fab fa-internet-explorer' modern %}前端最讨厌的浏览器{% endnote %}</span><br></pre></td></tr></table></figure></li><li><p><code>flat</code>样式</p><figure class="highlight markdown"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br><span class="line">11</span><br><span class="line">12</span><br><span class="line">13</span><br></pre></td><td class="code"><pre><span class="line">{% note 'fab fa-cc-visa' flat %}你是刷 Visa 还是 UnionPay{% endnote %}</span><br><span class="line"></span><br><span class="line">{% note blue 'fas fa-bullhorn' flat %}2021年快到了....{% endnote %}</span><br><span class="line"></span><br><span class="line">{% note pink 'fas fa-car-crash' flat %}小心开车 安全至上{% endnote %}</span><br><span class="line"></span><br><span class="line">{% note red 'fas fa-fan' flat%}这是三片呢？还是四片？{% endnote %}</span><br><span class="line"></span><br><span class="line">{% note orange 'fas fa-battery-half' flat %}你是刷 Visa 还是 UnionPay{% endnote %}</span><br><span class="line"></span><br><span class="line">{% note purple 'far fa-hand-scissors' flat %}剪刀石头布{% endnote %}</span><br><span class="line"></span><br><span class="line">{% note green 'fab fa-internet-explorer' flat %}前端最讨厌的浏览器{% endnote %}</span><br></pre></td></tr></table></figure></li><li><p><code>disabled</code>样式</p><figure class="highlight markdown"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br><span class="line">11</span><br><span class="line">12</span><br><span class="line">13</span><br></pre></td><td class="code"><pre><span class="line">{% note 'fab fa-cc-visa' disabled %}你是刷 Visa 还是 UnionPay{% endnote %}</span><br><span class="line"></span><br><span class="line">{% note blue 'fas fa-bullhorn' disabled %}2021年快到了....{% endnote %}</span><br><span class="line"></span><br><span class="line">{% note pink 'fas fa-car-crash' disabled %}小心开车 安全至上{% endnote %}</span><br><span class="line"></span><br><span class="line">{% note red 'fas fa-fan' disabled %}这是三片呢？还是四片？{% endnote %}</span><br><span class="line"></span><br><span class="line">{% note orange 'fas fa-battery-half' disabled %}你是刷 Visa 还是 UnionPay{% endnote %}</span><br><span class="line"></span><br><span class="line">{% note purple 'far fa-hand-scissors' disabled %}剪刀石头布{% endnote %}</span><br><span class="line"></span><br><span class="line">{% note green 'fab fa-internet-explorer' disabled %}前端最讨厌的浏览器{% endnote %}</span><br></pre></td></tr></table></figure></li><li><p><code>no-icon</code>样式</p><figure class="highlight markdown"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br><span class="line">11</span><br><span class="line">12</span><br><span class="line">13</span><br></pre></td><td class="code"><pre><span class="line">{% note no-icon %}你是刷 Visa 还是 UnionPay{% endnote %}</span><br><span class="line"></span><br><span class="line">{% note blue no-icon %}2021年快到了....{% endnote %}</span><br><span class="line"></span><br><span class="line">{% note pink no-icon %}小心开车 安全至上{% endnote %}</span><br><span class="line"></span><br><span class="line">{% note red no-icon %}这是三片呢？还是四片？{% endnote %}</span><br><span class="line"></span><br><span class="line">{% note orange no-icon %}你是刷 Visa 还是 UnionPay{% endnote %}</span><br><span class="line"></span><br><span class="line">{% note purple no-icon %}剪刀石头布{% endnote %}</span><br><span class="line"></span><br><span class="line">{% note green no-icon %}前端最讨厌的浏览器{% endnote %}</span><br></pre></td></tr></table></figure></li></ol> </div> </details></div></div><div class="tab-to-top"><button type="button" aria-label="scroll to top"><i class="fas fa-arrow-up"></i></button></div></div><h2 id="上标标签-tip"><a href="#上标标签-tip" class="headerlink" title="上标标签 tip"></a>上标标签 tip</h2><div class="tip cogs"><p>主要样式参考自<a href="https://www.antmoe.com/posts/3b43914f/">小康的butterfly渐变背景标签</a>,自己写了个<code>tip.js</code>来渲染标签，精简了一下代码。</p></div><div class="tabs" id="tip"><ul class="nav-tabs"><button type="button" class="tab " data-href="tip-1">标签语法</button><button type="button" class="tab " data-href="tip-2">配置参数</button><button type="button" class="tab active" data-href="tip-3">样式预览</button><button type="button" class="tab " data-href="tip-4">示例源码</button></ul><div class="tab-contents"><div class="tab-item-content" id="tip-1"><figure class="highlight markdown"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">{% tip [参数，可选] %}文本内容{% endtip %}</span><br></pre></td></tr></table></figure></div><div class="tab-item-content" id="tip-2"><ol><li>样式: success,error,warning,bolt,ban,home,sync,cogs,key,bell</li><li>自定义图标: 支持fontawesome。</li></ol></div><div class="tab-item-content active" id="tip-3"><div class="tip "><p>default</p></div><div class="tip info"><p>info</p></div><div class="tip success"><p>success</p></div><div class="tip error"><p>error</p></div><div class="tip warning"><p>warning</p></div><div class="tip bolt"><p>bolt</p></div><div class="tip ban"><p>ban</p></div><div class="tip home"><p>home</p></div><div class="tip sync"><p>sync</p></div><div class="tip cogs"><p>cogs</p></div><div class="tip key"><p>key</p></div><div class="tip bell"><p>bell</p></div><div class="tip fa-atom"><p>自定义font awesome图标</p></div></div><div class="tab-item-content" id="tip-4"><figure class="highlight markdown"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br><span class="line">11</span><br><span class="line">12</span><br><span class="line">13</span><br></pre></td><td class="code"><pre><span class="line">{% tip %}default{% endtip %}</span><br><span class="line">{% tip info %}info{% endtip %}</span><br><span class="line">{% tip success %}success{% endtip %}</span><br><span class="line">{% tip error %}error{% endtip %}</span><br><span class="line">{% tip warning %}warning{% endtip %}</span><br><span class="line">{% tip bolt %}bolt{% endtip %}</span><br><span class="line">{% tip ban %}ban{% endtip %}</span><br><span class="line">{% tip home %}home{% endtip %}</span><br><span class="line">{% tip sync %}sync{% endtip %}</span><br><span class="line">{% tip cogs %}cogs{% endtip %}</span><br><span class="line">{% tip key %}key{% endtip %}</span><br><span class="line">{% tip bell %}bell{% endtip %}</span><br><span class="line">{% tip fa-atom %}自定义font awesome图标{% endtip %}</span><br></pre></td></tr></table></figure></div></div><div class="tab-to-top"><button type="button" aria-label="scroll to top"><i class="fas fa-arrow-up"></i></button></div></div><h2 id="动态标签-anima"><a href="#动态标签-anima" class="headerlink" title="动态标签 anima"></a>动态标签 anima</h2><div class="tip fa-gamepad faa-horizontal animated"><p>动态标签的实质是引用了<a href="https://github.com/l-lin/font-awesome-animation">font-awesome-animation</a>的css样式，不一定局限于tip标签，也可以是其他标签。<br>只不过这里<code>tip.js</code>是我自己写的，所以我清楚它会怎么被渲染成html，才用的这个写法。<br>可以熟读文档，使用html语言来编写其他标签类型。</p></div><div class="tabs" id="tip"><ul class="nav-tabs"><button type="button" class="tab " data-href="tip-1">标签语法</button><button type="button" class="tab " data-href="tip-2">配置参数</button><button type="button" class="tab active" data-href="tip-3">样式预览</button><button type="button" class="tab " data-href="tip-4">示例源码</button></ul><div class="tab-contents"><div class="tab-item-content" id="tip-1"><figure class="highlight markdown"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">{% tip [参数，可选] %}文本内容{% endtip %}</span><br></pre></td></tr></table></figure></div><div class="tab-item-content" id="tip-2"><div class="note blue icon-padding simple"><i class="note-icon fas fa-bullhorn"></i><p>更多详情请参看<a href="http://l-lin.github.io/font-awesome-animation/">font-awesome-animation文档</a></p><ol><li>将所需的CSS类添加到图标（或DOM中的任何元素）。</li><li>对于父级悬停样式，需要给目标元素添加指定CSS类，同时还要给目标元素的父级元素添加CSS类<code>faa-parent animated-hover</code>。（详情见示例及示例源码）<br>You can regulate the speed of the animation by adding the CSS class or . faa-fastfaa-slow</li><li>可以通过给目标元素添加CSS类<code>faa-fast</code>或<code>faa-slow</code>来控制动画快慢。</li></ol></div><div class="table-container"><table><thead><tr><th style="text-align:left">On DOM load<br>当页面加载时<br>显示动画</th><th style="text-align:left">On hover<br>当鼠标悬停时<br>显示动画</th><th style="text-align:left">On parent hover<br>当鼠标悬停<br>在父级元素时<br>显示动画</th></tr></thead><tbody><tr><td style="text-align:left"><span><i class="fas fa-wrench faa-wrench animated"></i> faa-wrench animated</span></td><td style="text-align:left"><span><i class="fas fa-wrench faa-wrench animated-hover"></i> faa-wrench animated-hover</span></td><td style="text-align:left"><span class="faa-parent animated-hover"><i class="fas fa-wrench faa-wrench"></i> faa-wrench</span></td></tr><tr><td style="text-align:left"><span><i class="fas fa-bell faa-ring animated"></i> faa-ring animated</span></td><td style="text-align:left"><span><i class="fas fa-bell faa-ring animated-hover"></i> faa-ring animated-hover</span></td><td style="text-align:left"><span class="faa-parent animated-hover"><i class="fas fa-bell faa-ring"></i> faa-ring</span></td></tr><tr><td style="text-align:left"><span><i class="fas fa-envelope faa-horizontal animated"></i> faa-horizontal animated</span></td><td style="text-align:left"><span><i class="fas fa-envelope faa-horizontal animated-hover"></i> faa-horizontal animated-hover</span></td><td style="text-align:left"><span class="faa-parent animated-hover"><i class="fas fa-envelope faa-horizontal"></i> faa-horizontal</span></td></tr><tr><td style="text-align:left"><span><i class="fas fa-thumbs-up faa-vertical animated"></i> faa-vertical animated</span></td><td style="text-align:left"><span><i class="fas fa-thumbs-up faa-vertical animated-hover"></i> faa-vertical animated-hover</span></td><td style="text-align:left"><span class="faa-parent animated-hover"><i class="fas fa-thumbs-up faa-vertical"></i> faa-vertical</span></td></tr><tr><td style="text-align:left"><span><i class="fas fa-exclamation-triangle faa-flash animated"></i> faa-flash animated</span></td><td style="text-align:left"><span><i class="fas fa-exclamation-triangle faa-flash animated-hover"></i> faa-flash animated-hover</span></td><td style="text-align:left"><span class="faa-parent animated-hover"><i class="fas fa-exclamation-triangle faa-flash"></i> faa-flash</span></td></tr><tr><td style="text-align:left"><span><i class="fas fa-thumbs-up faa-bounce animated"></i> faa-bounce animated</span></td><td style="text-align:left"><span><i class="fas fa-thumbs-up faa-bounce animated-hover"></i> faa-bounce animated-hover</span></td><td style="text-align:left"><span class="faa-parent animated-hover"><i class="fas fa-thumbs-up faa-bounce"></i> faa-bounce</span></td></tr><tr><td style="text-align:left"><span><i class="fas fa-spinner faa-spin animated"></i> faa-spin animated</span></td><td style="text-align:left"><span><i class="fas fa-spinner faa-spin animated-hover"></i> faa-spin animated-hover</span></td><td style="text-align:left"><span class="faa-parent animated-hover"><i class="fas fa-spinner faa-spin"></i> faa-spin</span></td></tr><tr><td style="text-align:left"><span><i class="fas fa-plane faa-tada animated"></i> faa-tada animated</span></td><td style="text-align:left"><span><i class="fas fa-plane faa-tada animated-hover"></i> faa-tada animated-hover</span></td><td style="text-align:left"><span class="faa-parent animated-hover"><i class="fas fa-plane faa-tada"></i> faa-tada</span></td></tr><tr><td style="text-align:left"><span><i class="fas fa-heart faa-pulse animated"></i> faa-pulse animated</span></td><td style="text-align:left"><span><i class="fas fa-heart faa-pulse animated-hover"></i> faa-pulse animated-hover</span></td><td style="text-align:left"><span class="faa-parent animated-hover"><i class="fas fa-heart faa-pulse"></i> faa-pulse</span></td></tr><tr><td style="text-align:left"><span><i class="fas fa-envelope faa-shake animated"></i> faa-shake animated</span></td><td style="text-align:left"><span><i class="fas fa-envelope faa-shake animated-hover"></i> faa-shake animated-hover</span></td><td style="text-align:left"><span class="faa-parent animated-hover"><i class="fas fa-envelope faa-shake"></i> faa-shake</span></td></tr><tr><td style="text-align:left"><span><i class="fas fa-trophy faa-tada animated"></i> faa-tada animated</span></td><td style="text-align:left"><span><i class="fas fa-trophy faa-tada animated-hover"></i> faa-tada animated-hover</span></td><td style="text-align:left"><span class="faa-parent animated-hover"><i class="fas fa-trophy faa-tada"></i> faa-tada</span></td></tr><tr><td style="text-align:left"><span><i class="fas fa-space-shuttle faa-passing animated"></i> faa-passing animated</span></td><td style="text-align:left"><span><i class="fas fa-space-shuttle faa-passing animated-hover"></i> faa-passing animated-hover</span></td><td style="text-align:left"><span class="faa-parent animated-hover"><i class="fas fa-space-shuttle faa-passing"></i> faa-passing</span></td></tr><tr><td style="text-align:left"><span><i class="fas fa-space-shuttle faa-passing-reverse animated"></i> faa-passing-reverse animated</span></td><td style="text-align:left"><span><i class="fas fa-space-shuttle faa-passing-reverse animated-hover"></i> faa-passing-reverse animated-hover</span></td><td style="text-align:left"><span class="faa-parent animated-hover"><i class="fas fa-space-shuttle faa-passing-reverse"></i> faa-passing-reverse</span></td></tr><tr><td style="text-align:left"><span><i class="fas fa-circle faa-burst animated"></i> faa-burst animated</span></td><td style="text-align:left"><span><i class="fas fa-circle faa-burst animated-hover"></i> faa-burst animated-hover</span></td><td style="text-align:left"><span class="faa-parent animated-hover"><i class="fas fa-circle faa-burst"></i> faa-burst</span></td></tr><tr><td style="text-align:left"><span><i class="fas fa-star faa-falling animated"></i> faa-falling animated</span></td><td style="text-align:left"><span><i class="fas fa-star faa-falling animated-hover"></i> faa-falling animated-hover</span></td><td style="text-align:left"><span class="faa-parent animated-hover"><i class="fas fa-star faa-falling"></i> faa-falling</span></td></tr><tr><td style="text-align:left"><span><i class="fas fa-rocket faa-rising animated"></i> faa-rising animated</span></td><td style="text-align:left"><span><i class="fas fa-rocket faa-rising animated-hover"></i> faa-rising animated-hover</span></td><td style="text-align:left"><span class="faa-parent animated-hover"><i class="fas fa-rocket faa-rising"></i> faa-rising</span></td></tr></tbody></table></div></div><div class="tab-item-content active" id="tip-3"><ol><li><p>On DOM load（当页面加载时显示动画）</p><div class="tip warning faa-horizontal animated"><p>warning</p></div><div class="tip ban faa-flash animated"><p>ban</p></div></li><li><p>调整动画速度。</p><div class="tip warning faa-horizontal animated faa-fast"><p>warning</p></div><div class="tip ban faa-flash animated faa-slow"><p>ban</p></div></li><li><p>On hover（当鼠标悬停时显示动画）</p><div class="tip warning faa-horizontal animated-hover"><p>warning</p></div><div class="tip ban faa-flash animated-hover"><p>ban</p></div></li><li><p>On parent hover（当鼠标悬停在父级元素时显示动画）</p><div class="tip warning faa-parent animated-hover"><p class="faa-horizontal">warning</p></div><div class="tip ban faa-parent animated-hover"><p class="faa-flash">ban</p></div></li></ol></div><div class="tab-item-content" id="tip-4"><ol><li><p>On DOM load（当页面加载时显示动画）</p><figure class="highlight markdown"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br></pre></td><td class="code"><pre><span class="line">{% tip warning faa-horizontal animated %}warning{% endtip %}</span><br><span class="line">{% tip ban faa-flash animated %}ban{% endtip %}</span><br></pre></td></tr></table></figure></li><li><p>调整动画速度</p><figure class="highlight markdown"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br></pre></td><td class="code"><pre><span class="line">{% tip warning faa-horizontal animated faa-fast %}warning{% endtip %}</span><br><span class="line">{% tip ban faa-flash animated faa-slow %}ban{% endtip %}</span><br></pre></td></tr></table></figure></li><li><p>On hover（当鼠标悬停时显示动画）</p><figure class="highlight markdown"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br></pre></td><td class="code"><pre><span class="line">{% tip warning faa-horizontal animated-hover %}warning{% endtip %}</span><br><span class="line">{% tip ban faa-flash animated-hover %}ban{% endtip %}</span><br></pre></td></tr></table></figure></li><li><p>On parent hover（当鼠标悬停在父级元素时显示动画）</p><figure class="highlight markdown"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br></pre></td><td class="code"><pre><span class="line">{% tip warning faa-parent animated-hover %}<span class="language-xml"><span class="tag"><<span class="name">p</span> <span class="attr">class</span>=<span class="string">"faa-horizontal"</span>></span></span>warning<span class="language-xml"><span class="tag"></<span class="name">p</span>></span></span>{% endtip %}</span><br><span class="line">{% tip ban faa-parent animated-hover %}<span class="language-xml"><span class="tag"><<span class="name">p</span> <span class="attr">class</span>=<span class="string">"faa-flash"</span>></span></span>ban<span class="language-xml"><span class="tag"></<span class="name">p</span>></span></span>{% endtip %}</span><br></pre></td></tr></table></figure></li></ol></div></div><div class="tab-to-top"><button type="button" aria-label="scroll to top"><i class="fas fa-arrow-up"></i></button></div></div><h2 id="复选列表-checkbox"><a href="#复选列表-checkbox" class="headerlink" title="复选列表 checkbox"></a>复选列表 checkbox</h2><div class="tabs" id="checkbox"><ul class="nav-tabs"><button type="button" class="tab " data-href="checkbox-1">标签语法</button><button type="button" class="tab " data-href="checkbox-2">配置参数</button><button type="button" class="tab active" data-href="checkbox-3">样式预览</button><button type="button" class="tab " data-href="checkbox-4">示例源码</button></ul><div class="tab-contents"><div class="tab-item-content" id="checkbox-1"><figure class="highlight markdown"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">{% checkbox 样式参数（可选）, 文本（支持简单md） %}</span><br></pre></td></tr></table></figure></div><div class="tab-item-content" id="checkbox-2"><ol><li>样式: plus, minus, times</li><li>颜色: <span class='p red'>red</span>,<span class='p yellow'>yellow</span>,<span class='p green'>green</span>,<span class='p cyan'>cyan</span>,<span class='p blue'>blue</span>,<span class='p gray'>gray</span></li><li>选中状态: checked</li></ol></div><div class="tab-item-content active" id="checkbox-3"><div class='checkbox'><input type="checkbox" /> <p>纯文本测试</p> </div><div class='checkbox checked'><input type="checkbox" checked="checked"/> <p>支持简单的 <a href="https://guides.github.com/features/mastering-markdown/">markdown</a> 语法</p> </div><div class='checkbox red'><input type="checkbox" /> <p>支持自定义颜色</p> </div><div class='checkbox green checked'><input type="checkbox" checked="checked"/> <p>绿色 + 默认选中</p> </div><div class='checkbox yellow checked'><input type="checkbox" checked="checked"/> <p>黄色 + 默认选中</p> </div><div class='checkbox cyan checked'><input type="checkbox" checked="checked"/> <p>青色 + 默认选中</p> </div><div class='checkbox blue checked'><input type="checkbox" checked="checked"/> <p>蓝色 + 默认选中</p> </div><div class='checkbox plus green checked'><input type="checkbox" checked="checked"/> <p>增加</p> </div><div class='checkbox minus yellow checked'><input type="checkbox" checked="checked"/> <p>减少</p> </div><div class='checkbox times red checked'><input type="checkbox" checked="checked"/> <p>叉</p> </div></div><div class="tab-item-content" id="checkbox-4"><figure class="highlight markdown"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br></pre></td><td class="code"><pre><span class="line">{% checkbox 纯文本测试 %}</span><br><span class="line">{% checkbox checked, 支持简单的 [<span class="string">markdown</span>](<span class="link">https://guides.github.com/features/mastering-markdown/</span>) 语法 %}</span><br><span class="line">{% checkbox red, 支持自定义颜色 %}</span><br><span class="line">{% checkbox green checked, 绿色 + 默认选中 %}</span><br><span class="line">{% checkbox yellow checked, 黄色 + 默认选中 %}</span><br><span class="line">{% checkbox cyan checked, 青色 + 默认选中 %}</span><br><span class="line">{% checkbox blue checked, 蓝色 + 默认选中 %}</span><br><span class="line">{% checkbox plus green checked, 增加 %}</span><br><span class="line">{% checkbox minus yellow checked, 减少 %}</span><br><span class="line">{% checkbox times red checked, 叉 %}</span><br></pre></td></tr></table></figure></div></div><div class="tab-to-top"><button type="button" aria-label="scroll to top"><i class="fas fa-arrow-up"></i></button></div></div><h2 id="单选列表-radio"><a href="#单选列表-radio" class="headerlink" title="单选列表 radio"></a>单选列表 radio</h2><div class="tabs" id="radio"><ul class="nav-tabs"><button type="button" class="tab " data-href="radio-1">标签语法</button><button type="button" class="tab " data-href="radio-2">配置参数</button><button type="button" class="tab active" data-href="radio-3">样式预览</button><button type="button" class="tab " data-href="radio-4">示例源码</button></ul><div class="tab-contents"><div class="tab-item-content" id="radio-1"><figure class="highlight markdown"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">{% radio 样式参数（可选）, 文本（支持简单md） %}</span><br></pre></td></tr></table></figure></div><div class="tab-item-content" id="radio-2"><ol><li>颜色: <span class='p red'>red</span>,<span class='p yellow'>yellow</span>,<span class='p green'>green</span>,<span class='p cyan'>cyan</span>,<span class='p blue'>blue</span>,<span class='p gray'>gray</span></li><li>选中状态: checked</li></ol></div><div class="tab-item-content active" id="radio-3"><div class='checkbox'><input type="radio" /> <p>纯文本测试</p> </div><div class='checkbox checked'><input type="radio" checked="checked"/> <p>支持简单的 <a href="https://guides.github.com/features/mastering-markdown/">markdown</a> 语法</p> </div><div class='checkbox red'><input type="radio" /> <p>支持自定义颜色</p> </div><div class='checkbox green'><input type="radio" /> <p>绿色</p> </div><div class='checkbox yellow'><input type="radio" /> <p>黄色</p> </div><div class='checkbox cyan'><input type="radio" /> <p>青色</p> </div><div class='checkbox blue'><input type="radio" /> <p>蓝色</p> </div></div><div class="tab-item-content" id="radio-4"><figure class="highlight markdown"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br></pre></td><td class="code"><pre><span class="line">{% radio 纯文本测试 %}</span><br><span class="line">{% radio checked, 支持简单的 [<span class="string">markdown</span>](<span class="link">https://guides.github.com/features/mastering-markdown/</span>) 语法 %}</span><br><span class="line">{% radio red, 支持自定义颜色 %}</span><br><span class="line">{% radio green, 绿色 %}</span><br><span class="line">{% radio yellow, 黄色 %}</span><br><span class="line">{% radio cyan, 青色 %}</span><br><span class="line">{% radio blue, 蓝色 %}</span><br></pre></td></tr></table></figure></div></div><div class="tab-to-top"><button type="button" aria-label="scroll to top"><i class="fas fa-arrow-up"></i></button></div></div><h2 id="时间轴-timeline"><a href="#时间轴-timeline" class="headerlink" title="时间轴 timeline"></a>时间轴 timeline</h2><div class="tip fa-wrench"><p>插件版v1.0.16以后，为避免与Butterfly_v4.0+版本中的timeline外挂标签冲突，已经移除了插件内的timeline外挂标签，请低于Butterfly_v4.0的用户升级主题或安装1.0.15版本的外挂标签插件，或者自行添加timeline.js和timeline.styl文件至对应文件夹。请使用了原有timeline外挂标签的用户受累替换语法格式。<br>Butterfly_v4.0+自带的timeline外挂标签样式更加好看。语法语意也更加清晰。</p></div><div class="tabs" id="timeline"><ul class="nav-tabs"><button type="button" class="tab " data-href="timeline-1">标签语法</button><button type="button" class="tab active" data-href="timeline-2">参数配置</button><button type="button" class="tab " data-href="timeline-3">样式预览</button><button type="button" class="tab " data-href="timeline-4">示例源码</button></ul><div class="tab-contents"><div class="tab-item-content" id="timeline-1"><figure class="highlight markdown"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br></pre></td><td class="code"><pre><span class="line">{% timeline 时间线标题（可选）[,color] %}</span><br><span class="line"><!-- timeline 时间节点（标题） --></span><br><span class="line">正文内容</span><br><span class="line"><!-- endtimeline --></span><br><span class="line"><!-- timeline 时间节点（标题） --></span><br><span class="line">正文内容</span><br><span class="line"><!-- endtimeline --></span><br><span class="line">{% endtimeline %}</span><br></pre></td></tr></table></figure></div><div class="tab-item-content active" id="timeline-2"><div class="table-container"><table><thead><tr><th style="text-align:left">参数</th><th style="text-align:left">解释</th></tr></thead><tbody><tr><td style="text-align:left">title</td><td style="text-align:left">标题/时间线</td></tr><tr><td style="text-align:left">color</td><td style="text-align:left"><code>timeline</code>颜色:default(留空) / blue / pink / red / purple / orange / green</td></tr></tbody></table></div></div><div class="tab-item-content" id="timeline-3"><div class="timeline blue"><div class='timeline-item headline'><div class='timeline-item-title'><div class='item-circle'><p>时间轴样式</p></div></div></div><div class='timeline-item'><div class='timeline-item-title'><div class='item-circle'><p>2020-05-15 <a href="https://github.com/volantis-x/hexo-theme-volantis/releases/tag/2.6.6">2.6.3 -> 2.6.6</a></p></div></div><div class='timeline-item-content'><p>不需要额外处理。</p></div></div><div class='timeline-item'><div class='timeline-item-title'><div class='item-circle'><p>2020-04-20 <a href="https://github.com/volantis-x/hexo-theme-volantis/releases/tag/2.6.3">2.6.2 -> 2.6.3</a></p></div></div><div class='timeline-item-content'><ol><li>全局搜索 <code>seotitle</code> 并替换为 <code>seo_title</code>。</li><li>group 组件的索引规则有变，使用 group 组件的文章内，<code>group: group_name</code> 对应的组件名必须是 <code>group_name</code>。</li><li>group 组件的列表名优先显示文章的 <code>short_title</code> 其次是 <code>title</code>。</li></ol></div></div></div></div><div class="tab-item-content" id="timeline-4"><figure class="highlight markdown"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br><span class="line">11</span><br><span class="line">12</span><br><span class="line">13</span><br><span class="line">14</span><br><span class="line">15</span><br><span class="line">16</span><br><span class="line">17</span><br><span class="line">18</span><br><span class="line">19</span><br><span class="line">20</span><br><span class="line">21</span><br><span class="line">22</span><br><span class="line">23</span><br><span class="line">24</span><br><span class="line">25</span><br><span class="line">26</span><br><span class="line">27</span><br></pre></td><td class="code"><pre><span class="line">{% timeline 时间轴样式,blue %}</span><br><span class="line"></span><br><span class="line"><!-- timeline 2020-07-24 [<span class="string">2.6.6 -> 3.0</span>](<span class="link">https://github.com/volantis-x/hexo-theme-volantis/releases</span>) --></span><br><span class="line"></span><br><span class="line"><span class="bullet">1.</span> 如果有 <span class="code">`hexo-lazyload-image`</span> 插件，需要删除并重新安装最新版本，设置 <span class="code">`lazyload.isSPA: true`</span>。</span><br><span class="line"><span class="bullet">2.</span> 2.x 版本的 css 和 js 不适用于 3.x 版本，如果使用了 <span class="code">`use_cdn: true`</span> 则需要删除。</span><br><span class="line"><span class="bullet">3.</span> 2.x 版本的 fancybox 标签在 3.x 版本中被重命名为 gallery 。</span><br><span class="line"><span class="bullet">4.</span> 2.x 版本的置顶 <span class="code">`top: true`</span> 改为了 <span class="code">`pin: true`</span>，并且同样适用于 <span class="code">`layout: page`</span> 的页面。</span><br><span class="line"><span class="bullet">5.</span> 如果使用了 <span class="code">`hexo-offline`</span> 插件，建议卸载，3.0 版本默认开启了 pjax 服务。</span><br><span class="line"></span><br><span class="line"><!-- endtimeline --></span><br><span class="line"></span><br><span class="line"><!-- timeline 2020-05-15 [<span class="string">2.6.3 -> 2.6.6</span>](<span class="link">https://github.com/volantis-x/hexo-theme-volantis/releases/tag/2.6.6</span>) --></span><br><span class="line"></span><br><span class="line">不需要额外处理。</span><br><span class="line"></span><br><span class="line"><!-- endtimeline --></span><br><span class="line"></span><br><span class="line"><!-- timeline 2020-04-20 [<span class="string">2.6.2 -> 2.6.3</span>](<span class="link">https://github.com/volantis-x/hexo-theme-volantis/releases/tag/2.6.3</span>) --></span><br><span class="line"></span><br><span class="line"><span class="bullet">1.</span> 全局搜索 <span class="code">`seotitle`</span> 并替换为 <span class="code">`seo_title`</span>。</span><br><span class="line"><span class="bullet">2.</span> group 组件的索引规则有变，使用 group 组件的文章内，<span class="code">`group: group_name`</span> 对应的组件名必须是 <span class="code">`group_name`</span>。</span><br><span class="line"><span class="bullet">2.</span> group 组件的列表名优先显示文章的 <span class="code">`short_title`</span> 其次是 <span class="code">`title`</span>。</span><br><span class="line"></span><br><span class="line"><!-- endtimeline --></span><br><span class="line"></span><br><span class="line">{% endtimeline %}</span><br></pre></td></tr></table></figure></div></div><div class="tab-to-top"><button type="button" aria-label="scroll to top"><i class="fas fa-arrow-up"></i></button></div></div><h2 id="链接卡片-link"><a href="#链接卡片-link" class="headerlink" title="链接卡片 link"></a>链接卡片 link</h2><div class="tabs" id="link"><ul class="nav-tabs"><button type="button" class="tab " data-href="link-1">标签语法</button><button type="button" class="tab active" data-href="link-2">样式预览</button><button type="button" class="tab " data-href="link-3">示例源码</button></ul><div class="tab-contents"><div class="tab-item-content" id="link-1"><figure class="highlight markdown"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">{% link 标题, 链接, 图片链接（可选） %}</span><br></pre></td></tr></table></figure></div><div class="tab-item-content active" id="link-2"><div class="tag link"><a class="link-card" title="糖果屋教程贴" href="https://akilar.top/posts/615e2dec/"><div class="left"><img src="https://npm.elemecdn.com/akilar-candyassets/image/siteicon/favicon.ico"/></div><div class="right"><p class="text">糖果屋教程贴</p><p class="url">https://akilar.top/posts/615e2dec/</p></div></a></div></div><div class="tab-item-content" id="link-3"><figure class="highlight markdown"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">{% link 糖果屋教程贴, https://akilar.top/posts/615e2dec/, https://npm.elemecdn.com/akilar-candyassets/image/siteicon/favicon.ico %}</span><br></pre></td></tr></table></figure></div></div><div class="tab-to-top"><button type="button" aria-label="scroll to top"><i class="fas fa-arrow-up"></i></button></div></div><h2 id="按钮-btns"><a href="#按钮-btns" class="headerlink" title="按钮 btns"></a>按钮 btns</h2><div class="note blue icon-padding simple"><i class="note-icon fas fa-bullhorn"></i><p><code>Volantis</code>的按钮使用的是<code>btn</code>和<code>btns</code>标签。<code>btns</code>和<code>butterfly</code>的<code>button</code>不冲突，但是<code>btn</code>会被强制渲染，导致部分参数失效,而且<code>btn</code>的效果还是<code>butterfly</code>的<code>button</code>更好看些。所以就只适配了<code>btns</code>。</p></div><div class="tabs" id="btn"><ul class="nav-tabs"><button type="button" class="tab " data-href="btn-1">标签语法</button><button type="button" class="tab " data-href="btn-2">参数配置</button><button type="button" class="tab active" data-href="btn-3">样式预览</button><button type="button" class="tab " data-href="btn-4">示例源码</button></ul><div class="tab-contents"><div class="tab-item-content" id="btn-1"><figure class="highlight markdown"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br></pre></td><td class="code"><pre><span class="line">{% btns 样式参数 %}</span><br><span class="line">{% cell 标题, 链接, 图片或者图标 %}</span><br><span class="line">{% cell 标题, 链接, 图片或者图标 %}</span><br><span class="line">{% endbtns %}</span><br></pre></td></tr></table></figure></div><div class="tab-item-content" id="btn-2"><ol><li>圆角样式：rounded, circle</li><li>增加文字样式：可以在容器内增加 <code><b>标题</b></code>和<code><p>描述文字</p></code></li><li>布局方式：<br>默认为自动宽度，适合视野内只有一两个的情况。</li></ol><div class="table-container"><table><thead><tr><th style="text-align:left">参数</th><th style="text-align:left">含义</th></tr></thead><tbody><tr><td style="text-align:left">wide</td><td style="text-align:left">宽一点的按钮</td></tr><tr><td style="text-align:left">fill</td><td style="text-align:left">填充布局，自动铺满至少一行，多了会换行</td></tr><tr><td style="text-align:left">center</td><td style="text-align:left">居中，按钮之间是固定间距</td></tr><tr><td style="text-align:left">around</td><td style="text-align:left">居中分散</td></tr><tr><td style="text-align:left">grid2</td><td style="text-align:left">等宽最多2列，屏幕变窄会适当减少列数</td></tr><tr><td style="text-align:left">grid3</td><td style="text-align:left">等宽最多3列，屏幕变窄会适当减少列数</td></tr><tr><td style="text-align:left">grid4</td><td style="text-align:left">等宽最多4列，屏幕变窄会适当减少列数</td></tr><tr><td style="text-align:left">grid5</td><td style="text-align:left">等宽最多5列，屏幕变窄会适当减少列数</td></tr></tbody></table></div></div><div class="tab-item-content active" id="btn-3"><ol><li><p>如果需要显示类似「团队成员」之类的一组含有头像的链接：</p><div class="btns circle grid5"> <a class="button" href='https://xaoxuu.com' title='xaoxuu'><img src='https://cdn.jsdelivr.net/gh/xaoxuu/cdn-assets/avatar/avatar.png'>xaoxuu</a><a class="button" href='https://xaoxuu.com' title='xaoxuu'><img src='https://cdn.jsdelivr.net/gh/xaoxuu/cdn-assets/avatar/avatar.png'>xaoxuu</a><a class="button" href='https://xaoxuu.com' title='xaoxuu'><img src='https://cdn.jsdelivr.net/gh/xaoxuu/cdn-assets/avatar/avatar.png'>xaoxuu</a><a class="button" href='https://xaoxuu.com' title='xaoxuu'><img src='https://cdn.jsdelivr.net/gh/xaoxuu/cdn-assets/avatar/avatar.png'>xaoxuu</a><a class="button" href='https://xaoxuu.com' title='xaoxuu'><img src='https://cdn.jsdelivr.net/gh/xaoxuu/cdn-assets/avatar/avatar.png'>xaoxuu</a> </div></li><li><p>或者含有图标的按钮：</p><div class="btns rounded grid5"> <a class="button" href='/' title='下载源码'><i class='fas fa-download'></i>下载源码</a><a class="button" href='/' title='查看文档'><i class='fas fa-book-open'></i>查看文档</a> </div></li><li><p>圆形图标 + 标题 + 描述 + 图片 + 网格5列 + 居中</p><div class="btns circle center grid5"> <a href='https://apps.apple.com/cn/app/heart-mate-pro-hrm-utility/id1463348922?ls=1'><i class='fab fa-apple'></i><b>心率管家</b><p class='p red'>专业版</p><img src='https://cdn.jsdelivr.net/gh/xaoxuu/cdn-assets/qrcode/heartmate_pro.png'></a><a href='https://apps.apple.com/cn/app/heart-mate-lite-hrm-utility/id1475747930?ls=1'><i class='fab fa-apple'></i><b>心率管家</b><p class='p green'>免费版</p><img src='https://cdn.jsdelivr.net/gh/xaoxuu/cdn-assets/qrcode/heartmate_lite.png'></a> </div></li></ol></div><div class="tab-item-content" id="btn-4"><ol><li>如果需要显示类似「团队成员」之类的一组含有头像的链接：<figure class="highlight markdown"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br></pre></td><td class="code"><pre><span class="line">{% btns circle grid5 %}</span><br><span class="line">{% cell xaoxuu, https://xaoxuu.com, https://cdn.jsdelivr.net/gh/xaoxuu/cdn-assets/avatar/avatar.png %}</span><br><span class="line">{% cell xaoxuu, https://xaoxuu.com, https://cdn.jsdelivr.net/gh/xaoxuu/cdn-assets/avatar/avatar.png %}</span><br><span class="line">{% cell xaoxuu, https://xaoxuu.com, https://cdn.jsdelivr.net/gh/xaoxuu/cdn-assets/avatar/avatar.png %}</span><br><span class="line">{% cell xaoxuu, https://xaoxuu.com, https://cdn.jsdelivr.net/gh/xaoxuu/cdn-assets/avatar/avatar.png %}</span><br><span class="line">{% cell xaoxuu, https://xaoxuu.com, https://cdn.jsdelivr.net/gh/xaoxuu/cdn-assets/avatar/avatar.png %}</span><br><span class="line">{% endbtns %}</span><br></pre></td></tr></table></figure></li><li>或者含有图标的按钮：<figure class="highlight markdown"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br></pre></td><td class="code"><pre><span class="line">{% btns rounded grid5 %}</span><br><span class="line">{% cell 下载源码, /, fas fa-download %}</span><br><span class="line">{% cell 查看文档, /, fas fa-book-open %}</span><br><span class="line">{% endbtns %}</span><br></pre></td></tr></table></figure></li><li>圆形图标 + 标题 + 描述 + 图片 + 网格5列 + 居中<figure class="highlight markdown"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br><span class="line">11</span><br><span class="line">12</span><br><span class="line">13</span><br><span class="line">14</span><br></pre></td><td class="code"><pre><span class="line">{% btns circle center grid5 %}</span><br><span class="line"><span class="language-xml"><span class="tag"><<span class="name">a</span> <span class="attr">href</span>=<span class="string">'https://apps.apple.com/cn/app/heart-mate-pro-hrm-utility/id1463348922?ls=1'</span>></span></span></span><br><span class="line"> <span class="language-xml"><span class="tag"><<span class="name">i</span> <span class="attr">class</span>=<span class="string">'fab fa-apple'</span>></span></span><span class="language-xml"><span class="tag"></<span class="name">i</span>></span></span></span><br><span class="line"> <span class="language-xml"><span class="tag"><<span class="name">b</span>></span></span>心率管家<span class="language-xml"><span class="tag"></<span class="name">b</span>></span></span></span><br><span class="line"> {% p red, 专业版 %}</span><br><span class="line"> <span class="language-xml"><span class="tag"><<span class="name">img</span> <span class="attr">src</span>=<span class="string">'https://cdn.jsdelivr.net/gh/xaoxuu/cdn-assets/qrcode/heartmate_pro.png'</span>></span></span></span><br><span class="line"><span class="language-xml"><span class="tag"></<span class="name">a</span>></span></span></span><br><span class="line"><span class="language-xml"><span class="tag"><<span class="name">a</span> <span class="attr">href</span>=<span class="string">'https://apps.apple.com/cn/app/heart-mate-lite-hrm-utility/id1475747930?ls=1'</span>></span></span></span><br><span class="line"> <span class="language-xml"><span class="tag"><<span class="name">i</span> <span class="attr">class</span>=<span class="string">'fab fa-apple'</span>></span></span><span class="language-xml"><span class="tag"></<span class="name">i</span>></span></span></span><br><span class="line"> <span class="language-xml"><span class="tag"><<span class="name">b</span>></span></span>心率管家<span class="language-xml"><span class="tag"></<span class="name">b</span>></span></span></span><br><span class="line"> {% p green, 免费版 %}</span><br><span class="line"> <span class="language-xml"><span class="tag"><<span class="name">img</span> <span class="attr">src</span>=<span class="string">'https://cdn.jsdelivr.net/gh/xaoxuu/cdn-assets/qrcode/heartmate_lite.png'</span>></span></span></span><br><span class="line"><span class="language-xml"><span class="tag"></<span class="name">a</span>></span></span></span><br><span class="line">{% endbtns %}</span><br></pre></td></tr></table></figure></li></ol></div></div><div class="tab-to-top"><button type="button" aria-label="scroll to top"><i class="fas fa-arrow-up"></i></button></div></div><h2 id="github卡片-ghcard"><a href="#github卡片-ghcard" class="headerlink" title="github卡片 ghcard"></a>github卡片 ghcard</h2><div class="note blue icon-padding modern"><i class="note-icon fas fa-bullhorn"></i><p>ghcard使用了<code>github-readme-stats</code>的API，支持直接使用markdown语法来写。</p></div><div class="tabs" id="ghcard"><ul class="nav-tabs"><button type="button" class="tab " data-href="ghcard-1">标签语法</button><button type="button" class="tab " data-href="ghcard-2">配置参数</button><button type="button" class="tab active" data-href="ghcard-3">样式预览</button><button type="button" class="tab " data-href="ghcard-4">示例源码</button></ul><div class="tab-contents"><div class="tab-item-content" id="ghcard-1"><figure class="highlight markdown"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br></pre></td><td class="code"><pre><span class="line">{% ghcard 用户名, 其它参数（可选） %}</span><br><span class="line">{% ghcard 用户名/仓库, 其它参数（可选） %}</span><br></pre></td></tr></table></figure></div><div class="tab-item-content" id="ghcard-2"><p>更多参数可以参考：<br><a class="ghcard" rel="external nofollow noopener noreferrer" href="https://github.com/anuraghazra/github-readme-stats"><img src="https://github-readme-stats.vercel.app/api/pin/?username=anuraghazra&repo=github-readme-stats&show_owner=true"/></a><br>使用<code>,</code>分割各个参数。写法为：<code>参数名=参数值</code><br>以下只写几个常用参数值。</p><div class="table-container"><table><thead><tr><th style="text-align:left">参数名</th><th style="text-align:left">取值</th><th style="text-align:left">释义</th></tr></thead><tbody><tr><td style="text-align:left">hide</td><td style="text-align:left">stars,commits,prs,issues,contribs</td><td style="text-align:left">隐藏指定统计</td></tr><tr><td style="text-align:left">count_private</td><td style="text-align:left">true</td><td style="text-align:left">将私人项目贡献添加到总提交计数中</td></tr><tr><td style="text-align:left">show_icons</td><td style="text-align:left">true</td><td style="text-align:left">显示图标</td></tr><tr><td style="text-align:left">theme</td><td style="text-align:left">请查阅<a href="https://github.com/anuraghazra/github-readme-stats/blob/master/themes/README.md">Available Themes</a></td><td style="text-align:left">主题</td></tr></tbody></table></div></div><div class="tab-item-content active" id="ghcard-3"><ol><li>用户信息卡片</li></ol><div class="table-container"><table><thead><tr><th><a class="ghcard" rel="external nofollow noopener noreferrer" href="https://github.com/xaoxuu"><img src="https://github-readme-stats.vercel.app/api/?username=xaoxuu&show_owner=true"/></a></th><th><a class="ghcard" rel="external nofollow noopener noreferrer" href="https://github.com/xaoxuu"><img src="https://github-readme-stats.vercel.app/api/?username=xaoxuu&theme=vue&show_owner=true"/></a></th></tr></thead><tbody><tr><td><a class="ghcard" rel="external nofollow noopener noreferrer" href="https://github.com/xaoxuu"><img src="https://github-readme-stats.vercel.app/api/?username=xaoxuu&theme=buefy&show_owner=true"/></a></td><td><a class="ghcard" rel="external nofollow noopener noreferrer" href="https://github.com/xaoxuu"><img src="https://github-readme-stats.vercel.app/api/?username=xaoxuu&theme=solarized-light&show_owner=true"/></a></td></tr><tr><td><a class="ghcard" rel="external nofollow noopener noreferrer" href="https://github.com/xaoxuu"><img src="https://github-readme-stats.vercel.app/api/?username=xaoxuu&theme=onedark&show_owner=true"/></a></td><td><a class="ghcard" rel="external nofollow noopener noreferrer" href="https://github.com/xaoxuu"><img src="https://github-readme-stats.vercel.app/api/?username=xaoxuu&theme=solarized-dark&show_owner=true"/></a></td></tr><tr><td><a class="ghcard" rel="external nofollow noopener noreferrer" href="https://github.com/xaoxuu"><img src="https://github-readme-stats.vercel.app/api/?username=xaoxuu&theme=algolia&show_owner=true"/></a></td><td><a class="ghcard" rel="external nofollow noopener noreferrer" href="https://github.com/xaoxuu"><img src="https://github-readme-stats.vercel.app/api/?username=xaoxuu&theme=calm&show_owner=true"/></a></td></tr></tbody></table></div><ol><li>仓库信息卡片</li></ol><div class="table-container"><table><thead><tr><th><a class="ghcard" rel="external nofollow noopener noreferrer" href="https://github.com/volantis-x/hexo-theme-volantis"><img src="https://github-readme-stats.vercel.app/api/pin/?username=volantis-x&repo=hexo-theme-volantis&show_owner=true"/></a></th><th><a class="ghcard" rel="external nofollow noopener noreferrer" href="https://github.com/volantis-x/hexo-theme-volantis"><img src="https://github-readme-stats.vercel.app/api/pin/?username=volantis-x&repo=hexo-theme-volantis&theme=vue&show_owner=true"/></a></th></tr></thead><tbody><tr><td><a class="ghcard" rel="external nofollow noopener noreferrer" href="https://github.com/volantis-x/hexo-theme-volantis"><img src="https://github-readme-stats.vercel.app/api/pin/?username=volantis-x&repo=hexo-theme-volantis&theme=buefy&show_owner=true"/></a></td><td><a class="ghcard" rel="external nofollow noopener noreferrer" href="https://github.com/volantis-x/hexo-theme-volantis"><img src="https://github-readme-stats.vercel.app/api/pin/?username=volantis-x&repo=hexo-theme-volantis&theme=solarized-light&show_owner=true"/></a></td></tr><tr><td><a class="ghcard" rel="external nofollow noopener noreferrer" href="https://github.com/volantis-x/hexo-theme-volantis"><img src="https://github-readme-stats.vercel.app/api/pin/?username=volantis-x&repo=hexo-theme-volantis&theme=onedark&show_owner=true"/></a></td><td><a class="ghcard" rel="external nofollow noopener noreferrer" href="https://github.com/volantis-x/hexo-theme-volantis"><img src="https://github-readme-stats.vercel.app/api/pin/?username=volantis-x&repo=hexo-theme-volantis&theme=solarized-dark&show_owner=true"/></a></td></tr><tr><td><a class="ghcard" rel="external nofollow noopener noreferrer" href="https://github.com/volantis-x/hexo-theme-volantis"><img src="https://github-readme-stats.vercel.app/api/pin/?username=volantis-x&repo=hexo-theme-volantis&theme=algolia&show_owner=true"/></a></td><td><a class="ghcard" rel="external nofollow noopener noreferrer" href="https://github.com/volantis-x/hexo-theme-volantis"><img src="https://github-readme-stats.vercel.app/api/pin/?username=volantis-x&repo=hexo-theme-volantis&theme=calm&show_owner=true"/></a></td></tr></tbody></table></div></div><div class="tab-item-content" id="ghcard-4"><ol><li><p>用户信息卡片</p><figure class="highlight markdown"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br></pre></td><td class="code"><pre><span class="line">| {% ghcard xaoxuu %} | {% ghcard xaoxuu, theme=vue %} |</span><br><span class="line">| -- | -- |</span><br><span class="line">| {% ghcard xaoxuu, theme=buefy %} | {% ghcard xaoxuu, theme=solarized-light %} |</span><br><span class="line">| {% ghcard xaoxuu, theme=onedark %} | {% ghcard xaoxuu, theme=solarized-dark %} |</span><br><span class="line">| {% ghcard xaoxuu, theme=algolia %} | {% ghcard xaoxuu, theme=calm %} |</span><br></pre></td></tr></table></figure></li><li><p>仓库信息卡片</p><figure class="highlight markdown"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br></pre></td><td class="code"><pre><span class="line">| {% ghcard volantis-x/hexo-theme-volantis %} | {% ghcard volantis-x/hexo-theme-volantis, theme=vue %} |</span><br><span class="line">| -- | -- |</span><br><span class="line">| {% ghcard volantis-x/hexo-theme-volantis, theme=buefy %} | {% ghcard volantis-x/hexo-theme-volantis, theme=solarized-light %} |</span><br><span class="line">| {% ghcard volantis-x/hexo-theme-volantis, theme=onedark %} | {% ghcard volantis-x/hexo-theme-volantis, theme=solarized-dark %} |</span><br><span class="line">| {% ghcard volantis-x/hexo-theme-volantis, theme=algolia %} | {% ghcard volantis-x/hexo-theme-volantis, theme=calm %} |</span><br></pre></td></tr></table></figure></li></ol></div></div><div class="tab-to-top"><button type="button" aria-label="scroll to top"><i class="fas fa-arrow-up"></i></button></div></div><h2 id="github徽标-ghbdage"><a href="#github徽标-ghbdage" class="headerlink" title="github徽标 ghbdage"></a>github徽标 ghbdage</h2><div class="tip cogs"><p>关于ghbdage参数的更多具体用法可以参看站内教程：<a href="/posts/e87ad7f8">添加github徽标</a></p></div><div class="tabs" id="ghbdage"><ul class="nav-tabs"><button type="button" class="tab " data-href="ghbdage-1">标签语法</button><button type="button" class="tab " data-href="ghbdage-2">配置参数</button><button type="button" class="tab active" data-href="ghbdage-3">样式预览</button><button type="button" class="tab " data-href="ghbdage-4">示例源码</button></ul><div class="tab-contents"><div class="tab-item-content" id="ghbdage-1"><figure class="highlight markdown"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">{% bdage [right],[left],[logo]||[color],[link],[title]||[option] %}</span><br></pre></td></tr></table></figure></div><div class="tab-item-content" id="ghbdage-2"><ol><li><code>left</code>：徽标左边的信息，必选参数。</li><li><code>right</code>: 徽标右边的信息，必选参数，</li><li><code>logo</code>：徽标图标，图标名称详见<a href="https://simpleicons.org/">simpleicons</a>，可选参数。</li><li><code>color</code>：徽标右边的颜色，可选参数。</li><li><code>link</code>：指向的链接，可选参数。</li><li><code>title</code>：徽标的额外信息，可选参数。主要用于优化SEO，但<code>object</code>标签不会像<code>a</code>标签一样在鼠标悬停显示<code>title</code>信息。</li><li><code>option</code>：自定义参数，支持<a href="https://shields.io/">shields.io</a>的全部API参数支持，具体参数可以参看上文中的拓展写法示例。形式为<code>name1=value2&name2=value2</code>。</li></ol></div><div class="tab-item-content active" id="ghbdage-3"><p><div class="note info modern"><p>本外挂标签的参数分为三组，用<code>||</code>分割。</p></div></p><ol><li>基本参数<br><br><object class="ghbdage" style="margin-inline:5px" title="" standby="loading..." data="https://img.shields.io/badge/Butterfly-Theme-orange?logo=&color=orange&link=&"></object><object class="ghbdage" style="margin-inline:5px" title="" standby="loading..." data="https://img.shields.io/badge/Hexo-Frame-orange?logo=hexo&color=orange&link=&"></object></li><li>信息参数<br><br><object class="ghbdage" style="margin-inline:5px" title="本站使用JsDelivr为静态资源提供CDN加速" standby="loading..." data="https://img.shields.io/badge/JsDelivr-CDN-orange?logo=jsDelivr&color=abcdef&link=https://metroui.org.ua/index.html&"></object><object class="ghbdage" style="margin-inline:5px" title="" standby="loading..." data="https://img.shields.io/badge/GitHub-Source-orange?logo=GitHub&color=orange&link=https://github.com/&"></object></li><li>拓展参数<br><br><object class="ghbdage" style="margin-inline:5px" title="本站采用双线部署，默认线路托管于Vercel" standby="loading..." data="https://img.shields.io/badge/Vercel-Hosted-orange?logo=Vercel&color=brightgreen&link=https://vercel.com/&style=social&logoWidth=40"></object><object class="ghbdage" style="margin-inline:5px" title="" standby="loading..." data="https://img.shields.io/badge/Vercel-Hosted-orange?logo=Vercel&color=orange&link=&style=social&logoWidth=40&logoColor=violet"></object></li></ol></div><div class="tab-item-content" id="ghbdage-4"><p><div class="note info modern"><p>本外挂标签的参数分为三组，用<code>||</code>分割。</p></div></p><ol><li>基本参数,定义徽标左右文字和图标<figure class="highlight markdown"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br></pre></td><td class="code"><pre><span class="line">{% bdage Theme,Butterfly %}</span><br><span class="line">{% bdage Frame,Hexo,hexo %}</span><br></pre></td></tr></table></figure></li><li>信息参数，定义徽标右侧内容背景色，指向链接<figure class="highlight markdown"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br></pre></td><td class="code"><pre><span class="line">{% bdage CDN,JsDelivr,jsDelivr||abcdef,https://metroui.org.ua/index.html,本站使用JsDelivr为静态资源提供CDN加速 %}</span><br><span class="line">//如果是跨顺序省略可选参数，仍然需要写个逗号,用作分割</span><br><span class="line">{% bdage Source,GitHub,GitHub||,https://github.com/ %}</span><br></pre></td></tr></table></figure></li><li>拓展参数，支持shields的API的全部参数内容<figure class="highlight markdown"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br></pre></td><td class="code"><pre><span class="line">{% bdage Hosted,Vercel,Vercel||brightgreen,https://vercel.com/,本站采用双线部署，默认线路托管于Vercel||style=social&logoWidth=20 %}</span><br><span class="line">//如果是跨顺序省略可选参数组，仍然需要写双竖线||用作分割</span><br><span class="line">{% bdage Hosted,Vercel,Vercel||||style=social&logoWidth=20&logoColor=violet %}</span><br></pre></td></tr></table></figure></li></ol></div></div><div class="tab-to-top"><button type="button" aria-label="scroll to top"><i class="fas fa-arrow-up"></i></button></div></div><h2 id="网站卡片-sites"><a href="#网站卡片-sites" class="headerlink" title="网站卡片 sites"></a>网站卡片 sites</h2><div class="tabs" id="site"><ul class="nav-tabs"><button type="button" class="tab " data-href="site-1">标签语法</button><button type="button" class="tab active" data-href="site-2">样式预览</button><button type="button" class="tab " data-href="site-3">示例源码</button></ul><div class="tab-contents"><div class="tab-item-content" id="site-1"><figure class="highlight markdown"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br></pre></td><td class="code"><pre><span class="line">{% sitegroup %}</span><br><span class="line">{% site 标题, url=链接, screenshot=截图链接, avatar=头像链接（可选）, description=描述（可选） %}</span><br><span class="line">{% site 标题, url=链接, screenshot=截图链接, avatar=头像链接（可选）, description=描述（可选） %}</span><br><span class="line">{% endsitegroup %}</span><br></pre></td></tr></table></figure></div><div class="tab-item-content active" id="site-2"><div class="site-card-group"><a class="site-card" href="https://xaoxuu.com"><div class="img"><img src="https://i.loli.net/2020/08/21/VuSwWZ1xAeUHEBC.jpg"/></div><div class="info"><img src="https://cdn.jsdelivr.net/gh/xaoxuu/cdn-assets/avatar/avatar.png"/><span class="title">xaoxuu</span><span class="desc">简约风格</span></div></a><a class="site-card" href="https://inkss.cn"><div class="img"><img src="https://i.loli.net/2020/08/21/Vzbu3i8fXs6Nh5Y.jpg"/></div><div class="info"><img src="https://cdn.jsdelivr.net/gh/inkss/common@master/static/web/avatar.jpg"/><span class="title">inkss</span><span class="desc">这是一段关于这个网站的描述文字</span></div></a><a class="site-card" href="https://blog.mhuig.top"><div class="img"><img src="https://i.loli.net/2020/08/22/d24zpPlhLYWX6D1.png"/></div><div class="info"><img src="https://cdn.jsdelivr.net/gh/MHuiG/imgbed@master/data/p.png"/><span class="title">MHuiG</span><span class="desc">这是一段关于这个网站的描述文字</span></div></a><a class="site-card" href="https://colsrch.top"><div class="img"><img src="https://i.loli.net/2020/08/22/dFRWXm52OVu8qfK.png"/></div><div class="info"><img src="https://cdn.jsdelivr.net/gh/Colsrch/images/Colsrch/avatar.jpg"/><span class="title">Colsrch</span><span class="desc">这是一段关于这个网站的描述文字</span></div></a><a class="site-card" href="https://linhk1606.github.io"><div class="img"><img src="https://i.loli.net/2020/08/21/3PmGLCKicnfow1x.png"/></div><div class="info"><img src="https://i.loli.net/2020/02/09/PN7I5RJfFtA93r2.png"/><span class="title">Linhk1606</span><span class="desc">这是一段关于这个网站的描述文字</span></div></a></div></div><div class="tab-item-content" id="site-3"><figure class="highlight markdown"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br></pre></td><td class="code"><pre><span class="line">{% sitegroup %}</span><br><span class="line">{% site xaoxuu, url=https://xaoxuu.com, screenshot=https://i.loli.net/2020/08/21/VuSwWZ1xAeUHEBC.jpg, avatar=https://cdn.jsdelivr.net/gh/xaoxuu/cdn-assets/avatar/avatar.png, description=简约风格 %}</span><br><span class="line">{% site inkss, url=https://inkss.cn, screenshot=https://i.loli.net/2020/08/21/Vzbu3i8fXs6Nh5Y.jpg, avatar=https://cdn.jsdelivr.net/gh/inkss/common@master/static/web/avatar.jpg, description=这是一段关于这个网站的描述文字 %}</span><br><span class="line">{% site MHuiG, url=https://blog.mhuig.top, screenshot=https://i.loli.net/2020/08/22/d24zpPlhLYWX6D1.png, avatar=https://cdn.jsdelivr.net/gh/MHuiG/imgbed@master/data/p.png, description=这是一段关于这个网站的描述文字 %}</span><br><span class="line">{% site Colsrch, url=https://colsrch.top, screenshot=https://i.loli.net/2020/08/22/dFRWXm52OVu8qfK.png, avatar=https://cdn.jsdelivr.net/gh/Colsrch/images/Colsrch/avatar.jpg, description=这是一段关于这个网站的描述文字 %}</span><br><span class="line">{% site Linhk1606, url=https://linhk1606.github.io, screenshot=https://i.loli.net/2020/08/21/3PmGLCKicnfow1x.png, avatar=https://i.loli.net/2020/02/09/PN7I5RJfFtA93r2.png, description=这是一段关于这个网站的描述文字 %}</span><br><span class="line">{% endsitegroup %}</span><br></pre></td></tr></table></figure></div></div><div class="tab-to-top"><button type="button" aria-label="scroll to top"><i class="fas fa-arrow-up"></i></button></div></div><h2 id="行内图片-inlineimage"><a href="#行内图片-inlineimage" class="headerlink" title="行内图片 inlineimage"></a>行内图片 inlineimage</h2><div class="tabs" id="inlineimage"><ul class="nav-tabs"><button type="button" class="tab " data-href="inlineimage-1">标签语法</button><button type="button" class="tab " data-href="inlineimage-2">参数配置</button><button type="button" class="tab active" data-href="inlineimage-3">样式预览</button><button type="button" class="tab " data-href="inlineimage-4">示例源码</button></ul><div class="tab-contents"><div class="tab-item-content" id="inlineimage-1"><figure class="highlight markdown"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">{% inlineimage 图片链接, height=高度（可选） %}</span><br></pre></td></tr></table></figure></div><div class="tab-item-content" id="inlineimage-2"><ol><li>高度：height=20px</li></ol></div><div class="tab-item-content active" id="inlineimage-3"><p>这是 <img no-lazy class="inline" src="https://cdn.jsdelivr.net/gh/volantis-x/cdn-emoji/aru-l/0000.gif" style="height:1.5em"/> 一段话。</p><p>这又是 <img no-lazy class="inline" src="https://cdn.jsdelivr.net/gh/volantis-x/cdn-emoji/aru-l/5150.gif" style="height:40px;"/> 一段话。</p></div><div class="tab-item-content" id="inlineimage-4"><figure class="highlight markdown"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br></pre></td><td class="code"><pre><span class="line">这是 {% inlineimage https://cdn.jsdelivr.net/gh/volantis-x/cdn-emoji/aru-l/0000.gif %} 一段话。</span><br><span class="line"></span><br><span class="line">这又是 {% inlineimage https://cdn.jsdelivr.net/gh/volantis-x/cdn-emoji/aru-l/5150.gif, height=40px %} 一段话。</span><br></pre></td></tr></table></figure></div></div><div class="tab-to-top"><button type="button" aria-label="scroll to top"><i class="fas fa-arrow-up"></i></button></div></div><h2 id="单张图片-image"><a href="#单张图片-image" class="headerlink" title="单张图片 image"></a>单张图片 image</h2><div class="tabs" id="image"><ul class="nav-tabs"><button type="button" class="tab " data-href="image-1">标签语法</button><button type="button" class="tab " data-href="image-2">参数配置</button><button type="button" class="tab active" data-href="image-3">样式预览</button><button type="button" class="tab " data-href="image-4">示例源码</button></ul><div class="tab-contents"><div class="tab-item-content" id="image-1"><figure class="highlight markdown"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">{% image 链接, width=宽度（可选）, height=高度（可选）, alt=描述（可选）, bg=占位颜色（可选） %}</span><br></pre></td></tr></table></figure></div><div class="tab-item-content" id="image-2"><ol><li>图片宽度高度：width=300px, height=32px</li><li>图片描述：alt=图片描述（butterfly需要在主题配置文件中开启图片描述）</li><li>占位背景色：bg=#f2f2f2</li></ol></div><div class="tab-item-content active" id="image-3"><ol><li><p>添加描述：</p><div class="img-wrap"><div class="img-bg"><img class="img" src="https://cdn.jsdelivr.net/gh/volantis-x/cdn-wallpaper-minimalist/2020/025.jpg" alt="每天下课回宿舍的路，没有什么故事。"/></div><span class="image-caption">每天下课回宿舍的路，没有什么故事。</span></div></li><li><p>指定宽度：</p><div class="img-wrap"><div class="img-bg"><img class="img" src="https://cdn.jsdelivr.net/gh/volantis-x/cdn-wallpaper-minimalist/2020/025.jpg" style="width:400px;"/></div></div></li><li><p>指定宽度并添加描述：</p><div class="img-wrap"><div class="img-bg"><img class="img" src="https://cdn.jsdelivr.net/gh/volantis-x/cdn-wallpaper-minimalist/2020/025.jpg" alt="每天下课回宿舍的路，没有什么故事。" style="width:400px;"/></div><span class="image-caption">每天下课回宿舍的路，没有什么故事。</span></div></li><li><p>设置占位背景色：</p><div class="img-wrap"><div class="img-bg" style="background:#1D0C04"><img class="img" src="https://cdn.jsdelivr.net/gh/volantis-x/cdn-wallpaper-minimalist/2020/025.jpg" alt="优化不同宽度浏览的观感" style="width:400px;"/></div><span class="image-caption">优化不同宽度浏览的观感</span></div></li></ol></div><div class="tab-item-content" id="image-4"><ol><li><p>添加描述：</p><figure class="highlight markdown"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">{% image https://cdn.jsdelivr.net/gh/volantis-x/cdn-wallpaper-minimalist/2020/025.jpg, alt=每天下课回宿舍的路，没有什么故事。 %}</span><br></pre></td></tr></table></figure></li><li>指定宽度：<figure class="highlight markdown"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">{% image https://cdn.jsdelivr.net/gh/volantis-x/cdn-wallpaper-minimalist/2020/025.jpg, width=400px %}</span><br></pre></td></tr></table></figure></li><li>指定宽度并添加描述：<figure class="highlight markdown"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">{% image https://cdn.jsdelivr.net/gh/volantis-x/cdn-wallpaper-minimalist/2020/025.jpg, width=400px, alt=每天下课回宿舍的路，没有什么故事。 %}</span><br></pre></td></tr></table></figure></li><li>设置占位背景色：<figure class="highlight markdown"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">{% image https://cdn.jsdelivr.net/gh/volantis-x/cdn-wallpaper-minimalist/2020/025.jpg, width=400px, bg=#1D0C04, alt=优化不同宽度浏览的观感 %}</span><br></pre></td></tr></table></figure></li></ol></div></div><div class="tab-to-top"><button type="button" aria-label="scroll to top"><i class="fas fa-arrow-up"></i></button></div></div><h2 id="音频-audio"><a href="#音频-audio" class="headerlink" title="音频 audio"></a>音频 audio</h2><div class="tabs" id="audio"><ul class="nav-tabs"><button type="button" class="tab " data-href="audio-1">标签语法</button><button type="button" class="tab active" data-href="audio-2">样式预览</button><button type="button" class="tab " data-href="audio-3">示例源码</button></ul><div class="tab-contents"><div class="tab-item-content" id="audio-1"><figure class="highlight markdown"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">{% audio 音频链接 %}</span><br></pre></td></tr></table></figure></div><div class="tab-item-content active" id="audio-2"><div class="audio"><audio controls preload><source src='https://github.com/volantis-x/volantis-docs/releases/download/assets/Lumia1020.mp3' type='audio/mp3'>Your browser does not support the audio tag.</audio></div></div><div class="tab-item-content" id="audio-3"><figure class="highlight markdown"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">{% audio https://github.com/volantis-x/volantis-docs/releases/download/assets/Lumia1020.mp3 %}</span><br></pre></td></tr></table></figure></div></div><div class="tab-to-top"><button type="button" aria-label="scroll to top"><i class="fas fa-arrow-up"></i></button></div></div><h2 id="视频-video"><a href="#视频-video" class="headerlink" title="视频 video"></a>视频 video</h2><div class="tabs" id="video"><ul class="nav-tabs"><button type="button" class="tab " data-href="video-1">标签语法</button><button type="button" class="tab " data-href="video-2">参数配置</button><button type="button" class="tab active" data-href="video-3">样式预览</button><button type="button" class="tab " data-href="video-4">示例源码</button></ul><div class="tab-contents"><div class="tab-item-content" id="video-1"><figure class="highlight markdown"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">{% video 视频链接 %}</span><br></pre></td></tr></table></figure></div><div class="tab-item-content" id="video-2"><ol><li>对其方向：left, center, right</li><li>列数：逗号后面直接写列数，支持 1 ～ 4 列。</li></ol></div><div class="tab-item-content active" id="video-3"><ol><li><p>100%宽度</p><div class="video"><video controls preload><source src='https://github.com/volantis-x/volantis-docs/releases/download/assets/IMG_0341.mov' type='video/mp4'>Your browser does not support the video tag.</video></div></li><li><p>50%宽度</p><div class="videos" col='2'><div class="video"><video controls preload><source src='https://github.com/volantis-x/volantis-docs/releases/download/assets/IMG_0341.mov' type='video/mp4'>Your browser does not support the video tag.</video></div><div class="video"><video controls preload><source src='https://github.com/volantis-x/volantis-docs/releases/download/assets/IMG_0341.mov' type='video/mp4'>Your browser does not support the video tag.</video></div><div class="video"><video controls preload><source src='https://github.com/volantis-x/volantis-docs/releases/download/assets/IMG_0341.mov' type='video/mp4'>Your browser does not support the video tag.</video></div><div class="video"><video controls preload><source src='https://github.com/volantis-x/volantis-docs/releases/download/assets/IMG_0341.mov' type='video/mp4'>Your browser does not support the video tag.</video></div></div></li><li><p>25%宽度</p><div class="videos" col='4'><div class="video"><video controls preload><source src='https://github.com/volantis-x/volantis-docs/releases/download/assets/IMG_0341.mov' type='video/mp4'>Your browser does not support the video tag.</video></div><div class="video"><video controls preload><source src='https://github.com/volantis-x/volantis-docs/releases/download/assets/IMG_0341.mov' type='video/mp4'>Your browser does not support the video tag.</video></div><div class="video"><video controls preload><source src='https://github.com/volantis-x/volantis-docs/releases/download/assets/IMG_0341.mov' type='video/mp4'>Your browser does not support the video tag.</video></div><div class="video"><video controls preload><source src='https://github.com/volantis-x/volantis-docs/releases/download/assets/IMG_0341.mov' type='video/mp4'>Your browser does not support the video tag.</video></div><div class="video"><video controls preload><source src='https://github.com/volantis-x/volantis-docs/releases/download/assets/IMG_0341.mov' type='video/mp4'>Your browser does not support the video tag.</video></div><div class="video"><video controls preload><source src='https://github.com/volantis-x/volantis-docs/releases/download/assets/IMG_0341.mov' type='video/mp4'>Your browser does not support the video tag.</video></div><div class="video"><video controls preload><source src='https://github.com/volantis-x/volantis-docs/releases/download/assets/IMG_0341.mov' type='video/mp4'>Your browser does not support the video tag.</video></div><div class="video"><video controls preload><source src='https://github.com/volantis-x/volantis-docs/releases/download/assets/IMG_0341.mov' type='video/mp4'>Your browser does not support the video tag.</video></div></div></li></ol></div><div class="tab-item-content" id="video-4"><ol><li><p>100%宽度</p><figure class="highlight markdown"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">{% video https://github.com/volantis-x/volantis-docs/releases/download/assets/IMG<span class="emphasis">_0341.mov %}</span></span><br></pre></td></tr></table></figure></li><li><p>50%宽度</p><figure class="highlight markdown"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br></pre></td><td class="code"><pre><span class="line">{% videos, 2 %}</span><br><span class="line">{% video https://github.com/volantis-x/volantis-docs/releases/download/assets/IMG<span class="emphasis">_0341.mov %}</span></span><br><span class="line"><span class="emphasis">{% video https://github.com/volantis-x/volantis-docs/releases/download/assets/IMG_</span>0341.mov %}</span><br><span class="line">{% video https://github.com/volantis-x/volantis-docs/releases/download/assets/IMG<span class="emphasis">_0341.mov %}</span></span><br><span class="line"><span class="emphasis">{% video https://github.com/volantis-x/volantis-docs/releases/download/assets/IMG_</span>0341.mov %}</span><br><span class="line">{% endvideos %}</span><br></pre></td></tr></table></figure></li><li><p>25%宽度</p><figure class="highlight markdown"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br></pre></td><td class="code"><pre><span class="line">{% videos, 4 %}</span><br><span class="line">{% video https://github.com/volantis-x/volantis-docs/releases/download/assets/IMG<span class="emphasis">_0341.mov %}</span></span><br><span class="line"><span class="emphasis">{% video https://github.com/volantis-x/volantis-docs/releases/download/assets/IMG_</span>0341.mov %}</span><br><span class="line">{% video https://github.com/volantis-x/volantis-docs/releases/download/assets/IMG<span class="emphasis">_0341.mov %}</span></span><br><span class="line"><span class="emphasis">{% video https://github.com/volantis-x/volantis-docs/releases/download/assets/IMG_</span>0341.mov %}</span><br><span class="line">{% video https://github.com/volantis-x/volantis-docs/releases/download/assets/IMG<span class="emphasis">_0341.mov %}</span></span><br><span class="line"><span class="emphasis">{% video https://github.com/volantis-x/volantis-docs/releases/download/assets/IMG_</span>0341.mov %}</span><br><span class="line">{% video https://github.com/volantis-x/volantis-docs/releases/download/assets/IMG<span class="emphasis">_0341.mov %}</span></span><br><span class="line"><span class="emphasis">{% video https://github.com/volantis-x/volantis-docs/releases/download/assets/IMG_</span>0341.mov %}</span><br><span class="line">{% endvideos %}</span><br></pre></td></tr></table></figure></li></ol></div></div><div class="tab-to-top"><button type="button" aria-label="scroll to top"><i class="fas fa-arrow-up"></i></button></div></div><h2 id="相册-gallery"><a href="#相册-gallery" class="headerlink" title="相册 gallery"></a>相册 gallery</h2><div class="note blue icon-padding disabled"><i class="note-icon fas fa-bullhorn"></i><p><code>Butterfly</code>自带<code>gallery</code>相册，而且会根据图片大小自动调整排版，效果比<code>Volantis</code>的<code>gallery</code>更好，故不再收录<code>Volantis</code>的<code>gallery</code>标签。</p></div><div class="note flat"><p>以下为<code>Butterfly</code>自带的<code>gallery</code>标签写法。相册图库和相册配合使用。</p></div><div class="tabs" id="gallery"><ul class="nav-tabs"><button type="button" class="tab " data-href="gallery-1">标签语法</button><button type="button" class="tab " data-href="gallery-2">参数配置</button><button type="button" class="tab active" data-href="gallery-3">样式预览</button><button type="button" class="tab " data-href="gallery-4">示例源码</button></ul><div class="tab-contents"><div class="tab-item-content" id="gallery-1"><ol><li><p>gallerygroup 相册图库</p><figure class="highlight markdown"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br></pre></td><td class="code"><pre><span class="line"><span class="language-xml"><span class="tag"><<span class="name">div</span> <span class="attr">class</span>=<span class="string">"gallery-group-main"</span>></span></span></span><br><span class="line">{% galleryGroup name description link img-url %}</span><br><span class="line">{% galleryGroup name description link img-url %}</span><br><span class="line">{% galleryGroup name description link img-url %}</span><br><span class="line"><span class="language-xml"><span class="tag"></<span class="name">div</span>></span></span></span><br></pre></td></tr></table></figure></li><li><p>gallery 相册</p><figure class="highlight markdown"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br></pre></td><td class="code"><pre><span class="line">{% gallery %}</span><br><span class="line">markdown 圖片格式</span><br><span class="line">{% endgallery %}</span><br></pre></td></tr></table></figure></li></ol></div><div class="tab-item-content" id="gallery-2"><ul><li>gallerygroup 相册图库</li></ul><div class="table-container"><table><thead><tr><th style="text-align:left">参数名</th><th style="text-align:left">释义</th></tr></thead><tbody><tr><td style="text-align:left">name</td><td style="text-align:left">图库名字</td></tr><tr><td style="text-align:left">description</td><td style="text-align:left">图库描述</td></tr><tr><td style="text-align:left">link</td><td style="text-align:left">链接到对应相册的地址</td></tr><tr><td style="text-align:left">img-url</td><td style="text-align:left">图库封面</td></tr></tbody></table></div><div class="note info flat"><p>思维拓展一下，相册图库的实质其实就是个快捷方式，可以自定义添加描述、封面、链接。那么我们未必要把它当做一个相册，完全可以作为一个链接卡片，链接到视频、QQ、友链都是不错的选择。</p></div><ul><li>gallery 相册<br>区别于旧版的Gallery相册,新的Gallery相册会自动根据图片长度进行排版，书写也更加方便，与markdown格式一样。可根据需要插入到相应的md。无需再自己配置长宽。<strong>建议在粘贴时故意使用长短、大小、横竖不一的图片</strong>，会有更好的效果。（尺寸完全相同的图片只会平铺输出，效果很糟糕）</li></ul></div><div class="tab-item-content active" id="gallery-3"><ul><li>gallerygroup 相册图库</li></ul><div class="gallery-group-main"><figure class="gallery-group"> <img class="gallery-group-img no-lightbox" src='https://npm.elemecdn.com/akilar-candyassets/image/1.jpg' alt="Group Image Gallery"> <figcaption> <div class="gallery-group-name">MC</div> <p>在Rikkaの六花服务器里留下的足迹</p> <a href='/gallery/MC/'></a> </figcaption> </figure><figure class="gallery-group"> <img class="gallery-group-img no-lightbox" src='https://npm.elemecdn.com/akilar-candyassets/image/20200907110508327.png' alt="Group Image Gallery"> <figcaption> <div class="gallery-group-name">Gundam</div> <p>哦咧哇gundam哒！</p> <a href='/gallery/Gundam/'></a> </figcaption> </figure><figure class="gallery-group"> <img class="gallery-group-img no-lightbox" src='https://npm.elemecdn.com/akilar-candyassets/image/20200907113116651.png' alt="Group Image Gallery"> <figcaption> <div class="gallery-group-name">I-am-Akilar</div> <p>某种意义上也算自拍吧</p> <a href='/gallery/I-am-Akilar/'></a> </figcaption> </figure></div><ul><li>gallery 相册</li></ul><div class="gallery-container" data-type="data" data-button=""> <div class="gallery-data">[{"url":"https://i.loli.net/2019/12/25/Fze9jchtnyJXMHN.jpg","alt":""},{"url":"https://i.loli.net/2019/12/25/ryLVePaqkYm4TEK.jpg","alt":""},{"url":"https://i.loli.net/2019/12/25/gEy5Zc1Ai6VuO4N.jpg","alt":""},{"url":"https://i.loli.net/2019/12/25/d6QHbytlSYO4FBG.jpg","alt":""},{"url":"https://i.loli.net/2019/12/25/6nepIJ1xTgufatZ.jpg","alt":""},{"url":"https://i.loli.net/2019/12/25/E7Jvr4eIPwUNmzq.jpg","alt":""},{"url":"https://i.loli.net/2019/12/25/mh19anwBSWIkGlH.jpg","alt":""},{"url":"https://i.loli.net/2019/12/25/2tu9JC8ewpBFagv.jpg","alt":""}]</div> <div class="gallery-items"> </div> </div></div><div class="tab-item-content" id="gallery-4"><div class="note info flat"><p>对于很多同学提问的<code>gallerygroup</code>和<code>gallery</code>相册页的链接问题。这里说下我个人的使用习惯。<br>一般使用相册图库的话，可以在导航栏加一个gallery的page(<strong>使用指令<code>hexo new page gallery</code>添加</strong>)，里面放相册图库作为封面。然后在<code>[Blogroot]/source/gallery/</code>下面建立相应的文件夹，例如若按照这里的示例，若欲使用<code>/gallery/MC/</code>路径访问MC相册，则需要新建<code>[Blogroot]/source/gallery/MC/index.md</code>，并在里面填入<code>gallery</code>相册内容。</p></div><ol><li><p>gallerygroup 相册图库</p><figure class="highlight markdown"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br></pre></td><td class="code"><pre><span class="line"><span class="language-xml"><span class="tag"><<span class="name">div</span> <span class="attr">class</span>=<span class="string">"gallery-group-main"</span>></span></span></span><br><span class="line">{% galleryGroup MC 在Rikkaの六花服务器里留下的足迹 '/gallery/MC/' https://npm.elemecdn.com/akilar-candyassets/image/1.jpg %}</span><br><span class="line">{% galleryGroup Gundam 哦咧哇gundam哒！ '/gallery/Gundam/' https://npm.elemecdn.com/akilar-candyassets/image/20200907110508327.png %}</span><br><span class="line">{% galleryGroup I-am-Akilar 某种意义上也算自拍吧 '/gallery/I-am-Akilar/' https://npm.elemecdn.com/akilar-candyassets/image/20200907113116651.png %}</span><br><span class="line"><span class="language-xml"><span class="tag"></<span class="name">div</span>></span></span></span><br></pre></td></tr></table></figure></li><li><p>gallery 相册</p><figure class="highlight markdown"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br></pre></td><td class="code"><pre><span class="line">{% gallery %}</span><br><span class="line">![](<span class="link">https://i.loli.net/2019/12/25/Fze9jchtnyJXMHN.jpg</span>)</span><br><span class="line">![](<span class="link">https://i.loli.net/2019/12/25/ryLVePaqkYm4TEK.jpg</span>)</span><br><span class="line">![](<span class="link">https://i.loli.net/2019/12/25/gEy5Zc1Ai6VuO4N.jpg</span>)</span><br><span class="line">![](<span class="link">https://i.loli.net/2019/12/25/d6QHbytlSYO4FBG.jpg</span>)</span><br><span class="line">![](<span class="link">https://i.loli.net/2019/12/25/6nepIJ1xTgufatZ.jpg</span>)</span><br><span class="line">![](<span class="link">https://i.loli.net/2019/12/25/E7Jvr4eIPwUNmzq.jpg</span>)</span><br><span class="line">![](<span class="link">https://i.loli.net/2019/12/25/mh19anwBSWIkGlH.jpg</span>)</span><br><span class="line">![](<span class="link">https://i.loli.net/2019/12/25/2tu9JC8ewpBFagv.jpg</span>)</span><br><span class="line">{% endgallery %}</span><br></pre></td></tr></table></figure></li></ol></div></div><div class="tab-to-top"><button type="button" aria-label="scroll to top"><i class="fas fa-arrow-up"></i></button></div></div><h2 id="折叠框-folding"><a href="#折叠框-folding" class="headerlink" title="折叠框 folding"></a>折叠框 folding</h2><div class="note blue icon-padding disabled"><i class="note-icon fas fa-bullhorn"></i><p><code>Butterfly</code>虽然也有内置折叠框<code>hideToggle</code>标签，但是<code>Volantis</code>的<code>folding</code>折叠框更好看一些。</p></div><div class="tabs" id="folding"><ul class="nav-tabs"><button type="button" class="tab " data-href="folding-1">标签语法</button><button type="button" class="tab " data-href="folding-2">配置参数</button><button type="button" class="tab active" data-href="folding-3">样式预览</button><button type="button" class="tab " data-href="folding-4">示例源码</button></ul><div class="tab-contents"><div class="tab-item-content" id="folding-1"><figure class="highlight markdown"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br></pre></td><td class="code"><pre><span class="line">{% folding 参数（可选）, 标题 %}</span><br><span class="line">![](<span class="link">https://cdn.jsdelivr.net/gh/volantis-x/cdn-wallpaper/abstract/41F215B9-261F-48B4-80B5-4E86E165259E.jpeg</span>)</span><br><span class="line">{% endfolding %}</span><br></pre></td></tr></table></figure></div><div class="tab-item-content" id="folding-2"><ol><li>颜色：blue, cyan, green, yellow, red</li><li>状态：状态填写 open 代表默认打开。</li></ol></div><div class="tab-item-content active" id="folding-3"><details class="folding-tag" ><summary> 查看图片测试 </summary> <div class='content'> <p><img src="https://cdn.jsdelivr.net/gh/volantis-x/cdn-wallpaper/abstract/41F215B9-261F-48B4-80B5-4E86E165259E.jpeg" alt=""></p> </div> </details><details class="folding-tag" cyan open><summary> 查看默认打开的折叠框 </summary> <div class='content'> <p>这是一个默认打开的折叠框。</p> </div> </details><details class="folding-tag" green><summary> 查看代码测试 </summary> <div class='content'> <figure class="highlight markdown"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">![](<span class="link">https://cdn.jsdelivr.net/gh/volantis-x/cdn-wallpaper/abstract/41F215B9-261F-48B4-80B5-4E86E165259E.jpeg</span>)</span><br></pre></td></tr></table></figure> </div> </details><details class="folding-tag" yellow><summary> 查看列表测试 </summary> <div class='content'> <ul><li>haha</li><li>hehe</li></ul> </div> </details><details class="folding-tag" red><summary> 查看嵌套测试 </summary> <div class='content'> <details class="folding-tag" blue><summary> 查看嵌套测试2 </summary> <div class='content'> <details class="folding-tag" ><summary> 查看嵌套测试3 </summary> <div class='content'> <p>hahaha <span><img src='https://cdn.jsdelivr.net/gh/volantis-x/cdn-emoji/tieba/%E6%BB%91%E7%A8%BD.png' style='height:24px'></span></p> </div> </details> </div> </details> </div> </details></div><div class="tab-item-content" id="folding-4"><figure class="highlight markdown"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br><span class="line">11</span><br><span class="line">12</span><br><span class="line">13</span><br><span class="line">14</span><br><span class="line">15</span><br><span class="line">16</span><br><span class="line">17</span><br><span class="line">18</span><br><span class="line">19</span><br><span class="line">20</span><br><span class="line">21</span><br><span class="line">22</span><br><span class="line">23</span><br><span class="line">24</span><br><span class="line">25</span><br><span class="line">26</span><br><span class="line">27</span><br><span class="line">28</span><br><span class="line">29</span><br><span class="line">30</span><br><span class="line">31</span><br><span class="line">32</span><br><span class="line">33</span><br><span class="line">34</span><br><span class="line">35</span><br><span class="line">36</span><br></pre></td><td class="code"><pre><span class="line">{% folding 查看图片测试 %}</span><br><span class="line"></span><br><span class="line">![](<span class="link">https://cdn.jsdelivr.net/gh/volantis-x/cdn-wallpaper/abstract/41F215B9-261F-48B4-80B5-4E86E165259E.jpeg</span>)</span><br><span class="line"></span><br><span class="line">{% endfolding %}</span><br><span class="line"></span><br><span class="line">{% folding cyan open, 查看默认打开的折叠框 %}</span><br><span class="line"></span><br><span class="line">这是一个默认打开的折叠框。</span><br><span class="line"></span><br><span class="line">{% endfolding %}</span><br><span class="line"></span><br><span class="line">{% folding green, 查看代码测试 %}</span><br><span class="line">假装这里有代码块（代码块没法嵌套代码块）</span><br><span class="line">{% endfolding %}</span><br><span class="line"></span><br><span class="line">{% folding yellow, 查看列表测试 %}</span><br><span class="line"></span><br><span class="line"><span class="bullet">-</span> haha</span><br><span class="line"><span class="bullet">-</span> hehe</span><br><span class="line"></span><br><span class="line">{% endfolding %}</span><br><span class="line"></span><br><span class="line">{% folding red, 查看嵌套测试 %}</span><br><span class="line"></span><br><span class="line">{% folding blue, 查看嵌套测试2 %}</span><br><span class="line"></span><br><span class="line">{% folding 查看嵌套测试3 %}</span><br><span class="line"></span><br><span class="line">hahaha <span class="language-xml"><span class="tag"><<span class="name">span</span>></span></span><span class="language-xml"><span class="tag"><<span class="name">img</span> <span class="attr">src</span>=<span class="string">'https://cdn.jsdelivr.net/gh/volantis-x/cdn-emoji/tieba/%E6%BB%91%E7%A8%BD.png'</span> <span class="attr">style</span>=<span class="string">'height:24px'</span>></span></span><span class="language-xml"><span class="tag"></<span class="name">span</span>></span></span></span><br><span class="line"></span><br><span class="line">{% endfolding %}</span><br><span class="line"></span><br><span class="line">{% endfolding %}</span><br><span class="line"></span><br><span class="line">{% endfolding %}</span><br></pre></td></tr></table></figure></div></div><div class="tab-to-top"><button type="button" aria-label="scroll to top"><i class="fas fa-arrow-up"></i></button></div></div><h2 id="分栏-tab"><a href="#分栏-tab" class="headerlink" title="分栏 tab"></a>分栏 tab</h2><div class="note blue icon-padding disabled"><i class="note-icon fas fa-bullhorn"></i><p><code>Butterfly</code>的<code>tab</code>标签和<code>Volantis</code>的<code>tab</code>标签都是移值自<code>NexT</code>主题，所以写法和效果一模一样。</p></div><div class="tabs" id="folding"><ul class="nav-tabs"><button type="button" class="tab " data-href="folding-1">标签语法</button><button type="button" class="tab " data-href="folding-2">配置参数</button><button type="button" class="tab active" data-href="folding-3">样式预览</button><button type="button" class="tab " data-href="folding-4">示例源码</button></ul><div class="tab-contents"><div class="tab-item-content" id="folding-1"><figure class="highlight markdown"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br></pre></td><td class="code"><pre><span class="line">{% tabs Unique name, [index] %}</span><br><span class="line"><!-- tab [Tab caption] [@icon] --></span><br><span class="line">Any content (support inline tags too).</span><br><span class="line"><!-- endtab --></span><br><span class="line">{% endtabs %}</span><br><span class="line"></span><br><span class="line"></span><br></pre></td></tr></table></figure></div><div class="tab-item-content" id="folding-2"><ol><li>Unique name :<ul><li>选项卡块标签的唯一名称，不带逗号。</li><li>将在#id中用作每个标签及其索引号的前缀。</li><li>如果名称中包含空格，则对于生成#id，所有空格将由破折号代替。</li><li>仅当前帖子/页面的URL必须是唯一的！</li></ul></li><li>[index]:<ul><li>活动选项卡的索引号。</li><li>如果未指定，将选择第一个标签（1）。</li><li>如果index为-1，则不会选择任何选项卡。</li><li>可选参数。</li></ul></li><li>[Tab caption]:<ul><li>当前选项卡的标题。</li><li>如果未指定标题，则带有制表符索引后缀的唯一名称将用作制表符的标题。</li><li>如果未指定标题，但指定了图标，则标题将为空。</li><li>可选参数。</li></ul></li><li>[@icon]:<ul><li>FontAwesome图标名称（全名，看起来像“ fas fa-font”）</li><li>可以指定带空格或不带空格；</li><li>例如’Tab caption @icon’ 和 ‘Tab caption@icon’.</li><li>可选参数。</li></ul></li></ol></div><div class="tab-item-content active" id="folding-3"><div class="note primary flat"><p>Demo 1 - 预设选择第一个【默认】</p></div><div class="tabs" id="test1"><ul class="nav-tabs"><button type="button" class="tab active" data-href="test1-1">test1 1</button><button type="button" class="tab " data-href="test1-2">test1 2</button><button type="button" class="tab " data-href="test1-3">test1 3</button></ul><div class="tab-contents"><div class="tab-item-content active" id="test1-1"><p><strong>This is Tab 1.</strong></p></div><div class="tab-item-content" id="test1-2"><p><strong>This is Tab 2.</strong></p></div><div class="tab-item-content" id="test1-3"><p><strong>This is Tab 3.</strong></p></div></div><div class="tab-to-top"><button type="button" aria-label="scroll to top"><i class="fas fa-arrow-up"></i></button></div></div><div class="note primary flat"><p>Demo 2 - 预设选择tabs</p></div><div class="tabs" id="test2"><ul class="nav-tabs"><button type="button" class="tab " data-href="test2-1">test2 1</button><button type="button" class="tab " data-href="test2-2">test2 2</button><button type="button" class="tab active" data-href="test2-3">test2 3</button></ul><div class="tab-contents"><div class="tab-item-content" id="test2-1"><p><strong>This is Tab 1.</strong></p></div><div class="tab-item-content" id="test2-2"><p><strong>This is Tab 2.</strong></p></div><div class="tab-item-content active" id="test2-3"><p><strong>This is Tab 3.</strong></p></div></div><div class="tab-to-top"><button type="button" aria-label="scroll to top"><i class="fas fa-arrow-up"></i></button></div></div><div class="note primary flat"><p>Demo 3 - 没有预设值</p></div><div class="tabs" id="test3"><ul class="nav-tabs no-default"><button type="button" class="tab " data-href="test3-1">test3 1</button><button type="button" class="tab " data-href="test3-2">test3 2</button><button type="button" class="tab " data-href="test3-3">test3 3</button></ul><div class="tab-contents"><div class="tab-item-content" id="test3-1"><p><strong>This is Tab 1.</strong></p></div><div class="tab-item-content" id="test3-2"><p><strong>This is Tab 2.</strong></p></div><div class="tab-item-content" id="test3-3"><p><strong>This is Tab 3.</strong></p></div></div><div class="tab-to-top"><button type="button" aria-label="scroll to top"><i class="fas fa-arrow-up"></i></button></div></div><div class="note primary flat"><p>Demo 4 - 自定义Tab名 + 只有icon + icon和Tab名</p></div><div class="tabs" id="test4"><ul class="nav-tabs"><button type="button" class="tab active" data-href="test4-1">第一个Tab</button><button type="button" class="tab " data-href="test4-2"><i class="fab fa-apple-pay" style="text-align: center;"></i></button><button type="button" class="tab " data-href="test4-3"><i class="fas fa-bomb"></i>炸弹</button></ul><div class="tab-contents"><div class="tab-item-content active" id="test4-1"><p><strong>tab名字为第一个Tab</strong></p></div><div class="tab-item-content" id="test4-2"><p><strong>只有图标 没有Tab名字</strong></p></div><div class="tab-item-content" id="test4-3"><p><strong>名字+icon</strong></p></div></div><div class="tab-to-top"><button type="button" aria-label="scroll to top"><i class="fas fa-arrow-up"></i></button></div></div></div><div class="tab-item-content" id="folding-4"><p><div class="note primary flat"><p>Demo 1 - 预设选择第一个【默认】</p></div><br><figure class="highlight markdown"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br><span class="line">11</span><br><span class="line">12</span><br><span class="line">13</span><br></pre></td><td class="code"><pre><span class="line">{% tabs test1 %}</span><br><span class="line"><!-- tab --></span><br><span class="line"><span class="strong">**This is Tab 1.**</span></span><br><span class="line"><!-- endtab --></span><br><span class="line"></span><br><span class="line"><!-- tab --></span><br><span class="line"><span class="strong">**This is Tab 2.**</span></span><br><span class="line"><!-- endtab --></span><br><span class="line"></span><br><span class="line"><!-- tab --></span><br><span class="line"><span class="strong">**This is Tab 3.**</span></span><br><span class="line"><!-- endtab --></span><br><span class="line">{% endtabs %}</span><br></pre></td></tr></table></figure></p><p><div class="note primary flat"><p>Demo 2 - 预设选择tabs</p></div><br><figure class="highlight markdown"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br><span class="line">11</span><br><span class="line">12</span><br><span class="line">13</span><br></pre></td><td class="code"><pre><span class="line">{% tabs test2, 3 %}</span><br><span class="line"><!-- tab --></span><br><span class="line"><span class="strong">**This is Tab 1.**</span></span><br><span class="line"><!-- endtab --></span><br><span class="line"></span><br><span class="line"><!-- tab --></span><br><span class="line"><span class="strong">**This is Tab 2.**</span></span><br><span class="line"><!-- endtab --></span><br><span class="line"></span><br><span class="line"><!-- tab --></span><br><span class="line"><span class="strong">**This is Tab 3.**</span></span><br><span class="line"><!-- endtab --></span><br><span class="line">{% endtabs %}</span><br></pre></td></tr></table></figure></p><p><div class="note primary flat"><p>Demo 3 - 没有预设值</p></div><br><figure class="highlight markdown"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br><span class="line">11</span><br><span class="line">12</span><br><span class="line">13</span><br></pre></td><td class="code"><pre><span class="line">{% tabs test3, -1 %}</span><br><span class="line"><!-- tab --></span><br><span class="line"><span class="strong">**This is Tab 1.**</span></span><br><span class="line"><!-- endtab --></span><br><span class="line"></span><br><span class="line"><!-- tab --></span><br><span class="line"><span class="strong">**This is Tab 2.**</span></span><br><span class="line"><!-- endtab --></span><br><span class="line"></span><br><span class="line"><!-- tab --></span><br><span class="line"><span class="strong">**This is Tab 3.**</span></span><br><span class="line"><!-- endtab --></span><br><span class="line">{% endtabs %}</span><br></pre></td></tr></table></figure></p><p><div class="note primary flat"><p>Demo 4 - 自定义Tab名 + 只有icon + icon和Tab名</p></div><br><figure class="highlight markdown"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br><span class="line">11</span><br><span class="line">12</span><br><span class="line">13</span><br></pre></td><td class="code"><pre><span class="line">{% tabs test4 %}</span><br><span class="line"><!-- tab 第一个Tab --></span><br><span class="line"><span class="strong">**tab名字为第一个Tab**</span></span><br><span class="line"><!-- endtab --></span><br><span class="line"></span><br><span class="line"><!-- tab @fab fa-apple-pay --></span><br><span class="line"><span class="strong">**只有图标 没有Tab名字**</span></span><br><span class="line"><!-- endtab --></span><br><span class="line"></span><br><span class="line"><!-- tab 炸弹@fas fa-bomb --></span><br><span class="line"><span class="strong">**名字+icon**</span></span><br><span class="line"><!-- endtab --></span><br><span class="line">{% endtabs %}</span><br></pre></td></tr></table></figure></p></div></div><div class="tab-to-top"><button type="button" aria-label="scroll to top"><i class="fas fa-arrow-up"></i></button></div></div><h2 id="数据集合-issues"><a href="#数据集合-issues" class="headerlink" title="数据集合 issues"></a>数据集合 issues</h2><script defer src="https://npm.elemecdn.com/jquery@latest/dist/jquery.min.js"></script><script defer src="https://npm.elemecdn.com/hexo-theme-volantis@4.3.1/source/js/issues.min.js"></script><div class="tabs" id="issues"><ul class="nav-tabs"><button type="button" class="tab " data-href="issues-1">标签语法</button><button type="button" class="tab " data-href="issues-2">参数配置</button><button type="button" class="tab active" data-href="issues-3">样式预览</button><button type="button" class="tab " data-href="issues-4">示例源码</button></ul><div class="tab-contents"><div class="tab-item-content" id="issues-1"><figure class="highlight markdown"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">{% issues type | api=url | group=key:value1,value2（可选） %}</span><br></pre></td></tr></table></figure></div><div class="tab-item-content" id="issues-2"><p><span class='p center logo large'>type(类型)：</span><br>根据需求不同，会将 issues 内容解析成不同的 HTML 标签，目前支持的类型有：</p><ol><li>时间轴<code>timeline</code>: 解析成<code>timeline</code>标签，<code>issue</code>的标题对应<code>timeline</code>的时间，<code>issue</code>的内容对应<code>timeline</code>的内容。</li><li><p>网站卡片<code>sites</code>: 解析成<code>sites</code>标签，需要有<code>JSON</code>代码块,各参数对应<code>sites</code>标签参数:</p><figure class="highlight json"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br></pre></td><td class="code"><pre><span class="line"><span class="punctuation">{</span></span><br><span class="line"> <span class="attr">"title"</span><span class="punctuation">:</span> <span class="string">""</span><span class="punctuation">,</span></span><br><span class="line"> <span class="attr">"screenshot"</span><span class="punctuation">:</span> <span class="string">""</span><span class="punctuation">,</span></span><br><span class="line"> <span class="attr">"url"</span><span class="punctuation">:</span> <span class="string">""</span><span class="punctuation">,</span></span><br><span class="line"> <span class="attr">"avatar"</span><span class="punctuation">:</span> <span class="string">""</span><span class="punctuation">,</span></span><br><span class="line"> <span class="attr">"description"</span><span class="punctuation">:</span> <span class="string">""</span><span class="punctuation">,</span></span><br><span class="line"> <span class="attr">"「keywords」"</span><span class="punctuation">:</span> <span class="string">""</span></span><br><span class="line"><span class="punctuation">}</span></span><br></pre></td></tr></table></figure></li></ol><div class="table-container"><table><thead><tr><th style="text-align:left">参数</th><th style="text-align:left">释义</th></tr></thead><tbody><tr><td style="text-align:left">title</td><td style="text-align:left">网站名称</td></tr><tr><td style="text-align:left">screenshot</td><td style="text-align:left">网站预览图</td></tr><tr><td style="text-align:left">url</td><td style="text-align:left">网站链接，需要添加<br><code>https://</code>协议组成完整域名。<br>否则可能被识别成站点相对路径。</td></tr><tr><td style="text-align:left">avatar</td><td style="text-align:left">站长头像</td></tr><tr><td style="text-align:left">「keywords」</td><td style="text-align:left">分组依据，<br>未必要叫「keywords」，<br>详见下文group(分组)</td></tr></tbody></table></div><p><span class='p center logo large'>api(接口)：</span><br>url为可以调的通的API，例如：<br><figure class="highlight plaintext"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br></pre></td><td class="code"><pre><span class="line">api=https://gitee.com/api/v5/repos/xaoxuu/friends/issues?sort=updated&state=open&page=1&per_page=100&labels=active</span><br><span class="line">api=https://api.github.com/repos/xaoxuu/friends/issues?sort=updated&state=open&page=1&per_page=100&labels=active</span><br></pre></td></tr></table></figure></p><div class="table-container"><table><thead><tr><th style="text-align:left">参数</th><th style="text-align:left">释义</th></tr></thead><tbody><tr><td style="text-align:left"><a href="https://gitee.com/api/v5/">https://gitee.com/api/v5/</a></td><td style="text-align:left">gitee仓库的api</td></tr><tr><td style="text-align:left"><a href="https://api.github.com/">https://api.github.com/</a></td><td style="text-align:left">github仓库的api</td></tr><tr><td style="text-align:left">repos/xaoxuu/friends/issues</td><td style="text-align:left">repos/用户名/仓库名/issues</td></tr><tr><td style="text-align:left">sort=updated&state=open</td><td style="text-align:left">界定哪些类型的<code>issues</code>会<br>被读取过来渲染成相应的标签</td></tr><tr><td style="text-align:left">page=1&per_page=100</td><td style="text-align:left">读取前100条issues</td></tr><tr><td style="text-align:left">labels=active</td><td style="text-align:left">控制默认的issue不显示，<br>只有自己审核通过<br>添加了active标签之后才会显示</td></tr></tbody></table></div><p><span class='p center logo large'>group(分组)：</span><br><code>sites</code>类型的<code>issues</code>默认不分组，如果需要分组，可指定分组依据<code>「keywords」</code>，和分组白名单<code>「value1」</code>、<code>「value2」</code>等，例如：</p><figure class="highlight yml"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br></pre></td><td class="code"><pre><span class="line"><span class="string">group=version:v4,v3,v2</span></span><br><span class="line"><span class="comment"># 此处的version就是上文中的「keywords」</span></span><br></pre></td></tr></table></figure><p>这个参数的作用就是，筛选出<code>JSON</code>中包含<code>"version": "v4"</code>或者<code>"version":"v3"</code>或者<code>"version": "v2"</code>的数据，并分组显示。</p><p><span class='p center logo large'>仓库ISSUES模板配置</span></p><details class="folding-tag" green><summary> Github仓库配置方案 </summary> <div class='content'> <ol><li><p>新建一个仓库，仓库名随意，这里我命名为<code>friend_link</code>,<br>新建文件<code>friend_link\.github\ISSUE_TEMPLATE.md</code>,<br>并在其中输入以下内容作为<code>issues</code>模板。</p><div class="tip warning faa-horizontal animated fa-slow"><p>其中的json代码块前面的反斜杠记得删去。此处这么写主要是为了转义，否则无法嵌套代码块。</p></div><figure class="highlight markdown"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br><span class="line">11</span><br><span class="line">12</span><br><span class="line">13</span><br><span class="line">14</span><br><span class="line">15</span><br><span class="line">16</span><br><span class="line">17</span><br><span class="line">18</span><br><span class="line">19</span><br><span class="line">20</span><br><span class="line">21</span><br><span class="line">22</span><br><span class="line">23</span><br><span class="line">24</span><br><span class="line">25</span><br><span class="line">26</span><br><span class="line">27</span><br><span class="line">28</span><br><span class="line">29</span><br><span class="line">30</span><br><span class="line">31</span><br><span class="line">32</span><br><span class="line">33</span><br><span class="line">34</span><br><span class="line">35</span><br><span class="line">36</span><br><span class="line">37</span><br></pre></td><td class="code"><pre><span class="line">---</span><br><span class="line">name: 友链模板</span><br><span class="line"><span class="section">about: 请根据指示规范填写友链格式。</span></span><br><span class="line"><span class="section">---</span></span><br><span class="line"></span><br><span class="line"><!-- 请在下方代码块的双引号中填写 --></span><br><span class="line">\<span class="code">```json</span></span><br><span class="line"><span class="code">{</span></span><br><span class="line"><span class="code"> "title": "",</span></span><br><span class="line"><span class="code"> "screenshot": "",</span></span><br><span class="line"><span class="code"> "url": "",</span></span><br><span class="line"><span class="code"> "avatar": "",</span></span><br><span class="line"><span class="code"> "description": "",</span></span><br><span class="line"><span class="code"> "keywords": ""</span></span><br><span class="line"><span class="code">}</span></span><br><span class="line"><span class="code">\```</span></span><br><span class="line"></span><br><span class="line"><!--</span><br><span class="line">"title": "站点名称",</span><br><span class="line">"screenshot": "站点预览图链接",</span><br><span class="line">"url": "站点链接",</span><br><span class="line">"avatar": "头像链接",</span><br><span class="line">"description": "站点描述",</span><br><span class="line">"keywords": "关键词，作为分组名"</span><br><span class="line">--></span><br><span class="line"></span><br><span class="line"><!-- 示例 --></span><br><span class="line"></span><br><span class="line"><!--</span><br><span class="line">"title": "Akilarの糖果屋",</span><br><span class="line">"screenshot": "https://cdn.jsdelivr.net/gh/Akilarlxh/ScreenShot@gh-pages/akilar.top.jpg",</span><br><span class="line">"url": "https://akilar.top/",</span><br><span class="line">"avatar": "https://npm.elemecdn.com/akilar-candyassets/image/siteicon/favicon.png",</span><br><span class="line">"description": "期待您的光临！",</span><br><span class="line">"keywords": "糖果屋"</span><br><span class="line">--></span><br><span class="line"></span><br></pre></td></tr></table></figure></li><li><p>新建active label</p><p><img src="https://npm.elemecdn.com/akilar-candyassets/image/d63b5c0c.png" alt="新建label用于控制审核结果"></p><p><img src="https://npm.elemecdn.com/akilar-candyassets/image/6311f960.png" alt="配置名称描述颜色"></p></li><li><p>提交示例</p><p><img src="https://npm.elemecdn.com/akilar-candyassets/image/f87ebfd3.png" alt="填写规范"><br><img src="https://npm.elemecdn.com/akilar-candyassets/image/efdfc67d.png" alt="审核通过"></p></li><li><p>从审核通过到页面读取有一段api的缓存期，稍微有点耐心。</p></li></ol> </div> </details><details class="folding-tag" yellow><summary> Gitee仓库配置方案 </summary> <div class='content'> <ol><li><p>新建一个仓库，仓库名随意，这里我命名为<code>friend_link</code>,<br>新建文件<code>friend_link\.gitee\ISSUE_TEMPLATE.md</code>,<br>并在其中输入以下内容作为<code>issues</code>模板。</p><div class="tip warning faa-horizontal animated fa-slow"><p>其中的json代码块前面的反斜杠记得删去。此处这么写主要是为了转义，否则无法嵌套代码块。</p></div><figure class="highlight markdown"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br><span class="line">11</span><br><span class="line">12</span><br><span class="line">13</span><br><span class="line">14</span><br><span class="line">15</span><br><span class="line">16</span><br><span class="line">17</span><br><span class="line">18</span><br><span class="line">19</span><br><span class="line">20</span><br><span class="line">21</span><br><span class="line">22</span><br><span class="line">23</span><br><span class="line">24</span><br><span class="line">25</span><br><span class="line">26</span><br><span class="line">27</span><br><span class="line">28</span><br><span class="line">29</span><br><span class="line">30</span><br><span class="line">31</span><br><span class="line">32</span><br><span class="line">33</span><br><span class="line">34</span><br><span class="line">35</span><br><span class="line">36</span><br><span class="line">37</span><br></pre></td><td class="code"><pre><span class="line">---</span><br><span class="line">name: 友链模板</span><br><span class="line"><span class="section">about: 请根据指示规范填写友链格式。</span></span><br><span class="line"><span class="section">---</span></span><br><span class="line"></span><br><span class="line"><!-- 请在下方代码块的双引号中填写 --></span><br><span class="line">\<span class="code">```json</span></span><br><span class="line"><span class="code">{</span></span><br><span class="line"><span class="code"> "title": "",</span></span><br><span class="line"><span class="code"> "screenshot": "",</span></span><br><span class="line"><span class="code"> "url": "",</span></span><br><span class="line"><span class="code"> "avatar": "",</span></span><br><span class="line"><span class="code"> "description": "",</span></span><br><span class="line"><span class="code"> "keywords": ""</span></span><br><span class="line"><span class="code">}</span></span><br><span class="line"><span class="code">\```</span></span><br><span class="line"></span><br><span class="line"><!--</span><br><span class="line">"title": "站点名称",</span><br><span class="line">"screenshot": "站点预览图链接",</span><br><span class="line">"url": "站点链接",</span><br><span class="line">"avatar": "头像链接",</span><br><span class="line">"description": "站点描述",</span><br><span class="line">"keywords": "关键词，作为分组名"</span><br><span class="line">--></span><br><span class="line"></span><br><span class="line"><!-- 示例 --></span><br><span class="line"></span><br><span class="line"><!--</span><br><span class="line">"title": "Akilarの糖果屋",</span><br><span class="line">"screenshot": "https://cdn.jsdelivr.net/gh/Akilarlxh/ScreenShot@gh-pages/akilar.top.jpg",</span><br><span class="line">"url": "https://akilar.top/",</span><br><span class="line">"avatar": "https://npm.elemecdn.com/akilar-candyassets/image/siteicon/favicon.png",</span><br><span class="line">"description": "期待您的光临！",</span><br><span class="line">"keywords": "糖果屋"</span><br><span class="line">--></span><br><span class="line"></span><br></pre></td></tr></table></figure></li><li><p>新建active标签</p><p><img src="https://npm.elemecdn.com/akilar-candyassets/image/7522911b.png" alt="新建标签用于控制审核结果"></p></li></ol><ol><li><p>提交示例</p><p><img src="https://npm.elemecdn.com/akilar-candyassets/image/dd334eea.png" alt="填写规范"><br><img src="https://npm.elemecdn.com/akilar-candyassets/image/72d06ae1.png" alt="审核通过"></p></li><li><p>从审核通过到页面读取有一段api的缓存期，稍微有点耐心。</p></li></ol> </div> </details></div><div class="tab-item-content active" id="issues-3"><ol><li><p>时间轴标签<code>timeline</code>渲染<br>对应的仓库<code>issues</code>链接:</p><div class="tag link"><a class="link-card" title="xaoxuu/timeline" href="https://gitee.com/xaoxuu/timeline/issues"><div class="left"><img src="https://cdn.jsdelivr.net/gh/xaoxuu/cdn-assets@master/logo/256/safari.png"/></div><div class="right"><p class="text">xaoxuu/timeline</p><p class="url">https://gitee.com/xaoxuu/timeline/issues</p></div></a></div><div class="issues-api timeline"api="https://gitee.com/api/v5/repos/xaoxuu/timeline/issues?state=open&creator=xaoxuu&sort=created&direction=desc&page=1&per_page=100"></div></li><li><p>网站卡片标签<code>sites</code>渲染</p><ul><li><p>gitee仓库示例</p><p>对应的仓库<code>issues</code>链接:</p><div class="tag link"><a class="link-card" title="xaoxuu/friends" href="https://gitee.com/xaoxuu/friends/issues"><div class="left"><img src="https://cdn.jsdelivr.net/gh/xaoxuu/cdn-assets@master/logo/256/safari.png"/></div><div class="right"><p class="text">xaoxuu/friends</p><p class="url">https://gitee.com/xaoxuu/friends/issues</p></div></a></div><p>渲染后的标签：</p><div class="issues-api sites"api="https://gitee.com/api/v5/repos/xaoxuu/friends/issues?sort=updated&state=open&page=1&per_page=100&labels=active"></div></li><li><p>github仓库示例</p><p>对应的仓库<code>issues</code>链接:</p><div class="tag link"><a class="link-card" title="xaoxuu/friends" href="https://github.com/xaoxuu/friends/issues"><div class="left"><img src="https://cdn.jsdelivr.net/gh/xaoxuu/cdn-assets@master/logo/256/safari.png"/></div><div class="right"><p class="text">xaoxuu/friends</p><p class="url">https://github.com/xaoxuu/friends/issues</p></div></a></div><p>渲染后的标签：</p><div class="issues-api sites"api="https://api.github.com/repos/xaoxuu/friends/issues?sort=updated&state=open&page=1&per_page=100&labels=active"></div></li></ul></li><li><p>网站卡片标签<code>sites</code>分组渲染<br>这是<code>Volantis</code>主题官网的「示例博客」页面的数据：<br>对应的仓库<code>issues</code>链接:</p><div class="tag link"><a class="link-card" title="如何参与项目" href="https://github.com/volantis-x/examples/issues"><div class="left"><img src="https://cdn.jsdelivr.net/gh/xaoxuu/cdn-assets@master/logo/256/safari.png"/></div><div class="right"><p class="text">如何参与项目</p><p class="url">https://github.com/volantis-x/examples/issues</p></div></a></div><p>渲染后的标签：</p><div class="issues-api sites"api="https://api.github.com/repos/volantis-x/examples/issues?sort=updated&state=open&page=1&per_page=100"group="version:版本：^4.0,版本：^3.0,版本：^2.0"></div></li></ol></div><div class="tab-item-content" id="issues-4"><ol><li><p>时间轴标签<code>timeline</code>渲染</p><figure class="highlight markdown"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">{% issues timeline | api=https://gitee.com/api/v5/repos/xaoxuu/timeline/issues?state=open&creator=xaoxuu&sort=created&direction=desc&page=1&per<span class="emphasis">_page=100 %}</span></span><br></pre></td></tr></table></figure></li><li><p>网站卡片标签<code>sites</code>渲染</p><ul><li><p>gitee仓库示例</p><figure class="highlight markdown"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">{% issues sites | api=https://gitee.com/api/v5/repos/xaoxuu/friends/issues?sort=updated&state=open&page=1&per<span class="emphasis">_page=100&labels=active %}</span></span><br></pre></td></tr></table></figure></li><li><p>github仓库示例</p><figure class="highlight markdown"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">{% issues sites | api=https://api.github.com/repos/xaoxuu/friends/issues?sort=updated&state=open&page=1&per<span class="emphasis">_page=100&labels=active %}</span></span><br></pre></td></tr></table></figure></li></ul></li><li><p>网站卡片标签<code>sites</code>分组渲染<br>这是<code>Volantis</code>主题官网的「示例博客」页面的数据：</p><figure class="highlight markdown"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">{% issues sites | api=https://api.github.com/repos/volantis-x/examples/issues?sort=updated&state=open&page=1&per<span class="emphasis">_page=100 | group=version:版本：^4.0,版本：^3.0,版本：^2.0 %}</span></span><br></pre></td></tr></table></figure></li></ol></div></div><div class="tab-to-top"><button type="button" aria-label="scroll to top"><i class="fas fa-arrow-up"></i></button></div></div><h2 id="诗词标签-poem"><a href="#诗词标签-poem" class="headerlink" title="诗词标签 poem"></a>诗词标签 poem</h2><div class="tabs" id="poem"><ul class="nav-tabs"><button type="button" class="tab " data-href="poem-1">标签语法</button><button type="button" class="tab " data-href="poem-2">参数配置</button><button type="button" class="tab active" data-href="poem-3">样式预览</button><button type="button" class="tab " data-href="poem-4">示例源码</button></ul><div class="tab-contents"><div class="tab-item-content" id="poem-1"><figure class="highlight markdown"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br></pre></td><td class="code"><pre><span class="line">{% poem [title],[author] %}</span><br><span class="line">诗词内容</span><br><span class="line">{% endpoem %}</span><br></pre></td></tr></table></figure></div><div class="tab-item-content" id="poem-2"><ol><li>title：诗词标题</li><li>author：作者，可以不写</li></ol></div><div class="tab-item-content active" id="poem-3"><div class='poem'><div class='poem-title'>水调歌头</div><div class='poem-author'>苏轼</div><p>明月几时有？把酒问青天。<br>不知天上宫阙，今夕是何年？<br>我欲乘风归去，又恐琼楼玉宇，高处不胜寒。<br>起舞弄清影，何似在人间？<br>转朱阁，低绮户，照无眠。<br>不应有恨，何事长向别时圆？<br>人有悲欢离合，月有阴晴圆缺，此事古难全。<br>但愿人长久，千里共婵娟。</p></div></div><div class="tab-item-content" id="poem-4"><figure class="highlight markdown"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br><span class="line">11</span><br><span class="line">12</span><br></pre></td><td class="code"><pre><span class="line">{% poem 水调歌头,苏轼 %}</span><br><span class="line">丙辰中秋，欢饮达旦，大醉，作此篇，兼怀子由。</span><br><span class="line">明月几时有？把酒问青天。</span><br><span class="line">不知天上宫阙，今夕是何年？</span><br><span class="line">我欲乘风归去，又恐琼楼玉宇，高处不胜寒。</span><br><span class="line">起舞弄清影，何似在人间？</span><br><span class="line"></span><br><span class="line">转朱阁，低绮户，照无眠。</span><br><span class="line">不应有恨，何事长向别时圆？</span><br><span class="line">人有悲欢离合，月有阴晴圆缺，此事古难全。</span><br><span class="line">但愿人长久，千里共婵娟。</span><br><span class="line">{% endpoem %}</span><br></pre></td></tr></table></figure></div></div><div class="tab-to-top"><button type="button" aria-label="scroll to top"><i class="fas fa-arrow-up"></i></button></div></div><h2 id="阿里图标-icon"><a href="#阿里图标-icon" class="headerlink" title="阿里图标 icon"></a>阿里图标 icon</h2><div class="tip cogs"><p>本标签的图标需要自己额外引入阿里矢量图标库的样式，具体引入方案请移步：<a href="/posts/d2ebecef/">Hexo引入阿里矢量图标库</a></p></div><div class="tabs" id="icon示例"><ul class="nav-tabs"><button type="button" class="tab " data-href="icon示例-1">标签语法</button><button type="button" class="tab " data-href="icon示例-2">参数释义</button><button type="button" class="tab active" data-href="icon示例-3">样式预览</button><button type="button" class="tab " data-href="icon示例-4">示例源码</button></ul><div class="tab-contents"><div class="tab-item-content" id="icon示例-1"><figure class="highlight markdown"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">{% icon [icon-xxxx],[font-size] %}</span><br></pre></td></tr></table></figure></div><div class="tab-item-content" id="icon示例-2"><ol><li><code>icon-xxxx</code>：表示图标<code>font-class</code>,可以在自己的阿里矢量图标库项目的<code>font-class</code>引用方案内查询并复制。</li><li><code>font-size</code>：表示图标大小，直接填写数字即可，单位为<code>em</code>。图标大小默认值为<code>1em</code>。</li></ol></div><div class="tab-item-content active" id="icon示例-3"><div class="table-container"><table><thead><tr><th style="text-align:left"><svg class="icon" style="width:1em; height:1em" aria-hidden="true"><use xlink:href="#icon-rat_zi"></use></svg></th><th style="text-align:left"><svg class="icon" style="width:2em; height:2em" aria-hidden="true"><use xlink:href="#icon-rat"></use></svg></th><th style="text-align:left"><svg class="icon" style="width:3em; height:3em" aria-hidden="true"><use xlink:href="#icon-ox_chou"></use></svg></th><th style="text-align:left"><svg class="icon" style="width:4em; height:4em" aria-hidden="true"><use xlink:href="#icon-ox"></use></svg></th><th style="text-align:left"><svg class="icon" style="width:5em; height:5em" aria-hidden="true"><use xlink:href="#icon-tiger_yin"></use></svg></th><th style="text-align:left"><svg class="icon" style="width:6em; height:6em" aria-hidden="true"><use xlink:href="#icon-tiger"></use></svg></th></tr></thead><tbody><tr><td style="text-align:left"><svg class="icon" style="width:1em; height:1em" aria-hidden="true"><use xlink:href="#icon-rabbit_mao"></use></svg></td><td style="text-align:left"><svg class="icon" style="width:2em; height:2em" aria-hidden="true"><use xlink:href="#icon-rabbit"></use></svg></td><td style="text-align:left"><svg class="icon" style="width:3em; height:3em" aria-hidden="true"><use xlink:href="#icon-dragon_chen"></use></svg></td><td style="text-align:left"><svg class="icon" style="width:4em; height:4em" aria-hidden="true"><use xlink:href="#icon-dragon"></use></svg></td><td style="text-align:left"><svg class="icon" style="width:5em; height:5em" aria-hidden="true"><use xlink:href="#icon-snake_si"></use></svg></td><td style="text-align:left"><svg class="icon" style="width:6em; height:6em" aria-hidden="true"><use xlink:href="#icon-snake"></use></svg></td></tr><tr><td style="text-align:left"><svg class="icon" style="width:1em; height:1em" aria-hidden="true"><use xlink:href="#icon-horse_wu"></use></svg></td><td style="text-align:left"><svg class="icon" style="width:2em; height:2em" aria-hidden="true"><use xlink:href="#icon-horse"></use></svg></td><td style="text-align:left"><svg class="icon" style="width:3em; height:3em" aria-hidden="true"><use xlink:href="#icon-goat_wei"></use></svg></td><td style="text-align:left"><svg class="icon" style="width:4em; height:4em" aria-hidden="true"><use xlink:href="#icon-goat"></use></svg></td><td style="text-align:left"><svg class="icon" style="width:5em; height:5em" aria-hidden="true"><use xlink:href="#icon-monkey_shen"></use></svg></td><td style="text-align:left"><svg class="icon" style="width:6em; height:6em" aria-hidden="true"><use xlink:href="#icon-monkey"></use></svg></td></tr><tr><td style="text-align:left"><svg class="icon" style="width:1em; height:1em" aria-hidden="true"><use xlink:href="#icon-rooster_you"></use></svg></td><td style="text-align:left"><svg class="icon" style="width:2em; height:2em" aria-hidden="true"><use xlink:href="#icon-rooster"></use></svg></td><td style="text-align:left"><svg class="icon" style="width:3em; height:3em" aria-hidden="true"><use xlink:href="#icon-dog_xu"></use></svg></td><td style="text-align:left"><svg class="icon" style="width:4em; height:4em" aria-hidden="true"><use xlink:href="#icon-dog"></use></svg></td><td style="text-align:left"><svg class="icon" style="width:5em; height:5em" aria-hidden="true"><use xlink:href="#icon-boar_hai"></use></svg></td><td style="text-align:left"><svg class="icon" style="width:6em; height:6em" aria-hidden="true"><use xlink:href="#icon-boar"></use></svg></td></tr></tbody></table></div></div><div class="tab-item-content" id="icon示例-4"><figure class="highlight markdown"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br><span class="line">11</span><br><span class="line">12</span><br><span class="line">13</span><br><span class="line">14</span><br><span class="line">15</span><br><span class="line">16</span><br><span class="line">17</span><br><span class="line">18</span><br><span class="line">19</span><br><span class="line">20</span><br><span class="line">21</span><br><span class="line">22</span><br><span class="line">23</span><br></pre></td><td class="code"><pre><span class="line">{% icon icon-rat<span class="emphasis">_zi %}{% icon icon-rat,2 %}</span></span><br><span class="line"><span class="emphasis"></span></span><br><span class="line"><span class="emphasis">{% icon icon-ox_</span>chou,3 %}{% icon icon-ox,4 %}</span><br><span class="line"></span><br><span class="line">{% icon icon-tiger<span class="emphasis">_yin,5 %}{% icon icon-tiger,6 %}</span></span><br><span class="line"><span class="emphasis"></span></span><br><span class="line"><span class="emphasis">{% icon icon-rabbit_</span>mao,1 %}{% icon icon-rabbit,2 %}</span><br><span class="line"></span><br><span class="line">{% icon icon-dragon<span class="emphasis">_chen,3 %}{% icon icon-dragon,4 %}</span></span><br><span class="line"><span class="emphasis"></span></span><br><span class="line"><span class="emphasis">{% icon icon-snake_</span>si,5 %}{% icon icon-snake,6 %}</span><br><span class="line"></span><br><span class="line">{% icon icon-horse<span class="emphasis">_wu %}{% icon icon-horse,2 %}</span></span><br><span class="line"><span class="emphasis"></span></span><br><span class="line"><span class="emphasis">{% icon icon-goat_</span>wei,3 %}{% icon icon-goat,4 %}</span><br><span class="line"></span><br><span class="line">{% icon icon-monkey<span class="emphasis">_shen,5 %}{% icon icon-monkey,6 %}</span></span><br><span class="line"><span class="emphasis"></span></span><br><span class="line"><span class="emphasis">{% icon icon-rooster_</span>you %}{% icon icon-rooster,2 %}</span><br><span class="line"></span><br><span class="line">{% icon icon-dog<span class="emphasis">_xu,3 %}{% icon icon-dog,4 %}</span></span><br><span class="line"><span class="emphasis"></span></span><br><span class="line"><span class="emphasis">{% icon icon-boar_</span>hai,5 %}{% icon icon-boar,6 %}</span><br></pre></td></tr></table></figure></div></div><div class="tab-to-top"><button type="button" aria-label="scroll to top"><i class="fas fa-arrow-up"></i></button></div></div><h2 id="特效标签wow"><a href="#特效标签wow" class="headerlink" title="特效标签wow"></a>特效标签wow</h2><div class="note blue icon-padding modern"><i class="note-icon fas fa-bullhorn"></i><p>特效标签的静态资源未添加在本帖的配置内容中（因为多为cdn配置），请移步站内教程完成相关配置：</p><div class="tag link"><a class="link-card" title="使用wowjs给博客添加动画效果" href="/posts/abab51cf/"><div class="left"><img src="https://npm.elemecdn.com/akilar-candyassets/image/siteicon/favicon.ico"/></div><div class="right"><p class="text">使用wowjs给博客添加动画效果</p><p class="url">/posts/abab51cf/</p></div></a></div></div><div class="tabs" id="animate"><ul class="nav-tabs"><button type="button" class="tab " data-href="animate-1">标签语法</button><button type="button" class="tab " data-href="animate-2">参数配置</button><button type="button" class="tab active" data-href="animate-3">样式预览</button><button type="button" class="tab " data-href="animate-4">示例源码</button></ul><div class="tab-contents"><div class="tab-item-content" id="animate-1"><figure class="highlight markdown"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br></pre></td><td class="code"><pre><span class="line">{% wow [animete],[duration],[delay],[offset],[iteration] %}</span><br><span class="line">内容</span><br><span class="line">{% endwow %}</span><br></pre></td></tr></table></figure></div><div class="tab-item-content" id="animate-2"><ol><li><code>animate</code>: 动画样式，效果详见<a href="https://animate.style/">animate.css参考文档</a></li><li><code>duration</code>: 选填项，动画持续时间，单位可以是<code>ms</code>也可以是<code>s</code>。例如<code>3s</code>，<code>700ms</code>。</li><li><code>delay</code>: 选填项，动画开始的延迟时间，单位可以是<code>ms</code>也可以是<code>s</code>。例如<code>3s</code>，<code>700ms</code>。</li><li><code>offset</code>: 选填项，开始动画的距离（相对浏览器底部）</li><li><code>iteration</code>: 选填项，动画重复的次数</li></ol><div class="note warning flat"><p>注意，后面四个虽然是选填项，但是当有跨位选填时，次序不能乱。详见示例。<br>支持嵌套其他外挂标签。</p></div></div><div class="tab-item-content active" id="animate-3"><ol><li><code>flip</code>动画效果。<div class='wow animate__flip' data-wow-duration='' data-wow-delay='' data-wow-offset='' data-wow-iteration='' > <div class="note green icon-padding modern"><i class="note-icon fas fa-fan"></i><p><code>flip</code>动画效果。</p></div></div></li><li><code>zoomIn</code>动画效果，持续<code>5s</code>，延时<code>5s</code>，离底部<code>100</code>距离时启动，重复<code>10</code>次。<div class='wow animate__zoomIn' data-wow-duration='5s' data-wow-delay='5s' data-wow-offset='100' data-wow-iteration='10' > <div class="note blue icon-padding modern"><i class="note-icon fas fa-bullhorn"></i><p><code>zoomIn</code>动画效果，持续<code>5s</code>，延时<code>5s</code>，离底部<code>100</code>距离时启动，重复<code>10</code>次</p></div></div></li><li><code>slideInRight</code>动画效果，持续<code>5s</code>，延时<code>5s</code>。<div class='wow animate__slideInRight' data-wow-duration='5s' data-wow-delay='5s' data-wow-offset='' data-wow-iteration='' > <div class="note orange icon-padding modern"><i class="note-icon fas fa-car"></i><p><code>slideInRight</code>动画效果，持续<code>5s</code>，延时<code>5s</code>。</p></div></div></li><li><code>heartBeat</code>动画效果，延时<code>5s</code>，重复<code>10</code>次。<div class='wow animate__heartBeat' data-wow-duration='' data-wow-delay='5s' data-wow-offset='' data-wow-iteration='10' > <div class="note red icon-padding modern"><i class="note-icon fas fa-battery-half"></i><p><code>heartBeat</code>动画效果，延时<code>5s</code>，重复<code>10</code>次。</p></div></div></li></ol></div><div class="tab-item-content" id="animate-4"><ol><li><code>flip</code>动画效果。<figure class="highlight markdown"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br></pre></td><td class="code"><pre><span class="line">{% wow animate<span class="strong">__flip %}</span></span><br><span class="line"><span class="strong">{% note green 'fas fa-fan' modern%}</span></span><br><span class="line"><span class="strong">`flip`动画效果。</span></span><br><span class="line"><span class="strong">{% endnote %}</span></span><br><span class="line"><span class="strong">{% endwow %}</span></span><br></pre></td></tr></table></figure></li><li><code>zoomIn</code>动画效果，持续<code>5s</code>，延时<code>5s</code>，离底部<code>100</code>距离时启动，重复<code>10</code>次。<figure class="highlight markdown"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br></pre></td><td class="code"><pre><span class="line">{% wow animate<span class="strong">__zoomIn,5s,5s,100,10 %}</span></span><br><span class="line"><span class="strong">{% note blue 'fas fa-bullhorn' modern%}</span></span><br><span class="line"><span class="strong">`zoomIn`动画效果，持续`5s`，延时`5s`，离底部`100`距离时启动，重复`10`次</span></span><br><span class="line"><span class="strong">{% endnote %}</span></span><br><span class="line"><span class="strong">{% endwow %}</span></span><br></pre></td></tr></table></figure></li><li><code>slideInRight</code>动画效果，持续<code>5s</code>，延时<code>5s</code>。<figure class="highlight markdown"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br></pre></td><td class="code"><pre><span class="line">{% wow animate<span class="strong">__slideInRight,5s,5s %}</span></span><br><span class="line"><span class="strong">{% note orange 'fas fa-car' modern%}</span></span><br><span class="line"><span class="strong">`slideInRight`动画效果，持续`5s`，延时`5s`。</span></span><br><span class="line"><span class="strong">{% endnote %}</span></span><br><span class="line"><span class="strong">{% endwow %}</span></span><br></pre></td></tr></table></figure></li><li><code>heartBeat</code>动画效果，延时<code>5s</code>，重复<code>10</code>次。此处注意不用的参数位置要留空，用逗号间隔。<figure class="highlight markdown"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br></pre></td><td class="code"><pre><span class="line">{% wow animate<span class="strong">__heartBeat,,5s,,10 %}</span></span><br><span class="line"><span class="strong">{% note red 'fas fa-battery-half' modern%}</span></span><br><span class="line"><span class="strong">`heartBeat`动画效果，延时`5s`，重复`10`次。</span></span><br><span class="line"><span class="strong">{% endnote %}</span></span><br><span class="line"><span class="strong">{% endwow %}</span></span><br></pre></td></tr></table></figure></li></ol></div></div><div class="tab-to-top"><button type="button" aria-label="scroll to top"><i class="fas fa-arrow-up"></i></button></div></div><h2 id="进度条-progress"><a href="#进度条-progress" class="headerlink" title="进度条 progress"></a>进度条 progress</h2><div class="note info morden flat"><p>进度条标签参考<a href="https://rongbuqiu.com/jdt.html">沂佰孜猫-给HEXO文章添加彩色进度条</a>。<br>源样式提取自<a href="https://zwying0814.gitbook.io/cuteen/">Cuteen</a>主题。</p></div><div class="tabs" id="progress"><ul class="nav-tabs"><button type="button" class="tab " data-href="progress-1">标签语法</button><button type="button" class="tab " data-href="progress-2">参数配置</button><button type="button" class="tab active" data-href="progress-3">样式预览</button><button type="button" class="tab " data-href="progress-4">示例源码</button></ul><div class="tab-contents"><div class="tab-item-content" id="progress-1"><figure class="highlight markdown"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">{% progress [width] [color] [text] %}</span><br></pre></td></tr></table></figure></div><div class="tab-item-content" id="progress-2"><p><code>width</code>: 0到100的阿拉伯数字<br><code>color</code>: 颜色，取值有<span class='p red'>red</span>,<span class='p yellow'>yellow</span>,<span class='p green'>green</span>,<span class='p cyan'>cyan</span>,<span class='p blue'>blue</span>,<span class='p gray'>gray</span><br><code>text</code>:进度条上的文字内容</p></div><div class="tab-item-content active" id="progress-3"><div class="progress"><div class="progress-bar-animated progress-bar progress-bar-striped bg-red" style="width: 10%" aria-valuenow="10" aria-valuemin="0" aria-valuemax="100"><p>进度条样式预览</p></div></div><div class="progress"><div class="progress-bar-animated progress-bar progress-bar-striped bg-yellow" style="width: 30%" aria-valuenow="30" aria-valuemin="0" aria-valuemax="100"><p>进度条样式预览</p></div></div><div class="progress"><div class="progress-bar-animated progress-bar progress-bar-striped bg-green" style="width: 50%" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100"><p>进度条样式预览</p></div></div><div class="progress"><div class="progress-bar-animated progress-bar progress-bar-striped bg-cyan" style="width: 70%" aria-valuenow="70" aria-valuemin="0" aria-valuemax="100"><p>进度条样式预览</p></div></div><div class="progress"><div class="progress-bar-animated progress-bar progress-bar-striped bg-blue" style="width: 90%" aria-valuenow="90" aria-valuemin="0" aria-valuemax="100"><p>进度条样式预览</p></div></div><div class="progress"><div class="progress-bar-animated progress-bar progress-bar-striped bg-gray" style="width: 100%" aria-valuenow="100" aria-valuemin="0" aria-valuemax="100"><p>进度条样式预览</p></div></div></div><div class="tab-item-content" id="progress-4"><figure class="highlight markdown"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br></pre></td><td class="code"><pre><span class="line">{% progress 10 red 进度条样式预览 %}</span><br><span class="line">{% progress 30 yellow 进度条样式预览 %}</span><br><span class="line">{% progress 50 green 进度条样式预览 %}</span><br><span class="line">{% progress 70 cyan 进度条样式预览 %}</span><br><span class="line">{% progress 90 blue 进度条样式预览 %}</span><br><span class="line">{% progress 100 gray 进度条样式预览 %}</span><br></pre></td></tr></table></figure></div></div><div class="tab-to-top"><button type="button" aria-label="scroll to top"><i class="fas fa-arrow-up"></i></button></div></div><h2 id="注释-notation"><a href="#注释-notation" class="headerlink" title="注释 notation"></a>注释 notation</h2><div class="tabs" id="notation"><ul class="nav-tabs"><button type="button" class="tab " data-href="notation-1">标签语法</button><button type="button" class="tab " data-href="notation-2">参数配置</button><button type="button" class="tab active" data-href="notation-3">样式预览</button><button type="button" class="tab " data-href="notation-4">示例源码</button></ul><div class="tab-contents"><div class="tab-item-content" id="notation-1"><figure class="highlight markdown"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">{% nota [label] , [text] %}</span><br></pre></td></tr></table></figure></div><div class="tab-item-content" id="notation-2"><p><code>label</code>: 注释词汇<br><code>text</code>: 悬停显示的注解内容</p></div><div class="tab-item-content active" id="notation-3"><p><span class='nota' data-nota='可以看到注解内容出现在顶栏'>把鼠标移动到我上面试试</span></p></div><div class="tab-item-content" id="notation-4"><figure class="highlight markdown"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">{% nota 把鼠标移动到我上面试试 ,可以看到注解内容出现在顶栏 %}</span><br></pre></td></tr></table></figure></div></div><div class="tab-to-top"><button type="button" aria-label="scroll to top"><i class="fas fa-arrow-up"></i></button></div></div><h2 id="气泡注释-bubble"><a href="#气泡注释-bubble" class="headerlink" title="气泡注释 bubble"></a>气泡注释 bubble</h2><div class="tabs" id="bubble"><ul class="nav-tabs"><button type="button" class="tab " data-href="bubble-1">标签语法</button><button type="button" class="tab " data-href="bubble-2">参数配置</button><button type="button" class="tab active" data-href="bubble-3">样式预览</button><button type="button" class="tab " data-href="bubble-4">示例源码</button></ul><div class="tab-contents"><div class="tab-item-content" id="bubble-1"><figure class="highlight markdown"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">{% bubble [content] , [notation] ,[background-color] %}</span><br></pre></td></tr></table></figure></div><div class="tab-item-content" id="bubble-2"><p><code>content</code>: 注释词汇<br><code>notation</code>: 悬停显示的注解内容<br><code>background-color</code>: 可选，气泡背景色。默认为“#71a4e3”</p></div><div class="tab-item-content active" id="bubble-3"><p>最近我学到了不少新玩意儿（虽然对很多大佬来说这些已经是旧技术了），比如 CSS 的<span class="bubble-content">兄弟相邻选择器</span><span class="bubble-notation"><span class="bubble-item" style="background-color:#71a4e3;">例如 h1 + p {margin-top:50px;}</span></span>，<span class="bubble-content">flex 布局</span><span class="bubble-notation"><span class="bubble-item" style="background-color:#ec5830;"> Flex 是 Flexible Box 的缩写，意为弹性布局 "，用来为盒状模型提供最大的灵活性"</span></span>，<span class="bubble-content">transform 变换</span><span class="bubble-notation"><span class="bubble-item" style="background-color:#1db675;"> transform 属性向元素应用 2D 或 3D 转换。该属性允许我们对元素进行旋转、缩放、移动或倾斜。</span></span>，animation 的<span class="bubble-content">贝塞尔速度曲线</span><span class="bubble-notation"><span class="bubble-item" style="background-color:#de4489;">贝塞尔曲线 (Bézier curve)，又称贝兹曲线或贝济埃曲线，是应用于二维图形应用程序的数学曲线。一般的矢量图形软件通过它来精确画出曲线，贝兹曲线由线段与节点组成，节点是可拖动的支点，线段像可伸缩的皮筋</span></span>写法，还有今天刚看到的<span class="bubble-content"> clip-path</span><span class="bubble-notation"><span class="bubble-item" style="background-color:#868fd7;">clip-path 属性使用裁剪方式创建元素的可显示区域。区域内的部分显示，区域外的隐藏。</span></span>属性。这些对我来说很新颖的概念狠狠的冲击着我以前积累起来的设计思路。</p></div><div class="tab-item-content" id="bubble-4"><figure class="highlight markdown"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">最近我学到了不少新玩意儿（虽然对很多大佬来说这些已经是旧技术了），比如CSS的{% bubble 兄弟相邻选择器,"例如 h1 + p {margin-top:50px;}" %}，{% bubble flex布局,"Flex 是 Flexible Box 的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活性","#ec5830" %}，{% bubble transform变换,"transform 属性向元素应用 2D 或 3D 转换。该属性允许我们对元素进行旋转、缩放、移动或倾斜。","#1db675" %}，animation的{% bubble 贝塞尔速度曲线,"贝塞尔曲线(Bézier curve)，又称贝兹曲线或贝济埃曲线，是应用于二维图形应用程序的数学曲线。一般的矢量图形软件通过它来精确画出曲线，贝兹曲线由线段与节点组成，节点是可拖动的支点，线段像可伸缩的皮筋","#de4489" %}写法，还有今天刚看到的{% bubble clip-path,"clip-path属性使用裁剪方式创建元素的可显示区域。区域内的部分显示，区域外的隐藏。","#868fd7" %}属性。这些对我来说很新颖的概念狠狠的冲击着我以前积累起来的设计思路。</span><br></pre></td></tr></table></figure></div></div><div class="tab-to-top"><button type="button" aria-label="scroll to top"><i class="fas fa-arrow-up"></i></button></div></div><h2 id="引用文献-reference"><a href="#引用文献-reference" class="headerlink" title="引用文献 reference"></a>引用文献 reference</h2><div class="tabs" id="bubble"><ul class="nav-tabs"><button type="button" class="tab " data-href="bubble-1">标签语法</button><button type="button" class="tab " data-href="bubble-2">参数配置</button><button type="button" class="tab active" data-href="bubble-3">样式预览</button><button type="button" class="tab " data-href="bubble-4">示例源码</button></ul><div class="tab-contents"><div class="tab-item-content" id="bubble-1"><figure class="highlight markdown"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br></pre></td><td class="code"><pre><span class="line">{% referto [id] , [literature] %}</span><br><span class="line">{% referfrom [id] , [literature] , [url] %}</span><br></pre></td></tr></table></figure></div><div class="tab-item-content" id="bubble-2"><div class="tip ban"><p>考虑到锚点跳转的特性，不建议您将引用出处标签referfrom写在常隐外挂标签(如folding、tab、hideToggle)中，这样能有效避免跳转失败。</p></div><ol><li><p>referto 引用上标<br><code>id</code>: 上标序号内容，需与referfrom标签的id对应才能实现跳转<br><code>literature</code>: 引用的参考文献名称</p></li><li><p>referfrom 引用出处<br><code>id</code>: 序号内容，需与referto标签的id对应才能实现跳转<br><code>literature</code>: 引用的参考文献名称<br><code>url</code>: 引用的参考文献链接，可省略</p></li></ol></div><div class="tab-item-content active" id="bubble-3"><p>Akilarの糖果屋(akilar.top)是一个私人性质的博客<span class="hidden-anchor" id="referto_[1]"></span><sup class="reference"><a href="#referfrom_[1]" data-pjax-state="">[1]</a></sup><span class="reference-bubble"><span class="reference-item"><span class="reference-literature">Akilarの糖果屋群聊简介</span><span class="reference-title">参考资料</span></span></span>，从各类教程至生活点滴，无话不谈。建群的目的是提供一个闲聊的场所。博客采用Hexo框架<span class="hidden-anchor" id="referto_[2]"></span><sup class="reference"><a href="#referfrom_[2]" data-pjax-state="">[2]</a></sup><span class="reference-bubble"><span class="reference-item"><span class="reference-literature">Hexo中文文档</span><span class="reference-title">参考资料</span></span></span>，Butterfly主题<span class="hidden-anchor" id="referto_[3]"></span><sup class="reference"><a href="#referfrom_[3]" data-pjax-state="">[3]</a></sup><span class="reference-bubble"><span class="reference-item"><span class="reference-literature">Butterfly 安装文档(一) 快速开始</span><span class="reference-title">参考资料</span></span></span></p><p>本项目参考了Volantis<span class="hidden-anchor" id="referto_[4]"></span><sup class="reference"><a href="#referfrom_[4]" data-pjax-state="">[4]</a></sup><span class="reference-bubble"><span class="reference-item"><span class="reference-literature">hexo-theme-volantis 标签插件</span><span class="reference-title">参考资料</span></span></span>的标签样式。引入<code>[tag].js</code>，并针对<code>butterfly</code>主题修改了相应的<code>[tag].styl</code>。在此鸣谢<code>Volantis</code>主题众开发者。<br>主要参考内容包括各个volantis的内置标签插件文档<span class="hidden-anchor" id="referto_[5]"></span><sup class="reference"><a href="#referfrom_[5]" data-pjax-state="">[5]</a></sup><span class="reference-bubble"><span class="reference-item"><span class="reference-literature">Volantis文档:内置标签插件</span><span class="reference-title">参考资料</span></span></span><br>Butterfly主题的各个衍生魔改<span class="hidden-anchor" id="referto_[6]"></span><sup class="reference"><a href="#referfrom_[6]" data-pjax-state="">[6]</a></sup><span class="reference-bubble"><span class="reference-item"><span class="reference-literature">Butterfly 安装文档:标签外挂（Tag Plugins</span><span class="reference-title">参考资料</span></span></span><span class="hidden-anchor" id="referto_[7]"></span><sup class="reference"><a href="#referfrom_[7]" data-pjax-state="">[7]</a></sup><span class="reference-bubble"><span class="reference-item"><span class="reference-literature">小弋の生活馆全样式预览</span><span class="reference-title">参考资料</span></span></span><span class="hidden-anchor" id="referto_[8]"></span><sup class="reference"><a href="#referfrom_[8]" data-pjax-state="">[8]</a></sup><span class="reference-bubble"><span class="reference-item"><span class="reference-literature">l-lin-font-awesome-animation</span><span class="reference-title">参考资料</span></span></span><span class="hidden-anchor" id="referto_[9]"></span><sup class="reference"><a href="#referfrom_[9]" data-pjax-state="">[9]</a></sup><span class="reference-bubble"><span class="reference-item"><span class="reference-literature">小康的butterfly主题使用文档</span><span class="reference-title">参考资料</span></span></span></p><div class="reference-source"><span class="hidden-anchor" id="referfrom_[1]"></span><a class="reference-anchor" href="#referto_[1]">[1]<div class="reference-anchor-up fa-solid fa-angles-up"></div></a><a class="reference-link" href="https://jq.qq.com/?_wv=1027&k=pGLB2C0N">Akilarの糖果屋群聊简介</a></div><div class="reference-source"><span class="hidden-anchor" id="referfrom_[2]"></span><a class="reference-anchor" href="#referto_[2]">[2]<div class="reference-anchor-up fa-solid fa-angles-up"></div></a><a class="reference-link" href="https://hexo.io/zh-cn/docs/">Hexo中文文档</a></div><div class="reference-source"><span class="hidden-anchor" id="referfrom_[3]"></span><a class="reference-anchor" href="#referto_[3]">[3]<div class="reference-anchor-up fa-solid fa-angles-up"></div></a><a class="reference-link" href="https://butterfly.js.org/posts/21cfbf15/">Butterfly 安装文档(一) 快速开始</a></div><div class="reference-source"><span class="hidden-anchor" id="referfrom_[4]"></span><a class="reference-anchor" href="#referto_[4]">[4]<div class="reference-anchor-up fa-solid fa-angles-up"></div></a><a class="reference-link" href="https://volantis.js.org/v5/tag-plugins/">hexo-theme-volantis 标签插件</a></div><div class="reference-source"><span class="hidden-anchor" id="referfrom_[5]"></span><a class="reference-anchor" href="#referto_[5]">[5]<div class="reference-anchor-up fa-solid fa-angles-up"></div></a><a class="reference-link" href="https://volantis.js.org/tag-plugins/">Volantis文档:内置标签插件</a></div><div class="reference-source"><span class="hidden-anchor" id="referfrom_[6]"></span><a class="reference-anchor" href="#referto_[6]">[6]<div class="reference-anchor-up fa-solid fa-angles-up"></div></a><a class="reference-link" href="https://butterfly.js.org/posts/4aa8abbe/#%E6%A8%99%E7%B1%A4%E5%A4%96%E6%8E%9B%EF%BC%88Tag-Plugins%EF%BC%89">Butterfly 安装文档:标签外挂（Tag Plugins</a></div><div class="reference-source"><span class="hidden-anchor" id="referfrom_[7]"></span><a class="reference-anchor" href="#referto_[7]">[7]<div class="reference-anchor-up fa-solid fa-angles-up"></div></a><a class="reference-link" href="https://lovelijunyi.gitee.io/posts/c898.html">小弋の生活馆全样式预览</a></div><div class="reference-source"><span class="hidden-anchor" id="referfrom_[8]"></span><a class="reference-anchor" href="#referto_[8]">[8]<div class="reference-anchor-up fa-solid fa-angles-up"></div></a><a class="reference-link" href="https://github.com/l-lin/font-awesome-animation">l-lin-font-awesome-animation</a></div><div class="reference-source"><span class="hidden-anchor" id="referfrom_[9]"></span><a class="reference-anchor" href="#referto_[9]">[9]<div class="reference-anchor-up fa-solid fa-angles-up"></div></a><a class="reference-link" href="https://www.antmoe.com/posts/3b43914f/">小康的butterfly主题使用文档</a></div></div><div class="tab-item-content" id="bubble-4"><figure class="highlight markdown"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br><span class="line">11</span><br><span class="line">12</span><br><span class="line">13</span><br><span class="line">14</span><br><span class="line">15</span><br><span class="line">16</span><br><span class="line">17</span><br></pre></td><td class="code"><pre><span class="line">Akilarの糖果屋(akilar.top)是一个私人性质的博客{% referto '[1]','Akilarの糖果屋群聊简介' %}，从各类教程至生活点滴，无话不谈。建群的目的是提供一个闲聊的场所。博客采用Hexo框架{% referto '[2]','Hexo中文文档' %}，Butterfly主题{% referto '[3]','Butterfly 安装文档(一) 快速开始' %}</span><br><span class="line"></span><br><span class="line">本项目参考了Volantis{% referto '[4]','hexo-theme-volantis 标签插件' %}的标签样式。引入<span class="code">`[tag].js`</span>，并针对<span class="code">`butterfly`</span>主题修改了相应的<span class="code">`[tag].styl`</span>。在此鸣谢<span class="code">`Volantis`</span>主题众开发者。</span><br><span class="line">主要参考内容包括各个volantis的内置标签插件文档{% referto '[5]','Volantis文档:内置标签插件' %}</span><br><span class="line">Butterfly主题的各个衍生魔改{% referto '[6]','Butterfly 安装文档:标签外挂（Tag Plugins' %}{% referto '[7]','小弋の生活馆全样式预览' %}{% referto '[8]','l-lin-font-awesome-animation' %}{% referto '[9]','小康的butterfly主题使用文档' %}</span><br><span class="line"></span><br><span class="line"></span><br><span class="line"></span><br><span class="line">{% referfrom '[1]','Akilarの糖果屋群聊简介','https://jq.qq.com/?<span class="emphasis">_wv=1027&k=pGLB2C0N' %}</span></span><br><span class="line"><span class="emphasis">{% referfrom '[2]','Hexo中文文档','https://hexo.io/zh-cn/docs/' %}</span></span><br><span class="line"><span class="emphasis">{% referfrom '[3]','Butterfly 安装文档(一) 快速开始','https://butterfly.js.org/posts/21cfbf15/' %}</span></span><br><span class="line"><span class="emphasis">{% referfrom '[4]','hexo-theme-volantis 标签插件','https://volantis.js.org/v5/tag-plugins/' %}</span></span><br><span class="line"><span class="emphasis">{% referfrom '[5]','Volantis文档:内置标签插件','https://volantis.js.org/tag-plugins/' %}</span></span><br><span class="line"><span class="emphasis">{% referfrom '[6]','Butterfly 安装文档:标签外挂（Tag Plugins','https://butterfly.js.org/posts/4aa8abbe/#%E6%A8%99%E7%B1%A4%E5%A4%96%E6%8E%9B%EF%BC%88Tag-Plugins%EF%BC%89' %}</span></span><br><span class="line"><span class="emphasis">{% referfrom '[7]','小弋の生活馆全样式预览','https://lovelijunyi.gitee.io/posts/c898.html' %}</span></span><br><span class="line"><span class="emphasis">{% referfrom '[8]','l-lin-font-awesome-animation','https://github.com/l-lin/font-awesome-animation' %}</span></span><br><span class="line"><span class="emphasis">{% referfrom '[9]','小康的butterfly主题使用文档','https://www.antmoe.com/posts/3b43914f/' %}</span></span><br></pre></td></tr></table></figure></div></div><div class="tab-to-top"><button type="button" aria-label="scroll to top"><i class="fas fa-arrow-up"></i></button></div></div><h2 id="旋转相册-carousel"><a href="#旋转相册-carousel" class="headerlink" title="旋转相册 carousel"></a>旋转相册 carousel</h2><div class="tip warning"><p>旋转相册标签与fancybox灯箱存在兼容性bug，若发现旋转相册呈扁平状，请关闭fancybox或换用medium_zoom。</p></div><div class="tabs" id="notation"><ul class="nav-tabs"><button type="button" class="tab " data-href="notation-1">标签语法</button><button type="button" class="tab " data-href="notation-2">参数配置</button><button type="button" class="tab active" data-href="notation-3">样式预览</button><button type="button" class="tab " data-href="notation-4">示例源码</button></ul><div class="tab-contents"><div class="tab-item-content" id="notation-1"><figure class="highlight markdown"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br></pre></td><td class="code"><pre><span class="line">{% carousel [Id] , [name] %}</span><br><span class="line">![](<span class="link">/img/1.jpg</span>)</span><br><span class="line">![](<span class="link">/img/2.jpg</span>)</span><br><span class="line">![](<span class="link">/img/3,jpg</span>)</span><br><span class="line">{% endcarousel %}</span><br></pre></td></tr></table></figure></div><div class="tab-item-content" id="notation-2"><p><code>Id</code>: 相册唯一ID，用于监测相册鼠标动作。禁止使用中文。同一页内不得出现相同ID的carousel相册。<br><code>name</code>: 相册中间显示的内容，建议用英文单引号包裹。</p></div><div class="tab-item-content active" id="notation-3"><p><div id="SF" class="carousel"></p><p><div id="SF-drag-container" class="drag-container"></p><p><div id="SF-spin-container" class="spin-container"><br><img src="https://npm.elemecdn.com/akilar-candyassets/image/20200907110444226.png"><br><br><img src="https://npm.elemecdn.com/akilar-candyassets/image/20200907110508327.png"><br><br><img src="https://npm.elemecdn.com/akilar-candyassets/image/20200907110525753.png"><br><br><img src="https://npm.elemecdn.com/akilar-candyassets/image/20200907110600751.png"><br><br><img src="https://npm.elemecdn.com/akilar-candyassets/image/20200907110621554.png"><br><br><img src="https://npm.elemecdn.com/akilar-candyassets/image/20200907110637459.png" ><br><br><img src="https://npm.elemecdn.com/akilar-candyassets/image/20200907110654150.png"><br><br><img src="https://npm.elemecdn.com/akilar-candyassets/image/20200907110707916.png"><br><br><img src="https://npm.elemecdn.com/akilar-candyassets/image/20200907110719787.png"><br><br><img src="https://npm.elemecdn.com/akilar-candyassets/image/20200907110731118.png"></p><p><p>strike freedom</p></p><p><div id="SF-carousel-ground" class="carousel-ground" style="width: 720px; height: 720px;"></div></div><script type="text/javascript">carouselinit('SF');</script></p></div><div class="tab-item-content" id="notation-4"><figure class="highlight markdown"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br><span class="line">11</span><br><span class="line">12</span><br></pre></td><td class="code"><pre><span class="line">{% carousel 'SF','strike freedom' %}</span><br><span class="line">![](<span class="link">https://npm.elemecdn.com/akilar-candyassets/image/20200907110444226.png</span>)</span><br><span class="line">![](<span class="link">https://npm.elemecdn.com/akilar-candyassets/image/20200907110508327.png</span>)</span><br><span class="line">![](<span class="link">https://npm.elemecdn.com/akilar-candyassets/image/20200907110525753.png</span>)</span><br><span class="line">![](<span class="link">https://npm.elemecdn.com/akilar-candyassets/image/20200907110600751.png</span>)</span><br><span class="line">![](<span class="link">https://npm.elemecdn.com/akilar-candyassets/image/20200907110621554.png</span>)</span><br><span class="line">![](<span class="link">https://npm.elemecdn.com/akilar-candyassets/image/20200907110637459.png</span>)</span><br><span class="line">![](<span class="link">https://npm.elemecdn.com/akilar-candyassets/image/20200907110654150.png</span>)</span><br><span class="line">![](<span class="link">https://npm.elemecdn.com/akilar-candyassets/image/20200907110707916.png</span>)</span><br><span class="line">![](<span class="link">https://npm.elemecdn.com/akilar-candyassets/image/20200907110719787.png</span>)</span><br><span class="line">![](<span class="link">https://npm.elemecdn.com/akilar-candyassets/image/20200907110731118.png</span>)</span><br><span class="line">{% endcarousel %}</span><br></pre></td></tr></table></figure></div></div><div class="tab-to-top"><button type="button" aria-label="scroll to top"><i class="fas fa-arrow-up"></i></button></div></div>]]></content>
</entry>
<entry>
<title>音乐</title>
<link href="/2020/03/24/%E9%9F%B3%E4%B9%90/"/>
<url>/2020/03/24/%E9%9F%B3%E4%B9%90/</url>
<content type="html"><![CDATA[<link rel="stylesheet" class="aplayer-secondary-style-marker" href="\assets\css\APlayer.min.css"><script src="\assets\js\APlayer.min.js" class="aplayer-secondary-script-marker"></script><p>暂时没有分享的音乐，后续有时间再分享。</p>]]></content>
<categories>
<category> 音乐分享 </category>
</categories>
</entry>
</search>