-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathatom.xml
More file actions
397 lines (219 loc) · 88.9 KB
/
Copy pathatom.xml
File metadata and controls
397 lines (219 loc) · 88.9 KB
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
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
<?xml version="1.0" encoding="utf-8"?>
<feed xmlns="http://www.w3.org/2005/Atom">
<title>时过境迁Wayne博客</title>
<link href="/atom.xml" rel="self"/>
<link href="https://www.wr0926.ml/"/>
<updated>2020-09-17T14:28:13.047Z</updated>
<id>https://www.wr0926.ml/</id>
<author>
<name>时过境迁Wayne</name>
</author>
<generator uri="https://hexo.io/">Hexo</generator>
<entry>
<title>图床的千层套路</title>
<link href="https://www.wr0926.ml/p/eb490c73/"/>
<id>https://www.wr0926.ml/p/eb490c73/</id>
<published>2020-09-17T13:54:41.000Z</published>
<updated>2020-09-17T14:28:13.047Z</updated>
<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><script class="meting-secondary-script-marker" src="\assets\js\Meting.min.js"></script><div class="tip">本文转载于CYF    原文👉 <a href="https://blog.cyfan.top/p/eb490c73.html" style="color:white;"> 图床的千层套路</a></div><blockquote><p> 博客最近在细心打磨终于上95分了，其中我认为图片功劳不可没。<img src="https://rmt.dogedoge.com/fetch/hi-c-oss/storage/cUEQrVYGFiDjqhy.jpg"></p></blockquote><p>2020年8月9日<a href="https://github.com/jsdelivr/jsdelivr/pull/18247/files">Jsdelivr发布了一次使用政策：Create Acceptable Use Policy</a>，其中第4条Prohibited Use引起了众多议论：</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><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"><span class="bullet">4.</span> Prohibited Use</span><br><span class="line"></span><br><span class="line">The following behavior is prohibited:</span><br><span class="line"></span><br><span class="line"><span class="bullet"> 1.</span> Hosting or accessing content that:</span><br><span class="line"><span class="bullet"> -</span> contains malware or harmful code in any form,</span><br><span class="line"><span class="bullet"> -</span> violates proprietary rights of others,</span><br><span class="line"><span class="bullet"> -</span> is sexually explicit,</span><br><span class="line"><span class="bullet"> -</span> is potentially illegal in the EU or the USA.</span><br><span class="line"></span><br><span class="line"><span class="bullet"> 2.</span> Abusing the service and its resources, or using jsDelivr as a general-purpose</span><br><span class="line"><span class="code"> file or media hosting service. This includes, for example:</span></span><br><span class="line"><span class="code"> - running an image hosting website and using jsDelivr as a storage for all</span></span><br><span class="line"><span class="code"> uploaded images,</span></span><br><span class="line"><span class="code"> - hosting videos, file backups, or other files in large quantities.</span></span><br><span class="line"><span class="code"></span></span><br><span class="line"><span class="code"> We recognize that there are legitimate projects that consist of a large number</span></span><br><span class="line"><span class="code"> of files, and these are not considered abuse. For example: icons packs, apps,</span></span><br><span class="line"><span class="code"> or games with a large number of assets.</span></span><br><span class="line"><span class="code"></span></span><br></pre></td></tr></table></figure><p>其中<code>running an image hosting website and using jsDelivr as a storage for all uploaded images</code> 这一句相当的有歧义，要多少的图片才能算是图站？博客里面图片放里面算吗？上传的图片怎样才不行？<img src="https://rmt.dogedoge.com/fetch/hi-c-oss/storage/TlAGjm6IvJSMVpq.jpg"></p><p>反观网上流传的白嫖Github做图床，基本点进去都是<code>https://cdn.jsdelivr.net/gh/</code> 这样子的图床，这种行为，我不敢妄加评论。但是，jsdelivr诞生的意义似乎并不是为了图床而生的，这种行为也很难判断成滥用。<img src="https://rmt.dogedoge.com/fetch/hi-c-oss/storage/5896ece29a8e0.jpg"></p><p>使用政策发布之后，一时间，QQ群、v2ex、知乎上立刻就炸了锅。很多人猜测jsdelivr是不是滥用过度而禁止将其作为图床？免费图床的白嫖日子要结束了吗？更多的人，是在哭诉和询问那里还有像jsd一样优秀的<strong>图床</strong>可以白嫖，微博炸了，那里还有免费图床啊？</p><p>实际上，我一般采用的是<code>BackBlaze+CloudFlare</code> 但是自从八月底移动开始改道，从原先优秀的CMI绕路LAX后，国内CloudFlare访问质量再次暴跌，这不得不使我将博客迁至Vercel。好在八月份我有幸申请到了<code>doegdoge图床</code>使用权限，获得了国内较高速的图床.</p><p>但是，对于哪些没有没有图床的人来说，免费图床真的这么难以获得吗？</p><p>不好意思，<strong>免费图床非常多</strong>，只是你不会用而已，这篇文章，就是拯救面前陷入图床危机的你【当然是面向小白，大佬也可以在底下给我提意见鸭】。<img src="https://rmt.dogedoge.com/fetch/hi-c-oss/storage/stick_56.png"></p><h1 id="公益图床"><a href="#公益图床" class="headerlink" title="公益图床"></a>公益图床</h1><h2 id="sm-ms"><a href="#sm-ms" class="headerlink" title="sm.ms"></a>sm.ms</h2><p><a href="https://sm.ms/">https://sm.ms</a></p><p>推荐程度：★</p><p>首先推荐的是这个图床，loli.net域名经典重现。三年前此图床域名还有备案采用的是国内CDN，可惜后来因为滥用吊销备案号而被迫迁移国外，用的是CloudFlare。实际使用效果面向国内确实不太好，建议备用。</p><p>你不需要注册，拖拽直接上传，只要不违反大陆和香港法律，他就能永久保留你的图片</p><p><img src="https://i.loli.net/2020/09/12/OxvnMBwd3VA8uyD.jpg"></p><p>可搭配PicGo</p><h2 id="Imgur"><a href="#Imgur" class="headerlink" title="Imgur"></a>Imgur</h2><p><a href="https://imgur.com/">https://imgur.com</a></p><p>推荐程度：★★</p><p>国外一家牛逼的图片托管服务商，你可以选择注册或不注册，同样的，拖拽上传，永久保留，其SLA有着相当高的保证。</p><p>然而很可惜的是，这种网站很早就在国内被<strong>DNS域名污染</strong>，也就意味着访客无法正常加载你的图片。这也就是被打为两颗星的原因。<img src="https://rmt.dogedoge.com/fetch/hi-c-oss/storage/%E4%B8%8D%E8%AF%B4%E8%AF%9D.png"></p><p>当然，你也可以通过<a href="#%E5%9B%BE%E5%83%8F%E7%BC%93%E5%AD%98%E6%9C%8D%E5%8A%A1">#图像缓存服务</a> 从而实现国内访问。</p><p>可搭配PicGo【需注册】</p><h2 id="去不图床"><a href="#去不图床" class="headerlink" title="去不图床"></a>去不图床</h2><p><a href="https://7bu.top/">https://7bu.top/</a></p><p>推荐程度：★★★★</p><p>由<a href="https://dusays.com/241/">杜老师</a>提供的个人公益图床，存储于阿里和腾讯的COS，官方保证SLA>=99%，是一个不错的选择，当然，7bu毕竟是个人维护的图床，能不能永久撑下去还是个问题，我也没有做过深度评测，无法表明其可用性。</p><p>可搭配PicGo。</p><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></pre></td><td class="code"><pre><span class="line"><span class="string">接口地址：https://7bu.top/api/upload</span></span><br><span class="line"><span class="string">post参数：image</span></span><br><span class="line"><span class="string">回调json：data.url</span></span><br></pre></td></tr></table></figure><p><a href="https://7bu.top/index/api.html">更准确的API文档</a></p><p><img src="https://7.dusays.com/2020/09/13/aa555748a9f38.jpg"></p><blockquote><p><del>而且，就在我上传测试图片的时候，明明已经表明图片已经上传，打开却发现COS提示404，这一点我不得陷入思考，个人维持的公益项目真的能保证SLA吗？<img src="https://rmt.dogedoge.com/fetch/hi-c-oss/storage/%E4%BE%BF%E4%BE%BF.png"></del></p></blockquote><blockquote><p>昨天上传的时候撞上服务器维修了，很抱歉做出了不够恰当的评价.7bu采用的是全国腾讯云CDN加速，国内访问速度十分优良。然而请注意，7bu刚开始建立的目的并不是面向全球【仅面对中国大陆游客】，这导致其大陆以外基本解析至国内西藏腾讯，访问效果并不好。并且，这是通过腾讯云的鉴黄，可能会存在误杀行为。具体使用请个人斟酌【不过作为开发环境还是可行的】。</p></blockquote><h1 id="白嫖的"><a href="#白嫖的" class="headerlink" title="白嫖的"></a>白嫖的</h1><h2 id="阿里图床"><a href="#阿里图床" class="headerlink" title="阿里图床"></a>阿里图床</h2><p>推荐程度：★★★★</p><p>我个人搭建的API：<a href="https://picbed.cyfan.top/">https://picbed.cyfan.top</a> 不保证上传SLA<img src="https://rmt.dogedoge.com/fetch/hi-c-oss/storage/5c53ce897ab55.jpg"></p><p>由于小鸡联通国内网络不太好，很有可能无法正常上传，<a href="https://github.com/ChenYFan-Tester/Alibaba_pic">原项目已经开源</a> ，你完全可以通过在国内的机子或者是本地搭建以获得更佳体验。</p><p>如果上传成功了，图片将会托管于阿里云的CDN，无论是速度还是延迟都相当的优秀。</p><p>官方大厂，下载SLA有保障。</p><p>可搭配PicGo。</p><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></pre></td><td class="code"><pre><span class="line"><span class="string">接口地址：https://picbed.cyfan.top/update.php</span></span><br><span class="line"><span class="string">post参数：file</span></span><br><span class="line"><span class="string">回调json：data.url</span></span><br></pre></td></tr></table></figure><h2 id="DogeDoge图床"><a href="#DogeDoge图床" class="headerlink" title="DogeDoge图床"></a>DogeDoge图床</h2><p>推荐程度：★★★★★</p><p><img src="https://rmt.dogedoge.com/fetch/hi-c-oss/storage/20200912192303.jpg" alt="TEST"></p><p>其实很早就看到<a href="https://v2ex.com/t/659652">V2EX的那篇征文了</a>：</p><p><img src="https://rmt.dogedoge.com/fetch/hi-c-oss/storage/20200912190301.png?q=45"></p><p>可是当时我不够优秀啊<span class="heimu">虽然现在同样不优秀</span>，博客也没满一年啊，于是白嫖的心态搁浅了。<img src="https://rmt.dogedoge.com/fetch/hi-c-oss/storage/5896e8a408253.jpg"></p><p>后来突然看到<a href="https://blog.jalenchuh.cn/" content="nofollow">Jalen的博客</a>也用了DogeDoge图床，这才突然意识到原来我已经满一年了。于是抱着试试看的心态向doge官方邮箱发送了邮件，结果真过了。。。</p><p>dogedoge拥有着国内相当不错的CDN，国内访问飞快，但是国外的访问质量的确不如人意。【反正此博客面向中国大陆】</p><p>而且，DogeDoge拥有着很良心的处理参数：</p><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="string">w：宽</span></span><br><span class="line"><span class="string">h：高</span></span><br><span class="line"><span class="string">mode：模式</span> <span class="bullet">-</span> <span class="string">crop</span> <span class="string">裁剪、clip</span> <span class="string">缩略</span></span><br><span class="line"><span class="string">fmt：格式</span> <span class="bullet">-</span> <span class="string">jpg、png、webp（原图为</span> <span class="string">gif，且没有</span> <span class="string">frame</span> <span class="string">参数时，不做任何裁切、缩略处理）</span></span><br><span class="line"><span class="string">frame：1</span> <span class="bullet">-</span> <span class="string">EOF帧，默认为</span> <span class="number">1</span> <span class="string">（对动画有效）</span></span><br><span class="line"><span class="string">q：压缩质量</span> <span class="bullet">-</span> <span class="number">1</span> <span class="bullet">-</span> <span class="number">100</span><span class="string">（默认</span> <span class="number">90</span> <span class="string">）</span></span><br><span class="line"><span class="string">rect：指定位置裁剪</span> <span class="bullet">-</span> <span class="string">top,left,w,h（若与</span> <span class="string">w</span> <span class="string">/</span> <span class="string">h</span> <span class="string">参数同时存在，则</span> <span class="string">会在</span> <span class="string">rect</span> <span class="string">裁剪过后，继续按照</span> <span class="string">w</span> <span class="string">/</span> <span class="string">h</span> <span class="string">的要求缩略）</span></span><br><span class="line"><span class="string">pos：（配合</span> <span class="string">w</span> <span class="string">/</span> <span class="string">h</span> <span class="string">）裁剪位置</span> <span class="bullet">-</span> <span class="string">top-left、top、top-right、left、center、right、bottom-left、bottom、bottom-right，默认为center</span></span><br><span class="line"><span class="string">pos</span> <span class="string">还有一个特殊的值</span> <span class="string">auto，该值目前为</span> <span class="string">alpha</span> <span class="string">状态，可以根据图片重点来进行</span> <span class="string">pos</span> <span class="string">的位置取舍。</span></span><br></pre></td></tr></table></figure><p>当然，DogeDoge也可以搭配PicGo使用。</p><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></pre></td><td class="code"><pre><span class="line"><span class="string">接口地址：https://www.dogedoge.com/tools/upload/{Your_Token}</span></span><br><span class="line"><span class="string">post参数：file</span></span><br><span class="line"><span class="string">回调json：data.o_url</span></span><br></pre></td></tr></table></figure><p>当然，现在的Doge图床还是处于免费的试用期【Creater】，不过好在试用期过后价格也比较合理，一般的tester也足够使用，目前看来SLA还是不错的。</p><p>当然，申请不到dogedoge图床也没关系，看下去你就会发现，白嫖的路千千万万，何必执着于一条。<img src="https://rmt.dogedoge.com/fetch/hi-c-oss/storage/stick_34.png"></p><p><img src="https://rmt.dogedoge.com/fetch/hi-c-oss/storage/20200912205753.png?q=45"></p><h2 id="BackBlaze"><a href="#BackBlaze" class="headerlink" title="BackBlaze"></a>BackBlaze</h2><p>推荐程度：★★★</p><p>具体可以看看<a href="/2020/07/09/free-10GB-oss-poweredby-backblaze/">这篇文章</a></p><h2 id="千奇百怪的"><a href="#千奇百怪的" class="headerlink" title="千奇百怪的"></a>千奇百怪的</h2><h2 id="Github-JSDelivr"><a href="#Github-JSDelivr" class="headerlink" title="Github+JSDelivr"></a>Github+JSDelivr</h2><p>正如我所说的，这种组合已经被广大博主所采纳，并且网上教程已经泛滥了，在这里不再阐述。</p><h2 id="npm-JSDelivr-amp-amp-Zhimg-amp-amp-bdstatic-amp-amp-自定义镜像"><a href="#npm-JSDelivr-amp-amp-Zhimg-amp-amp-bdstatic-amp-amp-自定义镜像" class="headerlink" title="npm+JSDelivr&&Zhimg&&bdstatic&&自定义镜像"></a>npm+JSDelivr&&Zhimg&&bdstatic&&自定义镜像</h2><p>推荐程度：★★★★★</p><p>为什么很多文章都没有提到用npm做图床？我想其中很大的原因是，白嫖jsd做图床的，很多都是小白【或者不愿花时间在于此的大佬】，同样的，这些文章面向的都是这些人，毕竟，以拖拽方式上传的Github和命令行方式上传，我想，大都数人会选择前者吧。</p><p>可是，你们没有想到的是，github文件镜像【github.com.cnpmjs.org是站点镜像】只有jsd一个，npm镜像可远远不止这一个啊！</p><p>让我们看看分别镜像在jsd、zhimg、bdstatic的文件怎么样：</p><p><img src="https://cdn.jsdelivr.net/npm/chenyfan-oss@0.0.1/1.jpg"></p><p><img src="https://unpkg.zhimg.com/chenyfan-oss@0.0.1/2.jpg"></p><p><img src="https://code.bdstatic.com/npm/chenyfan-oss@0.0.1/3.jpg"></p><p>【unpkg镜像用的是CloudFlare，国内加速效果不好，暂时不写】</p><p>jsd就不必多说了，国内拥有强劲的网宿节点支撑【虽然以前出现过网宿下游投毒】，速度丝滑无比，国外也有强劲的CloudFlare上岗，可谓国内外两不误。而且，jsd对于npm的package单文件没有大小限制，也就是说泡个视频也不是问题。</p><p>zhimg是知乎的unpkg镜像，也是一个不错的选择【阿里CDN】，知乎官方也未对此做出限制，日常使用是可以的。</p><p>bdstatic是百度的内用npm镜像，速度也很好【百度CDN】，但是请注意，bdstatic作为内用cdn，其拉取频率较慢，经常出现无法及时更新。</p><p>啊哈？不会上传？<br><img src="https://rmt.dogedoge.com/fetch/hi-c-oss/storage/stick_31.png">去<a href="https://npmjs.org/">npm</a><br>官网注册个账号去,然后先：</p><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 login</span><br></pre></td></tr></table></figure><p>接着：</p><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 init</span><br><span class="line">npm publish</span><br></pre></td></tr></table></figure><p>请注意，如果你之前用过淘宝镜像，那么请先手动切回源：</p><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 config <span class="built_in">set</span> registry https://registry.npmjs.org</span><br></pre></td></tr></table></figure><p>每一次发布图片后，你可以将原来的图片删除，更改<code>package.json</code> 版本号【向上增加】,然后<code>npm publish</code>即可</p><p>这个似乎可以搭配picgo，不过好像没这个插件，写起来也麻烦。。。</p><p>unpkg的国内镜像其实远远不止这些，包括七牛、饿了么、腾讯都有，不过这个就要自己找了。<img src="https://rmt.dogedoge.com/fetch/hi-c-oss/storage/7DgSoyqwtYBxchE.jpg"></p><p>一些推荐的npm【or unpkg镜像】：</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></pre></td><td class="code"><pre><span class="line">【jsd出品，网宿国内节点】https://cdn.jsdelivr.net/npm/</span><br><span class="line">【知乎出品，阿里国内节点】https://unpkg.zhimg.com/</span><br><span class="line">【百度出品，网宿国内节点】https://code.bdstatic.com/npm/</span><br><span class="line">【饿了么出品，网宿国内节点】https://shadow.elemecdn.com/npm/</span><br></pre></td></tr></table></figure><p>或者说，你还可以自建unpkg镜像。</p><p>啊，你说你没有服务器反向代理unpkg？</p><p>其实，七牛的对象存储，腾讯的COS和阿里的OSS都是支持镜像回源的鸭！</p><p>七牛http流量每月免费10GB，腾讯的国内免费60GB6个月，作为自用完全足够了！</p><p><img src="https://rmt.dogedoge.com/fetch/hi-c-oss/storage/L6LVJL_1ZUM2ISQ]10R%7B3HF.png?q=45"></p><h2 id="ipfs"><a href="#ipfs" class="headerlink" title="ipfs"></a>ipfs</h2><p>我曾经<a href="/2020/04/07/IPFS-CloudFlare-ServerLessWebPage/">写过关于ipfs的讲解</a> ,作为一个去中心化的存储系统拿来做公开图床其实挺不错的。</p><p>我个人搭建的ipfs镜像【托管于CloudFlareWorkers】：<a href="https://ipfs.cyfan.top/">https://ipfs.cyfan.top</a> <img src="https://rmt.dogedoge.com/fetch/hi-c-oss/storage/5c53d78c3f4a5.jpg"></p><p>我个人搭建的ipfs上传API：<a href="https://ipfsupload.cyfan.top/">https://ipfsupload.cyfan.top</a></p><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></pre></td><td class="code"><pre><span class="line"><span class="string">接口地址：https://ipfsupload.cyfan.top/api/v0/add?pin=true</span></span><br><span class="line"><span class="string">post参数：file</span></span><br><span class="line"><span class="string">回调json：Hash</span></span><br></pre></td></tr></table></figure><blockquote><p>此处Hash获得的是文件的Qmhash，你还要依托ipfs镜像，如<a href="https://ipfs.cyfan.top/ipfs/%7BQmHash%7D">https://ipfs.cyfan.top/ipfs/{QmHash}</a></p></blockquote><p><img src="https://ipfs.cyfan.top/ipfs/QmctXmCyxkN72nzoHMAgw1geR7u9XvK7sLo72W4bDZsCm2"></p><p>顺便收录一些ipfs网关【可访问】：</p><figure class="highlight html"><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">【北京 阿里云】https://hashnews.k1ic.com/</span><br><span class="line">【香港 阿里云】https://ipfs.jbb.one/</span><br><span class="line">【美国 DigitalOcean】https://ipfs.telos.miami/</span><br><span class="line">【Amazon】https://ipfs.oceanprotocol.com/</span><br></pre></td></tr></table></figure><p>你可以在<a href="https://ipfs.github.io/public-gateway-checker/">https://ipfs.github.io/public-gateway-checker/</a>找到更多</p><h1 id="图片缓存服务"><a href="#图片缓存服务" class="headerlink" title="图片缓存服务"></a>图片缓存服务</h1><p>正如<a href="##Imgur">##Imgur</a>所说的，imgur在国内已经无法访问了，但是，图片缓存服务可以啊！</p><p><img src="https://search.pstatic.net/common/?src=https://i.imgur.com/Usdr0IT.jpg"></p><p>收集了一些图片缓存服务：</p><figure class="highlight"><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">【国内网宿节点，只能加载特定图床图片如imgur】https://search.pstatic.net/common/?src=</span><br><span class="line">【Akamai节点，没有使用限制】https://imageproxy.pimg.tw/resize?url=</span><br><span class="line">【CloudFlare节点】https://images.weserv.nl/?url=</span><br><span class="line">【CloudFlare节点】https://pic1.xuehuaimg.com/proxy/</span><br></pre></td></tr></table></figure><h1 id="PicGo的搭配使用"><a href="#PicGo的搭配使用" class="headerlink" title="PicGo的搭配使用"></a>PicGo的搭配使用</h1><p>PicGo默认已经集成了部分图床，其拖拽上传、自动复制剪贴板实在赢得了无数人的心。但是，对于一些冷门的图床支持似乎就不太好，这时候你需要用自定义web图床实现这一切：</p><p><img src="https://rmt.dogedoge.com/fetch/hi-c-oss/storage/20200912205225.png?q=45"></p><p>我在上方介绍的图床如果支持web端上传，基本上就会写一个post请求，你可以依葫芦画瓢填写进去</p><p><img src="https://rmt.dogedoge.com/fetch/hi-c-oss/storage/20200912205449.png?q=45"></p><p>这样子你就可以实现较为丝滑的上传图片了：</p><p><img src="https://rmt.dogedoge.com/fetch/hi-c-oss/storage/20200912210009.jpg?q=45"></p><p><img src="https://rmt.dogedoge.com/fetch/hi-c-oss/storage/20200912210420.gif?q=45"></p><p>【为了压缩方便删除了部分帧】</p><h1 id="后言"><a href="#后言" class="headerlink" title="后言"></a>后言</h1><p>实际上最保险的莫过于使用各大厂商的对象存储，当然这笔钱不大好使。<br>你也可以用自己的VPS搭建Chevereto，当然前提是你有VPS<img src="https://rmt.dogedoge.com/fetch/hi-c-oss/storage/5c53de1a4d14d.gif"></p>]]></content>
<summary type="html">
<link rel="stylesheet" class="aplayer-secondary-style-marker" href="\assets\css\APlayer.min.css"><script src="\assets\js\APlayer.min.js" cla
</summary>
<category term="图床" scheme="https://www.wr0926.ml/tags/%E5%9B%BE%E5%BA%8A/"/>
<category term="白嫖" scheme="https://www.wr0926.ml/tags/%E7%99%BD%E5%AB%96/"/>
<category term="PicGo" scheme="https://www.wr0926.ml/tags/PicGo/"/>
</entry>
<entry>
<title>GitHub上的学习项目</title>
<link href="https://www.wr0926.ml/p/36c2c285/"/>
<id>https://www.wr0926.ml/p/36c2c285/</id>
<published>2020-08-21T15:40:26.000Z</published>
<updated>2020-09-17T14:20:23.245Z</updated>
<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><script class="meting-secondary-script-marker" src="\assets\js\Meting.min.js"></script><h1 id="简介"><a href="#简介" class="headerlink" title="简介"></a>简介</h1><div class="tip">非技术性！</div><div class="tip success">此文章收集了一些学习项目</div><h1 id="英语学习"><a href="#英语学习" class="headerlink" title="英语学习"></a>英语学习</h1><h2 id="English-level-up-tips-for-Chinese"><a href="#English-level-up-tips-for-Chinese" class="headerlink" title="English-level-up-tips-for-Chinese"></a>English-level-up-tips-for-Chinese</h2><table><thead><tr><th>仓库</th><th><a href="https://github.com/byoungd/English-level-up-tips-for-Chinese">English-level-up-tips-for-Chinese</a></th></tr></thead><tbody><tr><td>介绍</td><td>可能是让你受益匪浅的英语进阶指南</td></tr><tr><td>README</td><td><a href="https://github.com/byoungd/English-level-up-tips-for-Chinese/blob/master/README.md">README.md</a></td></tr><tr><td>在线地址</td><td><a href="https://byoungd.gitbook.io/english-level-up-tips/">English-level-up-tips-for-Chinese(GitBook)</a></td></tr></tbody></table><table><thead><tr><th><img src="https://cdn.jsdelivr.net/gh/byoungd/English-level-up-tips-for-Chinese/assets/CEFR@2x.png" alt="img"></th><th><img src="https://cdn.jsdelivr.net/gh/wayne0926/myphoto/img/english1.jpg" alt="img"></th></tr></thead><tbody><tr><td><img src="https://cdn.jsdelivr.net/gh/byoungd/English-level-up-tips-for-Chinese/assets/How@2x.png" alt="img"></td><td><img src="https://cdn.jsdelivr.net/gh/byoungd/English-level-up-tips-for-Chinese/assets/Feature%402x.png" alt="img"></td></tr></tbody></table><h2 id="Jgsrty-github-docs"><a href="#Jgsrty-github-docs" class="headerlink" title="Jgsrty.github.docs"></a>Jgsrty.github.docs</h2><table><thead><tr><th>仓库</th><th><a href="https://github.com/jgsrty/jgsrty.github.docs"> jgsrty.github.docs</a></th></tr></thead><tbody><tr><td>介绍</td><td>☀️ 英语学习 🐾</td></tr><tr><td>README</td><td><a href="https://github.com/jgsrty/jgsrty.github.docs/blob/master/README.md">README.md</a></td></tr><tr><td>在线地址</td><td><a href="https://jgsrty.github.io/">在线预览 - preview</a> | <a href="https://rtyxmd.gitee.io/">国内访问地址 - 速度更快</a></td></tr></tbody></table><table><thead><tr><th><img src="https://cdn.jsdelivr.net/gh/wayne0926/myphoto/img/rty-docs.png" alt="img"></th><th><img src="https://cdn.jsdelivr.net/gh/wayne0926/myphoto/img/rty-docs0.jpg" alt="img"></th></tr></thead><tbody><tr><td><img src="https://cdn.jsdelivr.net/gh/wayne0926/myphoto/img/rty-docs2.jpg" alt="img" /></td><td><img src="https://cdn.jsdelivr.net/gh/wayne0926/myphoto/img/rty-docs3.jpg" alt="img"></td></tr></tbody></table>]]></content>
<summary type="html">
GitHub上的好项目
</summary>
<category term="学习" scheme="https://www.wr0926.ml/categories/%E5%AD%A6%E4%B9%A0/"/>
<category term="github" scheme="https://www.wr0926.ml/tags/github/"/>
<category term="学习" scheme="https://www.wr0926.ml/tags/%E5%AD%A6%E4%B9%A0/"/>
</entry>
<entry>
<title>Hexo Butterfly主题页面美化</title>
<link href="https://www.wr0926.ml/p/cb7b45b6/"/>
<id>https://www.wr0926.ml/p/cb7b45b6/</id>
<published>2020-08-17T09:53:35.000Z</published>
<updated>2020-08-27T10:12:52.089Z</updated>
<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><script class="meting-secondary-script-marker" src="\assets\js\Meting.min.js"></script><h1 id="介绍"><a href="#介绍" class="headerlink" title="介绍"></a>介绍</h1><blockquote><p><a href="https://api.vvhan.com/"><strong>韩小韩API接口站</strong></a></p><p><a href="https://blog.lete114.top/"><strong>Lete乐特 ‘s Blog</strong></a></p><p> <a href="https://www.antmoe.com/"><strong>小康博客</strong></a></p></blockquote><p><strong>源码(API)出处 ↑</strong></p><h1 id="使用"><a href="#使用" class="headerlink" title="使用"></a>使用</h1><h2 id="冒泡特效"><a href="#冒泡特效" class="headerlink" title="冒泡特效"></a>冒泡特效</h2><p><img src="https://cdn.jsdelivr.net/gh/wayne0926/myphoto/img/maopao.jpg" alt="冒泡"></p><p><strong><em>找个<code>JS</code>文件粘贴进去就行了</em></strong>（简单粗暴，但是要在主题配置里确定引用了的） ↓ </p><figure class="highlight javascript"><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></pre></td><td class="code"><pre><span class="line"><span class="comment">// 气泡</span></span><br><span class="line"><span class="function"><span class="keyword">function</span> <span class="title">qipao</span>(<span class="params"></span>) </span>{</span><br><span class="line"> $(<span class="string">'#page-header'</span>).circleMagic({</span><br><span class="line"> radius: <span class="number">10</span>,</span><br><span class="line"> density: <span class="number">.2</span>,</span><br><span class="line"> color: <span class="string">'rgba(255,255,255,.4)'</span>,</span><br><span class="line"> clearOffset: <span class="number">0.99</span></span><br><span class="line"> });</span><br><span class="line">}! <span class="function"><span class="keyword">function</span>(<span class="params">p</span>) </span>{</span><br><span class="line"> p.fn.circleMagic = <span class="function"><span class="keyword">function</span>(<span class="params">t</span>) </span>{</span><br><span class="line"> <span class="keyword">var</span> o, a, n, r, e = !<span class="number">0</span>,</span><br><span class="line"> i = [],</span><br><span class="line"> d = p.extend({ <span class="attr">color</span>: <span class="string">"rgba(255,0,0,.5)"</span>, <span class="attr">radius</span>: <span class="number">10</span>, <span class="attr">density</span>: <span class="number">.3</span>, <span class="attr">clearOffset</span>: <span class="number">.2</span> }, t),</span><br><span class="line"> l = <span class="built_in">this</span>[<span class="number">0</span>];</span><br><span class="line"></span><br><span class="line"> <span class="function"><span class="keyword">function</span> <span class="title">c</span>(<span class="params"></span>) </span>{ e = !(<span class="built_in">document</span>.body.scrollTop > a) }</span><br><span class="line"></span><br><span class="line"> <span class="function"><span class="keyword">function</span> <span class="title">s</span>(<span class="params"></span>) </span>{ o = l.clientWidth, a = l.clientHeight, l.height = a + <span class="string">"px"</span>, n.width = o, n.height = a }</span><br><span class="line"></span><br><span class="line"> <span class="function"><span class="keyword">function</span> <span class="title">h</span>(<span class="params"></span>) </span>{</span><br><span class="line"> <span class="keyword">if</span> (e)</span><br><span class="line"> <span class="keyword">for</span> (<span class="keyword">var</span> t <span class="keyword">in</span> r.clearRect(<span class="number">0</span>, <span class="number">0</span>, o, a), i) i[t].draw();</span><br><span class="line"> requestAnimationFrame(h)</span><br><span class="line"> }</span><br><span class="line"></span><br><span class="line"> <span class="function"><span class="keyword">function</span> <span class="title">f</span>(<span class="params"></span>) </span>{</span><br><span class="line"> <span class="keyword">var</span> t = <span class="built_in">this</span>;</span><br><span class="line"></span><br><span class="line"> <span class="function"><span class="keyword">function</span> <span class="title">e</span>(<span class="params"></span>) </span>{ t.pos.x = <span class="built_in">Math</span>.random() * o, t.pos.y = a + <span class="number">100</span> * <span class="built_in">Math</span>.random(), t.alpha = <span class="number">.1</span> + <span class="built_in">Math</span>.random() * d.clearOffset, t.scale = <span class="number">.1</span> + <span class="number">.3</span> * <span class="built_in">Math</span>.random(), t.speed = <span class="built_in">Math</span>.random(), <span class="string">"random"</span> === d.color ? t.color = <span class="string">"rgba("</span> + <span class="built_in">Math</span>.floor(<span class="number">255</span> * <span class="built_in">Math</span>.random()) + <span class="string">", "</span> + <span class="built_in">Math</span>.floor(<span class="number">0</span> * <span class="built_in">Math</span>.random()) + <span class="string">", "</span> + <span class="built_in">Math</span>.floor(<span class="number">0</span> * <span class="built_in">Math</span>.random()) + <span class="string">", "</span> + <span class="built_in">Math</span>.random().toPrecision(<span class="number">2</span>) + <span class="string">")"</span> : t.color = d.color }</span><br><span class="line"> t.pos = {}, e(), <span class="built_in">this</span>.draw = <span class="function"><span class="keyword">function</span>(<span class="params"></span>) </span>{ t.alpha <= <span class="number">0</span> && e(), t.pos.y -= t.speed, t.alpha -= <span class="number">5e-4</span>, r.beginPath(), r.arc(t.pos.x, t.pos.y, t.scale * d.radius, <span class="number">0</span>, <span class="number">2</span> * <span class="built_in">Math</span>.PI, !<span class="number">1</span>), r.fillStyle = t.color, r.fill(), r.closePath() }</span><br><span class="line"> }! <span class="function"><span class="keyword">function</span>(<span class="params"></span>) </span>{</span><br><span class="line"> o = l.offsetWidth, a = l.offsetHeight,</span><br><span class="line"> <span class="function"><span class="keyword">function</span>(<span class="params"></span>) </span>{</span><br><span class="line"> <span class="keyword">var</span> t = <span class="built_in">document</span>.createElement(<span class="string">"canvas"</span>);</span><br><span class="line"> t.id = <span class="string">"canvas"</span>, t.style.top = <span class="number">0</span>, t.style.zIndex = <span class="number">0</span>, t.style.position = <span class="string">"absolute"</span>, l.appendChild(t), t.parentElement.style.overflow = <span class="string">"hidden"</span></span><br><span class="line"> }(), (n = <span class="built_in">document</span>.getElementById(<span class="string">"canvas"</span>)).width = o, n.height = a, r = n.getContext(<span class="string">"2d"</span>);</span><br><span class="line"> <span class="keyword">for</span> (<span class="keyword">var</span> t = <span class="number">0</span>; t < o * d.density; t++) {</span><br><span class="line"> <span class="keyword">var</span> e = <span class="keyword">new</span> f;</span><br><span class="line"> i.push(e)</span><br><span class="line"> }</span><br><span class="line"> h()</span><br><span class="line"> }(), <span class="built_in">window</span>.addEventListener(<span class="string">"scroll"</span>, c, !<span class="number">1</span>), <span class="built_in">window</span>.addEventListener(<span class="string">"resize"</span>, s, !<span class="number">1</span>)</span><br><span class="line"> }</span><br><span class="line">}(jQuery);</span><br><span class="line"></span><br><span class="line"><span class="comment">// 调用气泡方法</span></span><br><span class="line">qipao();</span><br><span class="line"></span><br></pre></td></tr></table></figure><h2 id="波浪特效"><a href="#波浪特效" class="headerlink" title="波浪特效"></a>波浪特效</h2><p><img src="https://cdn.jsdelivr.net/gh/wayne0926/myphoto/img/bolang.jpg" alt="波浪"></p><p><strong><em>找到<code>index.styl</code>文件粘贴进去</em></strong>（<code>z-index</code>看自己喜好调整）<em>（要确定被引用）</em> ↓</p><figure class="highlight stylus"><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">.hans-container</span><br><span class="line"> <span class="attribute">position</span>: fixed;</span><br><span class="line"> <span class="attribute">bottom</span>: <span class="number">0px</span>;</span><br><span class="line"> <span class="attribute">width</span>: <span class="number">100%</span>;</span><br><span class="line"> <span class="attribute">height</span>: <span class="number">120px</span>;</span><br><span class="line"> <span class="attribute">z-index</span>: -<span class="number">1</span></span><br></pre></td></tr></table></figure><p>把这段粘贴到主题配置文件<code>bottom:</code>选项里面去 ↓</p><figure class="highlight html"><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="tag"><<span class="name">div</span> <span class="attr">id</span>=<span class="string">"hans-bolang"</span>></span><span class="tag"></<span class="name">div</span>></span></span><br><span class="line"><span class="tag"><<span class="name">script</span> <span class="attr">src</span>=<span class="string">"https://api.vvhan.com/api/bolang"</span>></span><span class="tag"></<span class="name">script</span>></span></span><br></pre></td></tr></table></figure><h2 id="透明特效"><a href="#透明特效" class="headerlink" title="透明特效"></a>透明特效</h2><h3 id="首页部分"><a href="#首页部分" class="headerlink" title="首页部分"></a>首页部分</h3><h4 id="方法一"><a href="#方法一" class="headerlink" title="方法一"></a>方法一</h4><p>把横幅图片<code>top_img</code>与背景图<code>background</code>设置成一样的 ↓</p><p><img src="https://cdn.jsdelivr.net/gh/wayne0926/myphoto/img/touming2.jpg" alt="透明2"></p><h4 id="方法二"><a href="#方法二" class="headerlink" title="方法二"></a>方法二</h4><p>找个<code>js</code>文件放进去</p><figure class="highlight js"><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"><span class="keyword">var</span> full_page = <span class="built_in">document</span>.getElementsByClassName(<span class="string">"full_page"</span>);</span><br><span class="line"><span class="keyword">if</span> (full_page.length != <span class="number">0</span>) {</span><br><span class="line"> full_page[<span class="number">0</span>].style.background = <span class="string">"transparent"</span>;</span><br><span class="line">}</span><br></pre></td></tr></table></figure><p><strong><em>各有不同！</em></strong></p><h3 id="页脚部分"><a href="#页脚部分" class="headerlink" title="页脚部分"></a>页脚部分</h3><p>在<code>footer.styl</code>（位置直接搜索）里的<code>#footer</code>里加一句话 ↓</p><figure class="highlight stylus"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line"><span class="attribute">background</span>: transparent !important;</span><br></pre></td></tr></table></figure><p><img src="https://cdn.jsdelivr.net/gh/wayne0926/myphoto/img/touming1.jpg" alt="透明1"></p><h3 id="其他页面头部"><a href="#其他页面头部" class="headerlink" title="其他页面头部"></a>其他页面头部</h3><p>首先在主题配置文件里全部把这些页面的图片值改为<code>false</code></p><p>如：</p><figure class="highlight yaml"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line"><span class="attr">tag_img:</span> <span class="literal">false</span></span><br></pre></td></tr></table></figure><p>然后在<code>head.styl</code>里把</p><figure class="highlight stylus"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line"><span class="attribute">background-color</span>: <span class="variable">$light</span>-blue</span><br></pre></td></tr></table></figure><p>注释掉</p><figure class="highlight stylus"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line"><span class="comment">// background-color: $light-blue</span></span><br></pre></td></tr></table></figure><p><strong><em>夜间模式可能不太行</em></strong></p><p><img src="https://cdn.jsdelivr.net/gh/wayne0926/myphoto/img/touming.jpg" alt="透明"></p><h2 id="MAC代码框美化"><a href="#MAC代码框美化" class="headerlink" title="MAC代码框美化"></a>MAC代码框美化</h2><p>白色：</p><p><img src="https://cdn.jsdelivr.net/gh/wayne0926/myphoto/img/macwhite.png" alt="白"></p><figure class="highlight yaml"><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="bullet">-</span> <span class="string"><link</span> <span class="string">rel="stylesheet"</span> <span class="string">href="https://cdn.jsdelivr.net/gh/sviptzk/StaticFile_HEXO@latest/butterfly/css/macWhite.css"></span></span><br><span class="line"></span><br></pre></td></tr></table></figure><p>黑色：</p><p><img src="https://cdn.jsdelivr.net/gh/wayne0926/myphoto/img/macblack.png" alt="黑"></p><figure class="highlight yaml"><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="bullet">-</span> <span class="string"><link</span> <span class="string">rel="stylesheet"</span> <span class="string">href="https://cdn.jsdelivr.net/gh/sviptzk/StaticFile_HEXO@latest/butterfly/css/macWhite.css"></span></span><br><span class="line"></span><br></pre></td></tr></table></figure><h2 id="滚动条美化"><a href="#滚动条美化" class="headerlink" title="滚动条美化"></a>滚动条美化</h2><p><img src="https://cdn.jsdelivr.net/gh/wayne0926/myphoto/img/gundongtiao.jpg" alt="gundongtiao"></p><p>找个<code>styl</code>文件粘贴进去：</p><figure class="highlight stylus"><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></pre></td><td class="code"><pre><span class="line"> <span class="comment">/* 滚动条 */</span></span><br><span class="line">::-webkit-scrollbar </span><br><span class="line"> <span class="attribute">width</span>: <span class="number">8px</span>;</span><br><span class="line"> <span class="attribute">height</span>: <span class="number">8px</span>;</span><br><span class="line"></span><br><span class="line"></span><br><span class="line">::-webkit-scrollbar-track </span><br><span class="line"> <span class="attribute">background-color</span>: rgba(<span class="number">73</span>, <span class="number">177</span>, <span class="number">245</span>, <span class="number">0.2</span>);</span><br><span class="line"> <span class="attribute">border-radius</span>: <span class="number">2em</span>;</span><br><span class="line"></span><br><span class="line"></span><br><span class="line">::-webkit-scrollbar-thumb </span><br><span class="line"> <span class="attribute">background-color</span>: <span class="number">#49b1f5</span>;</span><br><span class="line"> <span class="attribute">background-image</span>: -webkit-linear-gradient(</span><br><span class="line"> <span class="number">45deg</span>,</span><br><span class="line"> rgba(<span class="number">255</span>, <span class="number">255</span>, <span class="number">255</span>, <span class="number">0.4</span>) <span class="number">25%</span>,</span><br><span class="line"> transparent <span class="number">25%</span>,</span><br><span class="line"> transparent <span class="number">50%</span>,</span><br><span class="line"> rgba(<span class="number">255</span>, <span class="number">255</span>, <span class="number">255</span>, <span class="number">0.4</span>) <span class="number">50%</span>,</span><br><span class="line"> rgba(<span class="number">255</span>, <span class="number">255</span>, <span class="number">255</span>, <span class="number">0.4</span>) <span class="number">75%</span>,</span><br><span class="line"> transparent <span class="number">75%</span>,</span><br><span class="line"> transparent</span><br><span class="line"> );</span><br><span class="line"> <span class="attribute">border-radius</span>: <span class="number">2em</span>;</span><br><span class="line"></span><br><span class="line"></span><br><span class="line">::-webkit-scrollbar-corner </span><br><span class="line"> <span class="attribute">background-color</span>: transparent;</span><br><span class="line"></span><br><span class="line"></span><br><span class="line">::-moz-selection </span><br><span class="line"> <span class="attribute">color</span>: <span class="number">#fff</span>;</span><br><span class="line"> <span class="attribute">background-color</span>: <span class="number">#49b1f5</span>;</span><br></pre></td></tr></table></figure><div class='tip' ><p>默认情况<p></div>]]></content>
<summary type="html">
Hexo Butterfly主题页面特效
</summary>
<category term="教程" scheme="https://www.wr0926.ml/categories/%E6%95%99%E7%A8%8B/"/>
<category term="hexo" scheme="https://www.wr0926.ml/tags/hexo/"/>
<category term="butterfly" scheme="https://www.wr0926.ml/tags/butterfly/"/>
<category term="教程" scheme="https://www.wr0926.ml/tags/%E6%95%99%E7%A8%8B/"/>
</entry>
<entry>
<title>JsDelivr图床</title>
<link href="https://www.wr0926.ml/p/c4933820/"/>
<id>https://www.wr0926.ml/p/c4933820/</id>
<published>2020-08-12T15:40:02.000Z</published>
<updated>2020-08-27T10:22:38.074Z</updated>
<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><script class="meting-secondary-script-marker" src="\assets\js\Meting.min.js"></script><h1 id="介绍"><a href="#介绍" class="headerlink" title="介绍"></a>介绍</h1><p>先说一下：</p><p><code>JsDelivr</code>是<code>GitHub</code>的CDN</p><p>直接访问即可。</p><h1 id="使用"><a href="#使用" class="headerlink" title="使用"></a>使用</h1><h2 id="GitHub"><a href="#GitHub" class="headerlink" title="GitHub"></a>GitHub</h2><p>新建一个库，放图片。</p><p>（细说略。。）</p><h2 id="PicGo"><a href="#PicGo" class="headerlink" title="PicGo"></a>PicGo</h2><p>下载不说了。</p><p>默认的不好用。</p><p>用插件<code>githubPlus</code></p><h3 id="配置"><a href="#配置" class="headerlink" title="配置"></a>配置</h3><table><thead><tr><th>项目</th><th>描述</th></tr></thead><tbody><tr><td>repo</td><td>你的库名：<code>用户名/库名</code></td></tr><tr><td>branch</td><td>直接填：<code>master</code></td></tr><tr><td>token</td><td>Github申请token(后面讲)</td></tr><tr><td>path</td><td>库内路径(选)：<code>img/</code></td></tr><tr><td>customUrl</td><td>使用JsDerlivr：<code>https://cdn.jsdelivr.net/gh/用户名/库名</code></td></tr><tr><td>origin</td><td>选<code>github</code></td></tr></tbody></table><h3 id="GitHub-Token"><a href="#GitHub-Token" class="headerlink" title="GitHub Token"></a>GitHub Token</h3><p><a href="https://github.com/settings/apps">GitHub申请Token</a><img src="https://cdn.jsdelivr.net/gh/wayne0926/myphoto/img/jsdelivr1.jpg"></p><p><img src="https://cdn.jsdelivr.net/gh/wayne0926/myphoto/img/jsdelivr2.jpg"></p><div class="note warning"><p><strong>注意：</strong> Token妥善保管，且只显示一次。</p></div><h1 id="上传"><a href="#上传" class="headerlink" title="上传"></a>上传</h1><p><img src="https://cdn.jsdelivr.net/gh/wayne0926/myphoto/img/jsdelivr3.jpg"></p><div class="note info"><p>如果出错，改个名字，重试。</p></div><h1 id="视频版"><a href="#视频版" class="headerlink" title="视频版"></a>视频版</h1><div style="position: relative; width: 100%; height: 0; padding-bottom: 75%;"><iframe src="//player.bilibili.com/player.html?aid=414284918&bvid=BV14V411U7Uo&cid=225060470&page=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true" style="position: absolute; width: 100%; height: 100%; Left: 0; top: 0;" ></iframe></div>]]></content>
<summary type="html">
JsDelivr图床
</summary>
<category term="教程" scheme="https://www.wr0926.ml/categories/%E6%95%99%E7%A8%8B/"/>
<category term="github" scheme="https://www.wr0926.ml/tags/github/"/>
<category term="hexo" scheme="https://www.wr0926.ml/tags/hexo/"/>
<category term="教程" scheme="https://www.wr0926.ml/tags/%E6%95%99%E7%A8%8B/"/>
<category term="cdn" scheme="https://www.wr0926.ml/tags/cdn/"/>
<category term="jsdelivr" scheme="https://www.wr0926.ml/tags/jsdelivr/"/>
</entry>
<entry>
<title>Hexo博客相册</title>
<link href="https://www.wr0926.ml/p/c6ed254e/"/>
<id>https://www.wr0926.ml/p/c6ed254e/</id>
<published>2020-08-12T14:11:29.000Z</published>
<updated>2020-08-27T10:26:11.926Z</updated>
<content type="html"><</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">{% endgallery %}</span><br></pre></td></tr></table></figure><div class="note info"><p>长度会自动调整</p></div>]]></content>
<summary type="html">
Hexo博客相册
</summary>
<category term="教程" scheme="https://www.wr0926.ml/categories/%E6%95%99%E7%A8%8B/"/>
<category term="hexo" scheme="https://www.wr0926.ml/tags/hexo/"/>
<category term="butterfly" scheme="https://www.wr0926.ml/tags/butterfly/"/>
<category term="教程" scheme="https://www.wr0926.ml/tags/%E6%95%99%E7%A8%8B/"/>
</entry>
<entry>
<title>Hexo博客添加CNZZ统计</title>
<link href="https://www.wr0926.ml/p/157d2c24/"/>
<id>https://www.wr0926.ml/p/157d2c24/</id>
<published>2020-08-12T13:26:44.000Z</published>
<updated>2020-08-27T10:28:38.927Z</updated>
<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><script class="meting-secondary-script-marker" src="\assets\js\Meting.min.js"></script><h1 id="注册"><a href="#注册" class="headerlink" title="注册"></a>注册</h1><p>略。。</p><h1 id="安装"><a href="#安装" class="headerlink" title="安装"></a>安装</h1><h2 id="获取"><a href="#获取" class="headerlink" title="获取"></a>获取</h2><p>获取代码：</p><p><img src="https://cdn.jsdelivr.net/gh/wayne0926/myphoto/img/youmeng1.jpg" alt="获取代码"></p><p>选择你要的。</p><p>我选择<code>横排数据显示</code></p><h2 id="安装-1"><a href="#安装-1" class="headerlink" title="安装"></a>安装</h2><p>打开文件<code>\themes\butterfly\layout\includes\footer.pug</code></p><p><code>pug</code>文件要更改格式</p><figure class="highlight html"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line"><span class="tag"><<span class="name">script</span> <span class="attr">type</span>=<span class="string">"text/javascript"</span>></span><span class="javascript"><span class="built_in">document</span>.write(xxxxxxx);</span><span class="tag"></<span class="name">script</span>></span></span><br></pre></td></tr></table></figure><figure class="highlight plain"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">script(type="text/javascript") document.write(xxxxxxx);</span><br></pre></td></tr></table></figure><p>注意<code>document</code>前面有空格</p><h1 id="完成"><a href="#完成" class="headerlink" title="完成"></a>完成</h1><p>刷新本地服务网页，可以看到。</p><p><img src="https://cdn.jsdelivr.net/gh/wayne0926/myphoto/img/youmengdemo.jpg"></p><div class="note warning"><p><strong>注意：</strong>可能会被广告拦截！</p></div> ]]></content>
<summary type="html">
Hexo博客添加CNZZ统计
</summary>
<category term="教程" scheme="https://www.wr0926.ml/categories/%E6%95%99%E7%A8%8B/"/>
<category term="hexo" scheme="https://www.wr0926.ml/tags/hexo/"/>
<category term="butterfly" scheme="https://www.wr0926.ml/tags/butterfly/"/>
<category term="教程" scheme="https://www.wr0926.ml/tags/%E6%95%99%E7%A8%8B/"/>
<category term="cnzz" scheme="https://www.wr0926.ml/tags/cnzz/"/>
</entry>
<entry>
<title>github.io无法访问解决办法</title>
<link href="https://www.wr0926.ml/p/befe379d/"/>
<id>https://www.wr0926.ml/p/befe379d/</id>
<published>2020-08-12T10:01:36.000Z</published>
<updated>2020-08-27T10:32:34.118Z</updated>
<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><script class="meting-secondary-script-marker" src="\assets\js\Meting.min.js"></script><h1 id="解决"><a href="#解决" class="headerlink" title="解决"></a>解决</h1><p>之前一直用的自动，有问题。我们接下来都换成<code>阿里DNS</code></p><p><a href="https://www.alidns.com/">阿里DNS</a></p><h2 id="一键设置"><a href="#一键设置" class="headerlink" title="一键设置"></a>一键设置</h2><p>来源阿里DNS官网</p><p><a href="https://www.alidns.com/setup/?spm=a2chw.13814944.0.0.783a17605rWcc3#windows">阿里DNS | 设置</a></p><p><a href="https://www.alidns.com/public/soft/AliDNS.exe?spm=a2chw.13814944.0.0.395f1760vtb5sz&file=AliDNS.exe"><img src="https://www.alidns.com/public/img/windows-setup.png" alt="一键设置"></a></p><h2 id="打开"><a href="#打开" class="headerlink" title="打开"></a>打开</h2><p>打开<code>控制面板-> 网络和 Internet ->网络和共享中心 -> 以太网 ->属性</code></p><h2 id="更改IPV4"><a href="#更改IPV4" class="headerlink" title="更改IPV4"></a>更改IPV4</h2><p><img src="https://cdn.jsdelivr.net/gh/wayne0926/myphoto/img/Snipaste_2020-08-12_18-20-28.jpg"></p><h2 id="更改IPV6"><a href="#更改IPV6" class="headerlink" title="更改IPV6"></a>更改IPV6</h2><p><img src="https://cdn.jsdelivr.net/gh/wayne0926/myphoto/img/Snipaste_2020-08-12_18-21-06.jpg"></p><h2 id="生效"><a href="#生效" class="headerlink" title="生效"></a>生效</h2><p>清除DNS缓存</p><p>打开<code>powershell</code>或者<code>CMD</code>或者其他终端，输入命令</p><figure class="highlight powershell"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">ipconfig /flushdns</span><br></pre></td></tr></table></figure><h1 id="总结"><a href="#总结" class="headerlink" title="总结"></a>总结</h1><p>这应该是DNS污染造成的。</p><p><code>TMD用的114也不行，垃圾</code></p><p>换用阿里就OK了。</p>]]></content>
<summary type="html">
github.io无法访问解决办法
</summary>
<category term="教程" scheme="https://www.wr0926.ml/categories/%E6%95%99%E7%A8%8B/"/>
<category term="github" scheme="https://www.wr0926.ml/tags/github/"/>
<category term="教程" scheme="https://www.wr0926.ml/tags/%E6%95%99%E7%A8%8B/"/>
<category term="github page" scheme="https://www.wr0926.ml/tags/github-page/"/>
<category term="DNS" scheme="https://www.wr0926.ml/tags/DNS/"/>
<category term="阿里" scheme="https://www.wr0926.ml/tags/%E9%98%BF%E9%87%8C/"/>
</entry>
<entry>
<title>Hexo博客添加看板娘(二)</title>
<link href="https://www.wr0926.ml/p/6f023c87/"/>
<id>https://www.wr0926.ml/p/6f023c87/</id>
<published>2020-08-09T08:35:16.000Z</published>
<updated>2020-08-24T07:22:59.000Z</updated>
<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><script class="meting-secondary-script-marker" src="\assets\js\Meting.min.js"></script><h1 id="介绍"><a href="#介绍" class="headerlink" title="介绍"></a>介绍</h1><p><img src="https://cdn.jsdelivr.net/gh/wayne0926/myphoto/img/live2d1.jpg"></p><p><a href="https://github.com/stevenjoezhang/live2d-widget"><img src="https://cdn.jsdelivr.net/gh/wayne0926/myphoto/img/githubck.png"></a></p><p><a href="https://github.com/stevenjoezhang/live2d-widget/blob/master/README.md"><img src="https://cdn.jsdelivr.net/gh/wayne0926/myphoto/img/readwo.png"></a></p><div class="note success"><p>此版本有交互界面！</p></div><h1 id="使用"><a href="#使用" class="headerlink" title="使用"></a>使用</h1><p>在主题配置文件<code>_config.yml</code>里</p><figure class="highlight yaml"><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="attr">inject:</span></span><br><span class="line"> <span class="attr">head:</span></span><br></pre></td></tr></table></figure><p>添加</p><figure class="highlight html"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line"><span class="tag"><<span class="name">script</span> <span class="attr">src</span>=<span class="string">"https://cdn.jsdelivr.net/gh/stevenjoezhang/live2d-widget@latest/autoload.js"</span>></span><span class="tag"></<span class="name">script</span>></span></span><br></pre></td></tr></table></figure><p>效果</p><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></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"><script</span> <span class="string">src="https://cdn.jsdelivr.net/gh/stevenjoezhang/live2d-widget@latest/autoload.js"></script></span></span><br></pre></td></tr></table></figure><h1 id="完成"><a href="#完成" class="headerlink" title="完成"></a>完成</h1><p>就这么简单，🆗了</p><p>我个人觉得配上<code>思源宋体</code>非常好看，耐看</p>]]></content>
<summary type="html">
Hexo博客添加带交互界面的看板娘
</summary>
<category term="教程" scheme="https://www.wr0926.ml/categories/%E6%95%99%E7%A8%8B/"/>
<category term="hexo" scheme="https://www.wr0926.ml/tags/hexo/"/>
<category term="教程" scheme="https://www.wr0926.ml/tags/%E6%95%99%E7%A8%8B/"/>
<category term="看板娘" scheme="https://www.wr0926.ml/tags/%E7%9C%8B%E6%9D%BF%E5%A8%98/"/>
</entry>
<entry>
<title>VSCode插件—CloudMusic</title>
<link href="https://www.wr0926.ml/p/e0f27af4/"/>
<id>https://www.wr0926.ml/p/e0f27af4/</id>
<published>2020-08-07T16:14:36.000Z</published>
<updated>2020-08-24T07:22:59.000Z</updated>
<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><script class="meting-secondary-script-marker" src="\assets\js\Meting.min.js"></script><h1 id="介绍"><a href="#介绍" class="headerlink" title="介绍"></a>介绍</h1><p>这是一款傻瓜式的VSC网抑云在线插件。</p><p><a href="https://marketplace.visualstudio.com/items?itemName=yxl.cloudmusic&ssr=false#overview"><img src="https://cdn.jsdelivr.net/gh/wayne0926/myphoto/img/cloudmusic.jpg"></a></p><p>本插件具有以下特点：</p><ul><li>简单：开箱即用，无需安装、修改任何文件</li><li>快速：使用本机模块，资源占用低，速度快</li><li>强大：借助网页 API，能实现所有常用功能</li></ul><p>已实现的功能：</p><ul><li>每日签到</li><li>歌曲播放，收藏，喜欢</li><li>听歌打卡</li><li>心动模式</li><li>私人 FM</li><li>歌词显示</li><li>搜索（热搜/单曲/专辑/歌手…）</li><li>缓存管理</li><li>可选无损音质</li><li>媒体控制支持</li><li>更多功能等待发现</li></ul><h1 id="安装"><a href="#安装" class="headerlink" title="安装"></a>安装</h1><p><a href="https://marketplace.visualstudio.com/items?itemName=yxl.cloudmusic&ssr=false#overview">点击这里直接访问插件商店网页版本</a></p><p><a href="vscode:extension/yxl.cloudmusic">直接点击这里安装</a></p><p><a href="https://github.com/YXL76/cloudmusic-vscode"><img src="https://cdn.jsdelivr.net/gh/wayne0926/myphoto/img/githubck.png" alt="Github仓库"></a></p><h1 id="使用"><a href="#使用" class="headerlink" title="使用"></a>使用</h1><p><img src="https://cdn.jsdelivr.net/gh/wayne0926/myphoto/img/cloudmusic2.jpg"></p><p><img src="https://cdn.jsdelivr.net/gh/wayne0926/myphoto/img/cloudmusic3.jpg"></p><h2 id="设置"><a href="#设置" class="headerlink" title="设置"></a>设置</h2><ul><li><code>cloudmusic.account.autoCheck</code>: 登录后自动签到</li><li><code>cloudmusic.cache.size</code>: 缓存大小限制</li><li><code>cloudmusic.music.quality</code>: 音质选择</li></ul><h2 id="命令"><a href="#命令" class="headerlink" title="命令"></a>命令</h2><ul><li><code>Cloudmusic: Sign in</code>: 登录</li><li><code>Cloudmusic: Sign out</code> :登出</li><li><code>Cloudmusic: Daily check</code>: 每日签到</li><li><code>Cloudmusic: Toggle button</code>: 显示/隐藏按钮</li></ul><h2 id="已知问题"><a href="#已知问题" class="headerlink" title="已知问题"></a>已知问题</h2><ul><li>对于使用代理软件的用户，如果播放出现网络错误，请设置<code>http.proxy</code>（不是<code>cloudmusic.music.proxy</code>）</li></ul><h1 id="发行说明"><a href="#发行说明" class="headerlink" title="发行说明"></a>发行说明</h1><p><a href="https://github.com/YXL76/cloudmusic-vscode/blob/master/CHANGELOG.md">发行说明</a></p>]]></content>
<summary type="html">
VSCode插件—CLOUDMUSIC
</summary>
<category term="网易云" scheme="https://www.wr0926.ml/tags/%E7%BD%91%E6%98%93%E4%BA%91/"/>
<category term="VSCode" scheme="https://www.wr0926.ml/tags/VSCode/"/>
<category term="插件" scheme="https://www.wr0926.ml/tags/%E6%8F%92%E4%BB%B6/"/>
</entry>
<entry>
<title>Hexo博客添加看板娘(一)</title>
<link href="https://www.wr0926.ml/p/842862a5/"/>
<id>https://www.wr0926.ml/p/842862a5/</id>
<published>2020-08-04T12:29:28.000Z</published>
<updated>2020-08-24T07:22:59.000Z</updated>
<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><script class="meting-secondary-script-marker" src="\assets\js\Meting.min.js"></script><h1 id="准备"><a href="#准备" class="headerlink" title="准备"></a>准备</h1><p>本文使用 <a href="https://github.com/EYHN/hexo-helper-live2d">hexo-helper-live2d</a> 来构建看板娘，Hexo主题为<code>Butterfly</code>。</p><div class="note warning"><p>此版本没有交互界面！！</p></div><h1 id="安装"><a href="#安装" class="headerlink" title="安装"></a>安装</h1><p>使用<code>npm</code>安装，<code>node.js</code>要有哟！</p><figure class="highlight powershell"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">npm install -<span class="literal">-save</span> hexo<span class="literal">-helper</span><span class="literal">-live2d</span></span><br></pre></td></tr></table></figure><h1 id="配置"><a href="#配置" class="headerlink" title="配置"></a>配置</h1><h2 id="基本配置"><a href="#基本配置" class="headerlink" title="基本配置"></a>基本配置</h2><p>把这段配置塞进根目录下的<code>_config.yml</code>中</p><div class="note info"><p>如果后续完成后没有效果，可以放在主题配置文件里试试</p></div><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><span class="line">16</span><br><span class="line">17</span><br><span class="line">18</span><br></pre></td><td class="code"><pre><span class="line"><span class="attr">live2d:</span></span><br><span class="line"> <span class="attr">enable:</span> <span class="literal">true</span></span><br><span class="line"> <span class="attr">scriptFrom:</span> <span class="string">local</span></span><br><span class="line"> <span class="attr">pluginRootPath:</span> <span class="string">live2dw/</span></span><br><span class="line"> <span class="attr">pluginJsPath:</span> <span class="string">lib/</span></span><br><span class="line"> <span class="attr">pluginModelPath:</span> <span class="string">assets/</span></span><br><span class="line"> <span class="attr">tagMode:</span> <span class="literal">false</span></span><br><span class="line"> <span class="attr">debug:</span> <span class="literal">false</span></span><br><span class="line"> <span class="attr">model:</span></span><br><span class="line"> <span class="attr">use:</span> <span class="string">live2d-widget-model-wanko</span></span><br><span class="line"> <span class="attr">display:</span></span><br><span class="line"> <span class="attr">position:</span> <span class="string">right</span></span><br><span class="line"> <span class="attr">width:</span> <span class="number">150</span></span><br><span class="line"> <span class="attr">height:</span> <span class="number">300</span></span><br><span class="line"> <span class="attr">mobile:</span></span><br><span class="line"> <span class="attr">show:</span> <span class="literal">true</span></span><br><span class="line"> <span class="attr">react:</span></span><br><span class="line"> <span class="attr">opacity:</span> <span class="number">0.7</span></span><br></pre></td></tr></table></figure><p>更多详细的设置，请参考<a href="https://github.com/EYHN/hexo-helper-live2d/blob/master/README.zh-CN.md#%E9%85%8D%E7%BD%AE">官方中文文档</a> ，这里只是简单的放进去。。</p><h2 id="模型配置"><a href="#模型配置" class="headerlink" title="模型配置"></a>模型配置</h2><div class="note info"><p>这里直接使用简单的<code>npm</code>配置</p></div><h3 id="模型列表"><a href="#模型列表" class="headerlink" title="模型列表"></a>模型列表</h3><ul><li><code>live2d-widget-model-chitose</code></li><li><code>live2d-widget-model-epsilon2_1</code></li><li><code>live2d-widget-model-gf</code></li><li><code>live2d-widget-model-haru/01</code> (use <code>npm install --save live2d-widget-model-haru</code>)</li><li><code>live2d-widget-model-haru/02</code> (use <code>npm install --save live2d-widget-model-haru</code>)</li><li><code>live2d-widget-model-haruto</code></li><li><code>live2d-widget-model-hibiki</code></li><li><code>live2d-widget-model-hijiki</code></li><li><code>live2d-widget-model-izumi</code></li><li><code>live2d-widget-model-koharu</code></li><li><code>live2d-widget-model-miku</code></li><li><code>live2d-widget-model-ni-j</code></li><li><code>live2d-widget-model-nico</code></li><li><code>live2d-widget-model-nietzsche</code></li><li><code>live2d-widget-model-nipsilon</code></li><li><code>live2d-widget-model-nito</code></li><li><code>live2d-widget-model-shizuku</code></li><li><code>live2d-widget-model-tororo</code></li><li><code>live2d-widget-model-tsumiki</code></li><li><code>live2d-widget-model-unitychan</code></li><li><code>live2d-widget-model-wanko</code></li><li><code>live2d-widget-model-z16</code></li></ul><h3 id="模型预览"><a href="#模型预览" class="headerlink" title="模型预览"></a>模型预览</h3><p>这里可以直接参看CSDN里的一篇文章，里面有截图。</p><p><a href="https://blog.csdn.net/wang_123_zy/article/details/87181892">Hexo添加Live2D看板娘+模型预览_执念-CSDN博客_hexo live2d</a></p><p>这里我的博客就是用了<code>live2d-widget-model-wanko</code>这个模型。</p><h3 id="模型安装"><a href="#模型安装" class="headerlink" title="模型安装"></a>模型安装</h3><h4 id="安装-1"><a href="#安装-1" class="headerlink" title="安装"></a>安装</h4><figure class="highlight powershell"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">npm install {模型的包名}</span><br></pre></td></tr></table></figure><p><em>把大括号扔掉哈！</em></p><h4 id="载入"><a href="#载入" class="headerlink" title="载入"></a>载入</h4><p>把你安装的模型的包名，比如<code>live2d-widget-model-hijiki</code></p><p>，填入前面塞进<code>_config.yml</code>的配置中的<code> use:</code></p><h1 id="完成"><a href="#完成" class="headerlink" title="完成"></a>完成</h1><div class="note success"><p>重启<code>hexo server</code>，查看效果</p></div>]]></content>
<summary type="html">
Hexo博客添加纯看板娘
</summary>
<category term="教程" scheme="https://www.wr0926.ml/categories/%E6%95%99%E7%A8%8B/"/>
<category term="hexo" scheme="https://www.wr0926.ml/tags/hexo/"/>
<category term="教程" scheme="https://www.wr0926.ml/tags/%E6%95%99%E7%A8%8B/"/>
<category term="看板娘" scheme="https://www.wr0926.ml/tags/%E7%9C%8B%E6%9D%BF%E5%A8%98/"/>
</entry>
<entry>
<title>网站改造升级完成</title>
<link href="https://www.wr0926.ml/p/39386d76/"/>
<id>https://www.wr0926.ml/p/39386d76/</id>
<published>2020-08-02T10:28:42.000Z</published>
<updated>2020-08-24T07:22:59.000Z</updated>
<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><script class="meting-secondary-script-marker" src="\assets\js\Meting.min.js"></script><h1 id="网站性质"><a href="#网站性质" class="headerlink" title="网站性质"></a>网站性质</h1><ol><li>网站的性质由原来的<code>主页</code>变更为<code>博客</code></li></ol><h1 id="网站面貌"><a href="#网站面貌" class="headerlink" title="网站面貌"></a>网站面貌</h1><h2 id="原面貌："><a href="#原面貌：" class="headerlink" title="原面貌："></a>原面貌：</h2><p><img src="https://i.loli.net/2020/08/02/b7pgLnl2DWwhPYK.jpg" alt="原貌"></p><h2 id="现面貌："><a href="#现面貌：" class="headerlink" title="现面貌："></a>现面貌：</h2><p><img src="https://i.loli.net/2020/08/02/OgH3854ezScL19k.jpg" alt="现貌"></p><p><u>美美哒！！</u></p><h1 id="托管仓库"><a href="#托管仓库" class="headerlink" title="托管仓库"></a>托管仓库</h1><p>托管服务商依然是<code>Github</code>，但是地址有所变更：</p><h2 id="旧地址"><a href="#旧地址" class="headerlink" title="旧地址"></a>旧地址</h2><p><a href="https://github.com/wr20060926/wr20060926.github.io">github.com/wr20060926/wr20060926.github.io</a></p><h2 id="新地址"><a href="#新地址" class="headerlink" title="新地址"></a>新地址</h2><p><a href="https://github.com/wr20060926/wrblog.github.io">github.com/wr20060926/wrblog.github.io</a></p><h1 id="内容变更"><a href="#内容变更" class="headerlink" title="内容变更"></a>内容变更</h1><ol><li>基本的一些工具没有移动，但是可能会有一些问题，我会慢慢修复。</li><li>以前在论坛提供的下载链接依旧服务。</li><li>有关工具链接，可以到<a href="https://wr0926.ml/link/">链接</a>去查看，我会慢慢更新。</li></ol><h1 id="老版本国内镜像备份"><a href="#老版本国内镜像备份" class="headerlink" title="老版本国内镜像备份"></a>老版本国内镜像备份</h1><p><a href="https://wr20060926.gitee.io/wr20060926.github.io">wr20060926.gitee.io/wr20060926.github.io</a></p>]]></content>
<summary type="html">
<link rel="stylesheet" class="aplayer-secondary-style-marker" href="\assets\css\APlayer.min.css"><script src="\assets\js\APlayer.min.js" cla
</summary>
<category term="说明" scheme="https://www.wr0926.ml/categories/%E8%AF%B4%E6%98%8E/"/>
<category term="说明" scheme="https://www.wr0926.ml/tags/%E8%AF%B4%E6%98%8E/"/>
</entry>
<entry>
<title>抖音视频无水印下载（手动）</title>
<link href="https://www.wr0926.ml/p/ec32f1a/"/>
<id>https://www.wr0926.ml/p/ec32f1a/</id>
<published>2020-08-02T09:43:57.000Z</published>
<updated>2020-08-24T07:22:59.000Z</updated>
<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><script class="meting-secondary-script-marker" src="\assets\js\Meting.min.js"></script><h1 id="教程"><a href="#教程" class="headerlink" title="教程"></a>教程</h1><h2 id="打开"><a href="#打开" class="headerlink" title="打开"></a>打开</h2><p>首先，得到了一个一个分享的链接：<code>https://v.douyin.com/WuRMPV/</code></p><p>在浏览器中打开：</p><p><img src="https://i.loli.net/2020/08/02/6qMm19svYwrRB4H.jpg" alt="打开界面"></p><p>然后按下<code>F12</code>或者右键，打开开发工具：</p><p><img src="https://i.loli.net/2020/08/02/JGoOlABXcaHrFSj.jpg" alt="打开开发工具"></p><h2 id="抓链接"><a href="#抓链接" class="headerlink" title="抓链接"></a>抓链接</h2><p><img src="https://i.loli.net/2020/08/02/GseMaW5N8jzg4cu.jpg" alt="抓链接"></p><p>如图，找到链接。</p><p>复制。</p><h2 id="去水印"><a href="#去水印" class="headerlink" title="去水印"></a>去水印</h2><p>复制这段链接，粘贴到新的窗口。<strong>但是不要直接访问</strong></p><p>同样打开<code>开发工具</code>，找到类似<img src="https://i.loli.net/2020/08/02/Wu8TVivDj5ZOkfU.png" alt="设备工具">这样的图标，点击，打开了<code>设备工具</code>，选择一个手机型号，如：<img src="https://i.loli.net/2020/08/02/FYH31rDLqJiuyQp.jpg" alt="手机型号"></p><p>找到地址栏，去除链接<code>/playwm/</code>中的<code>wm</code>, <img src="https://i.loli.net/2020/08/02/qB3U7LmcYKR2oWh.jpg" alt="去除wm"></p><p>访问，即可下载视频。</p><div class="note warning"><p>必须要调制手机UI！</p></div>]]></content>
<summary type="html">
总结了网上关于无水印下载抖音视频的教程
</summary>
<category term="教程" scheme="https://www.wr0926.ml/categories/%E6%95%99%E7%A8%8B/"/>
<category term="教程" scheme="https://www.wr0926.ml/tags/%E6%95%99%E7%A8%8B/"/>
<category term="解析" scheme="https://www.wr0926.ml/tags/%E8%A7%A3%E6%9E%90/"/>
<category term="视频" scheme="https://www.wr0926.ml/tags/%E8%A7%86%E9%A2%91/"/>
<category term="下载" scheme="https://www.wr0926.ml/tags/%E4%B8%8B%E8%BD%BD/"/>
</entry>
<entry>
<title>全等三角形笔记</title>
<link href="https://www.wr0926.ml/p/13ea88dc/"/>
<id>https://www.wr0926.ml/p/13ea88dc/</id>
<published>2020-08-01T15:05:20.000Z</published>
<updated>2020-08-24T07:22:59.000Z</updated>
<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><script class="meting-secondary-script-marker" src="\assets\js\Meting.min.js"></script><h1 id="全等三角形笔记"><a href="#全等三角形笔记" class="headerlink" title="全等三角形笔记"></a>全等三角形笔记</h1><p>这个我搞了很久，一两天吧，用<code>OneNote</code>做的，导出成<code>PDF</code>文件</p><p>总结了暑假所学的大部分全等三角形知识，除了母子三角形。</p><p><img src="https://cdn.jsdelivr.net/gh/wayne0926/myphoto/img/quandengsanjiaoxing1.jpg" alt="笔记截图"></p><h1 id="下载"><a href="#下载" class="headerlink" title="下载"></a>下载</h1><p><a href="http://pan-yz.chaoxing.com/share/info/97c00ab117e9c4c9">点击访问超星网盘（需登录）</a></p><p><a href="https://wayne0926.lanzous.com/iCN69f7krji">点击访问蓝奏云（无需登录）</a></p>]]></content>
<summary type="html">
自己花时间总结的一个关于全等三角形验证方法的一个笔记
</summary>
<category term="分享" scheme="https://www.wr0926.ml/categories/%E5%88%86%E4%BA%AB/"/>
<category term="笔记" scheme="https://www.wr0926.ml/tags/%E7%AC%94%E8%AE%B0/"/>
</entry>
<entry>
<title>在线听写助手</title>
<link href="https://www.wr0926.ml/p/b204d02b/"/>
<id>https://www.wr0926.ml/p/b204d02b/</id>
<published>2020-08-01T10:12:28.000Z</published>
<updated>2020-08-24T07:22:59.000Z</updated>
<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><script class="meting-secondary-script-marker" src="\assets\js\Meting.min.js"></script><h2 id="历程"><a href="#历程" class="headerlink" title="历程"></a>历程</h2><p>原始的素材来源于网络，现在已经找不到具体的出处。</p><p>我在无意间发现了这个工具，什么都好，就是很丑，各种按钮都是HTML里自带的样式，于是我在闲下来的时候就对他进行了修改。</p><p>工具经历了许多版本，这也是我的第一个高度开发的工具，从中我也学到了很多，也明白了很多道理。你所直接访问的版本其实我已经没有怎么维护了，我的开发方向转移到了<code>BootStrap</code>框架构造上。</p><p>但是现在仍然没有开发完成，许多问题有待解决。相比成品，访问速度快，界面简洁，手机体验佳。</p><p><img src="https://i.loli.net/2020/08/01/zEpAWfvtX6iVsRS.jpg" alt="普通版本"></p><p><img src="https://i.loli.net/2020/08/01/X5TIzgYyH8ux21W.png" alt="新开发版本"></p><h2 id="链接"><a href="#链接" class="headerlink" title="链接"></a>链接</h2><h3 id="普通版本-：点击访问"><a href="#普通版本-：点击访问" class="headerlink" title="普通版本 ：点击访问"></a>普通版本 ：<a href="https://wr0926.ml/tx/">点击访问</a></h3><h3 id="新开发版本：点击访问"><a href="#新开发版本：点击访问" class="headerlink" title="新开发版本：点击访问"></a>新开发版本：<a href="https://wr0926.ml/tx/new2/">点击访问</a></h3>]]></content>
<summary type="html">
关于我再开发的一款在线听写工具
</summary>
<category term="工具" scheme="https://www.wr0926.ml/categories/%E5%B7%A5%E5%85%B7/"/>
<category term="工具" scheme="https://www.wr0926.ml/tags/%E5%B7%A5%E5%85%B7/"/>
</entry>
</feed>