-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy path18.html
More file actions
362 lines (319 loc) · 41.6 KB
/
18.html
File metadata and controls
362 lines (319 loc) · 41.6 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
<!DOCTYPE html><html lang="zh-CN" data-theme="light"><head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width,initial-scale=1"><title>为网站添加点击特效 | killuaの博客</title><meta name="keywords" content="❤点击效果"><meta name="author" content="killua,flurrychan@yahoo.com.hk"><meta name="copyright" content="killua"><meta name="format-detection" content="telephone=no"><meta name="theme-color" content="#ffffff"><meta name="description" content="为网站添加点击特效只需要简单的2个步骤 首先复制下面代码，保存为xxx.js文件onload = function() &#123; var click_cnt = 0; var $html = document.getElementsByTagName("html")[0]; var $body = document.getElementsByTagName">
<meta property="og:type" content="article">
<meta property="og:title" content="为网站添加点击特效">
<meta property="og:url" content="https://hexo.cf/18.html">
<meta property="og:site_name" content="killuaの博客">
<meta property="og:description" content="为网站添加点击特效只需要简单的2个步骤 首先复制下面代码，保存为xxx.js文件onload = function() &#123; var click_cnt = 0; var $html = document.getElementsByTagName("html")[0]; var $body = document.getElementsByTagName">
<meta property="og:locale" content="zh_CN">
<meta property="og:image" content="https://hexo.cf/img/emoji/12.png">
<meta property="article:published_time" content="2020-12-23T16:00:00.000Z">
<meta property="article:modified_time" content="2022-02-12T14:50:13.166Z">
<meta property="article:author" content="killua">
<meta property="article:tag" content="❤点击效果">
<meta name="twitter:card" content="summary">
<meta name="twitter:image" content="https://hexo.cf/img/emoji/12.png"><link rel="shortcut icon" href="/../img/favicon.png"><link rel="canonical" href="https://hexo.cf/18"><link rel="preconnect" href="//cdn.jsdelivr.net"/><link rel="preconnect" href="//busuanzi.ibruce.info"/><link rel="stylesheet" href="/css/index.css"><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free/css/all.min.css" media="print" onload="this.media='all'"><script>const GLOBAL_CONFIG = {
root: '/',
algolia: undefined,
localSearch: {"path":"search.xml","languages":{"hits_empty":"找不到您查询的内容：${query}"}},
translate: {"defaultEncoding":2,"translateDelay":0,"msgToTraditionalChinese":"繁","msgToSimplifiedChinese":"簡"},
noticeOutdate: {"limitDay":30,"position":"top","messagePrev":"文章已超过","messageNext":"天没有更新，可能已经失效."},
highlight: {"plugin":"highlighjs","highlightCopy":true,"highlightLang":true,"highlightHeightLimit":false},
copy: {
success: '复制成功',
error: '复制错误',
noSupport: '浏览器不支持'
},
relativeDate: {
homepage: false,
post: false
},
runtime: '天',
date_suffix: {
just: '刚刚',
min: '分钟前',
hour: '小时前',
day: '天前',
month: '个月前'
},
copyright: undefined,
lightbox: 'fancybox',
Snackbar: undefined,
source: {
jQuery: 'https://cdn.jsdelivr.net/npm/jquery@latest/dist/jquery.min.js',
justifiedGallery: {
js: 'https://cdn.jsdelivr.net/npm/justifiedGallery/dist/js/jquery.justifiedGallery.min.js',
css: 'https://cdn.jsdelivr.net/npm/justifiedGallery/dist/css/justifiedGallery.min.css'
},
fancybox: {
js: 'https://cdn.jsdelivr.net/npm/@fancyapps/fancybox@latest/dist/jquery.fancybox.min.js',
css: 'https://cdn.jsdelivr.net/npm/@fancyapps/fancybox@latest/dist/jquery.fancybox.min.css'
}
},
isPhotoFigcaption: false,
islazyload: false,
isanchor: false
}</script><script id="config-diff">var GLOBAL_CONFIG_SITE = {
title: '为网站添加点击特效',
isPost: true,
isHome: false,
isHighlightShrink: true,
isToc: true,
postUpdate: '2022-02-12 22:50:13'
}</script><noscript><style type="text/css">
#nav {
opacity: 1
}
.justified-gallery img {
opacity: 1
}
#recent-posts time,
#post-meta time {
display: inline !important
}
</style></noscript><script>(win=>{
win.saveToLocal = {
set: function setWithExpiry(key, value, ttl) {
if (ttl === 0) return
const now = new Date()
const expiryDay = ttl * 86400000
const item = {
value: value,
expiry: now.getTime() + expiryDay,
}
localStorage.setItem(key, JSON.stringify(item))
},
get: function getWithExpiry(key) {
const itemStr = localStorage.getItem(key)
if (!itemStr) {
return undefined
}
const item = JSON.parse(itemStr)
const now = new Date()
if (now.getTime() > item.expiry) {
localStorage.removeItem(key)
return undefined
}
return item.value
}
}
win.getScript = url => new Promise((resolve, reject) => {
const script = document.createElement('script')
script.src = url
script.async = true
script.onerror = reject
script.onload = script.onreadystatechange = function() {
const loadState = this.readyState
if (loadState && loadState !== 'loaded' && loadState !== 'complete') return
script.onload = script.onreadystatechange = null
resolve()
}
document.head.appendChild(script)
})
win.activateDarkMode = function () {
document.documentElement.setAttribute('data-theme', 'dark')
if (document.querySelector('meta[name="theme-color"]') !== null) {
document.querySelector('meta[name="theme-color"]').setAttribute('content', '#0d0d0d')
}
}
win.activateLightMode = function () {
document.documentElement.setAttribute('data-theme', 'light')
if (document.querySelector('meta[name="theme-color"]') !== null) {
document.querySelector('meta[name="theme-color"]').setAttribute('content', '#ffffff')
}
}
const t = saveToLocal.get('theme')
if (t === 'dark') activateDarkMode()
else if (t === 'light') activateLightMode()
const asideStatus = saveToLocal.get('aside-status')
if (asideStatus !== undefined) {
if (asideStatus === 'hide') {
document.documentElement.classList.add('hide-aside')
} else {
document.documentElement.classList.remove('hide-aside')
}
}
const detectApple = () => {
if (GLOBAL_CONFIG_SITE.isHome && /iPad|iPhone|iPod|Macintosh/.test(navigator.userAgent)){
document.documentElement.classList.add('apple')
}
}
detectApple()
document.addEventListener('pjax:complete', detectApple)})(window)</script><link rel="stylesheet" href="../css/font-awesome-animation.min.css"><link rel="stylesheet" defer="defer" href="../css/css.css" ><meta name="generator" content="Hexo 5.4.0"></head><body><div id="web_bg"></div><div id="sidebar"><div id="menu-mask"></div><div id="sidebar-menus"><div class="avatar-img is-center"><img src="/../img/tx.jpg" onerror="onerror=null;src='../img/friend_404.gif'" alt="avatar"/></div><div class="site-data"><div class="data-item is-center"><div class="data-item-link"><a href="/archives/"><div class="headline">文章</div><div class="length-num">59</div></a></div></div><div class="data-item is-center"><div class="data-item-link"><a href="/tags/"><div class="headline">标签</div><div class="length-num">47</div></a></div></div><div class="data-item is-center"><div class="data-item-link"><a href="/categories/"><div class="headline">分类</div><div class="length-num">6</div></a></div></div></div><hr/><div class="menus_items"><div class="menus_item"><a class="site-page" href="/"><span> 🏠首页</span></a></div><div class="menus_item"><a class="site-page" href="/archives/"><span> ⏱时间轴</span></a></div><div class="menus_item"><a class="site-page" href="javascript:void(0);"><span> 📝清单</span><i class="fas fa-chevron-down expand hide"></i></a><ul class="menus_item_child" style="left:-15px;"><li><a class="site-page child" href="/music/"><span> 🎵音乐</span></a></li><li><a class="site-page child" href="/gallery/"><span> 📷照片</span></a></li></ul></div><div class="menus_item"><a class="site-page" href="javascript:void(0);"><span> 👬社交</span><i class="fas fa-chevron-down expand hide"></i></a><ul class="menus_item_child" style="left:-55px;"><li><a class="site-page child" href="/link/"><span> 🔗友链</span></a></li><li><a class="site-page child" href="/friend/"><span> 🧑🤝🧑朋友圈</span></a></li><li><a class="site-page child" href="/comments/"><span> 💬留言板</span></a></li></ul></div><div class="menus_item"><a class="site-page" href="/donate/"><span> 💵打赏</span></a></div><div class="menus_item"><a class="site-page" href="javascript:void(0);"><span> 👻关于</span><i class="fas fa-chevron-down expand hide"></i></a><ul class="menus_item_child" style="left:-55px;"><li><a class="site-page child" href="/about/"><span> 💖关于我</span></a></li><li><a class="site-page child" href="/mz/"><span> ❗免责声明</span></a></li><li><a class="site-page child" href="/privacy-policy/"><span> 🔒私隐政策</span></a></li></ul></div><div class="menus_item"><a class="site-page" href="javascript:void(0);"><span> 🚪入口</span><i class="fas fa-chevron-down expand hide"></i></a><ul class="menus_item_child" style="left:-55px;"><li><a class="site-page child" target="_blank" rel="noopener" href="https://waline-eknrquusw-flurrychan.vercel.app/ui/login"><span> 📝评论管理</span></a></li><li><a class="site-page child" target="_blank" rel="noopener" href="https://www.iloveimg.com/zh-cn/"><span> 🧩图像处理</span></a></li><li><a class="site-page child" target="_blank" rel="noopener" href="https://tw.piliapp.com/emoji/list/"><span> 😜表情图案</span></a></li></ul></div></div></div></div><div class="post" id="body-wrap"><header class="post-bg" id="page-header" style="background-image: url('/../img/emoji/12.png')"><nav id="nav"><span id="blog_name"><a id="site-name" href="/">killuaの博客</a></span><div id="menus"><div class="menus_items"><div class="menus_item"><a class="site-page" href="/"><span> 🏠首页</span></a></div><div class="menus_item"><a class="site-page" href="/archives/"><span> ⏱时间轴</span></a></div><div class="menus_item"><a class="site-page" href="javascript:void(0);"><span> 📝清单</span><i class="fas fa-chevron-down expand hide"></i></a><ul class="menus_item_child" style="left:-15px;"><li><a class="site-page child" href="/music/"><span> 🎵音乐</span></a></li><li><a class="site-page child" href="/gallery/"><span> 📷照片</span></a></li></ul></div><div class="menus_item"><a class="site-page" href="javascript:void(0);"><span> 👬社交</span><i class="fas fa-chevron-down expand hide"></i></a><ul class="menus_item_child" style="left:-55px;"><li><a class="site-page child" href="/link/"><span> 🔗友链</span></a></li><li><a class="site-page child" href="/friend/"><span> 🧑🤝🧑朋友圈</span></a></li><li><a class="site-page child" href="/comments/"><span> 💬留言板</span></a></li></ul></div><div class="menus_item"><a class="site-page" href="/donate/"><span> 💵打赏</span></a></div><div class="menus_item"><a class="site-page" href="javascript:void(0);"><span> 👻关于</span><i class="fas fa-chevron-down expand hide"></i></a><ul class="menus_item_child" style="left:-55px;"><li><a class="site-page child" href="/about/"><span> 💖关于我</span></a></li><li><a class="site-page child" href="/mz/"><span> ❗免责声明</span></a></li><li><a class="site-page child" href="/privacy-policy/"><span> 🔒私隐政策</span></a></li></ul></div><div class="menus_item"><a class="site-page" href="javascript:void(0);"><span> 🚪入口</span><i class="fas fa-chevron-down expand hide"></i></a><ul class="menus_item_child" style="left:-55px;"><li><a class="site-page child" target="_blank" rel="noopener" href="https://waline-eknrquusw-flurrychan.vercel.app/ui/login"><span> 📝评论管理</span></a></li><li><a class="site-page child" target="_blank" rel="noopener" href="https://www.iloveimg.com/zh-cn/"><span> 🧩图像处理</span></a></li><li><a class="site-page child" target="_blank" rel="noopener" href="https://tw.piliapp.com/emoji/list/"><span> 😜表情图案</span></a></li></ul></div></div></div><div id="navFn"><div id="search-button"><a class="site-page social-icon search"><i class="fas fa-search fa-fw"></i><span> 搜索</span></a></div><div id="toggle-menu"><a class="site-page"><i class="fas fa-bars fa-fw"></i></a></div></div></nav><div id="post-info"><h1 class="post-title">为网站添加点击特效<a class="post-edit-link" href="https://github.com/flurrychan/hexo/edit/main/source/_posts/wordpress/为网站添加点击特效.md" title="编辑" target="_blank"><i class="fas fa-pencil-alt"></i></a></h1><div id="post-meta"><div class="meta-firstline"><span class="post-meta-date"><i class="far fa-calendar-alt fa-fw post-meta-icon"></i><span class="post-meta-label">发表于</span><time class="post-meta-date-created" datetime="2020-12-23T16:00:00.000Z" title="发表于 2020-12-24 00:00:00">2020-12-24</time><span class="post-meta-separator">|</span><i class="fas fa-history fa-fw post-meta-icon"></i><span class="post-meta-label">更新于</span><time class="post-meta-date-updated" datetime="2022-02-12T14:50:13.166Z" title="更新于 2022-02-12 22:50:13">2022-02-12</time></span><span class="post-meta-categories"><span class="post-meta-separator">|</span><i class="fas fa-inbox fa-fw post-meta-icon"></i><a class="post-meta-categories" href="/categories/%F0%9F%93%96wordpress/">📖wordpress</a></span></div><div class="meta-secondline"><span class="post-meta-separator">|</span><span class="post-meta-wordcount"><i class="far fa-file-word fa-fw post-meta-icon"></i><span class="post-meta-label">字数总计:</span><span class="word-count">334</span><span class="post-meta-separator">|</span><i class="far fa-clock fa-fw post-meta-icon"></i><span class="post-meta-label">阅读时长:</span><span>1分钟</span></span><span class="post-meta-separator">|</span><span class="post-meta-pv-cv" id="" data-flag-title="为网站添加点击特效"><i class="far fa-eye fa-fw post-meta-icon"></i><span class="post-meta-label">阅读量:</span><span id="busuanzi_value_page_pv"></span></span></div></div></div></header><main class="layout" id="content-inner"><div id="post"><div class="top-img gist" style="background-image: url(/../img/emoji/12.png)"></div><article class="post-content" id="article-container"><p><img src="https://cdn.jsdelivr.net/gh/flurrychan/cdn/img/dianji/421-1.png"><br>为网站添加点击特效只需要简单的2个步骤</p>
<h4 id="首先复制下面代码，保存为xxx-js文件"><a href="#首先复制下面代码，保存为xxx-js文件" class="headerlink" title="首先复制下面代码，保存为xxx.js文件"></a>首先复制下面代码，保存为xxx.js文件</h4><figure class="highlight js"><table><tr><td class="code"><pre><span class="line">onload = <span class="function"><span class="keyword">function</span>(<span class="params"></span>) </span>{</span><br><span class="line"> <span class="keyword">var</span> click_cnt = <span class="number">0</span>;</span><br><span class="line"> <span class="keyword">var</span> $html = <span class="built_in">document</span>.getElementsByTagName(<span class="string">"html"</span>)[<span class="number">0</span>];</span><br><span class="line"> <span class="keyword">var</span> $body = <span class="built_in">document</span>.getElementsByTagName(<span class="string">"body"</span>)[<span class="number">0</span>];</span><br><span class="line"> $html.onclick = <span class="function"><span class="keyword">function</span>(<span class="params">e</span>) </span>{</span><br><span class="line"> <span class="keyword">var</span> $elem = <span class="built_in">document</span>.createElement(<span class="string">"b"</span>);</span><br><span class="line"> $elem.style.color = <span class="string">"#E94F06"</span>;</span><br><span class="line"> $elem.style.zIndex = <span class="number">9999</span>;</span><br><span class="line"> $elem.style.position = <span class="string">"absolute"</span>;</span><br><span class="line"> $elem.style.select = <span class="string">"none"</span>;</span><br><span class="line"> <span class="keyword">var</span> x = e.pageX;</span><br><span class="line"> <span class="keyword">var</span> y = e.pageY;</span><br><span class="line"> $elem.style.left = (x - <span class="number">10</span>) + <span class="string">"px"</span>;</span><br><span class="line"> $elem.style.top = (y - <span class="number">20</span>) + <span class="string">"px"</span>;</span><br><span class="line"> <span class="built_in">clearInterval</span>(anim);</span><br><span class="line"> <span class="keyword">switch</span> (++click_cnt) {</span><br><span class="line"> <span class="keyword">case</span> <span class="number">10</span>:</span><br><span class="line"> $elem.innerText = <span class="string">"OωO"</span>;</span><br><span class="line"> <span class="keyword">break</span>;</span><br><span class="line"> <span class="keyword">case</span> <span class="number">20</span>:</span><br><span class="line"> $elem.innerText = <span class="string">"(๑•́ ∀ •̀๑)"</span>;</span><br><span class="line"> <span class="keyword">break</span>;</span><br><span class="line"> <span class="keyword">case</span> <span class="number">30</span>:</span><br><span class="line"> $elem.innerText = <span class="string">"(๑•́ ₃ •̀๑)"</span>;</span><br><span class="line"> <span class="keyword">break</span>;</span><br><span class="line"> <span class="keyword">case</span> <span class="number">40</span>:</span><br><span class="line"> $elem.innerText = <span class="string">"(๑•̀_•́๑)"</span>;</span><br><span class="line"> <span class="keyword">break</span>;</span><br><span class="line"> <span class="keyword">case</span> <span class="number">50</span>:</span><br><span class="line"> $elem.innerText = <span class="string">"（￣へ￣）"</span>;</span><br><span class="line"> <span class="keyword">break</span>;</span><br><span class="line"> <span class="keyword">case</span> <span class="number">60</span>:</span><br><span class="line"> $elem.innerText = <span class="string">"(╯°口°)╯(┴—┴"</span>;</span><br><span class="line"> <span class="keyword">break</span>;</span><br><span class="line"> <span class="keyword">case</span> <span class="number">70</span>:</span><br><span class="line"> $elem.innerText = <span class="string">"૮( ᵒ̌皿ᵒ̌ )ა"</span>;</span><br><span class="line"> <span class="keyword">break</span>;</span><br><span class="line"> <span class="keyword">case</span> <span class="number">80</span>:</span><br><span class="line"> $elem.innerText = <span class="string">"╮(｡>口<｡)╭"</span>;</span><br><span class="line"> <span class="keyword">break</span>;</span><br><span class="line"> <span class="keyword">case</span> <span class="number">90</span>:</span><br><span class="line"> $elem.innerText = <span class="string">"( ง ᵒ̌皿ᵒ̌)ง⁼³₌₃"</span>;</span><br><span class="line"> <span class="keyword">break</span>;</span><br><span class="line"> <span class="keyword">case</span> <span class="number">100</span>:</span><br><span class="line"> <span class="keyword">case</span> <span class="number">101</span>:</span><br><span class="line"> <span class="keyword">case</span> <span class="number">102</span>:</span><br><span class="line"> <span class="keyword">case</span> <span class="number">103</span>:</span><br><span class="line"> <span class="keyword">case</span> <span class="number">104</span>:</span><br><span class="line"> <span class="keyword">case</span> <span class="number">105</span>:</span><br><span class="line"> $elem.innerText = <span class="string">"(ꐦ°᷄д°᷅)"</span>;</span><br><span class="line"> <span class="keyword">break</span>;</span><br><span class="line"> <span class="keyword">default</span>:</span><br><span class="line"> $elem.innerText = <span class="string">"❤"</span>;</span><br><span class="line"> <span class="keyword">break</span>;</span><br><span class="line"> }</span><br><span class="line"> $elem.style.fontSize = <span class="built_in">Math</span>.random() * <span class="number">10</span> + <span class="number">8</span> + <span class="string">"px"</span>;</span><br><span class="line"> <span class="keyword">var</span> increase = <span class="number">0</span>;</span><br><span class="line"> <span class="keyword">var</span> anim;</span><br><span class="line"> <span class="built_in">setTimeout</span>(<span class="function"><span class="keyword">function</span>(<span class="params"></span>) </span>{</span><br><span class="line"> anim = <span class="built_in">setInterval</span>(<span class="function"><span class="keyword">function</span>(<span class="params"></span>) </span>{</span><br><span class="line"> <span class="keyword">if</span> (++increase == <span class="number">150</span>) {</span><br><span class="line"> <span class="built_in">clearInterval</span>(anim);</span><br><span class="line"> $body.removeChild($elem);</span><br><span class="line"> }</span><br><span class="line"> $elem.style.top = y - <span class="number">20</span> - increase + <span class="string">"px"</span>;</span><br><span class="line"> $elem.style.opacity = (<span class="number">150</span> - increase) / <span class="number">120</span>;</span><br><span class="line"> }, <span class="number">8</span>);</span><br><span class="line"> }, <span class="number">70</span>);</span><br><span class="line"> $body.appendChild($elem);</span><br><span class="line"> };</span><br><span class="line">};</span><br></pre></td></tr></table></figure>
<p>以上表情，图案可自定义其他文字表情图案等！</p>
<p> 然后打开主题footer.php，在最底部的<code></boby></code>前添加代码引用</p>
<figure class="highlight js"><table><tr><td class="code"><pre><span class="line"><script type=<span class="string">"text/javascript"</span> src=<span class="string">"https://你的網址/xxxx.js"</span>></script></span><br></pre></td></tr></table></figure></article><div class="post-copyright"><div class="post-copyright__title"><span class="post-copyright-info"><h>为网站添加点击特效</h></span></div><div class="post-copyright__type"><span class="post-copyright-info"><a href="https://hexo.cf/18.html">https://hexo.cf/18.html</a></span></div><div class="post-copyright-m"><div class="post-copyright-m-info"><div class="post-copyright-a"><h>作者</h><div class="post-copyright-cc-info"><h>killua</h></div></div><div class="post-copyright-c"><h>发布于</h><div class="post-copyright-cc-info"><h>2020-12-24</h></div></div><div class="post-copyright-u"><h>更新于</h><div class="post-copyright-cc-info"><h>2022-02-12</h></div></div><div class="post-copyright-c"><h>许可协议</h><div class="post-copyright-cc-info"><a class="icon" rel="noopener" target="_blank" title="Creative Commons" href="https://creativecommons.org/"><i class="fab fa-creative-commons"></i></a><a rel="noopener" target="_blank" title="CC BY-NC-SA 4.0" href="https://creativecommons.org/licenses/by-nc-sa/4.0/">CC BY-NC-SA 4.0</a></div></div></div></div></div><div class="tag_share"><div class="post-meta__tag-list"><a class="post-meta__tags" href="/tags/%E2%9D%A4%E7%82%B9%E5%87%BB%E6%95%88%E6%9E%9C/">❤点击效果</a></div><div class="post_share"><div class="social-share" data-image="/../img/emoji/12.png" data-sites="facebook,twitter,wechat,weibo,qq"></div><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/social-share.js/dist/css/share.min.css" media="print" onload="this.media='all'"><script src="https://cdn.jsdelivr.net/npm/social-share.js/dist/js/social-share.min.js" defer></script></div></div><link rel="stylesheet" href="/css/css.css" media="defer" onload="this.media='all'"/><div class="post-reward"><button class="tip-button reward-button"><span class="tip-button__text">💰️大爷赏点发财钱</span><div class="coin-wrapper"><div class="coin"><div class="coin__middle"></div><div class="coin__back"></div><div class="coin__front"></div></div></div><div class="reward-main"><ul class="reward-all"><li class="reward-item"><a href="../img/rmb.jpg" target="_blank"><img class="post-qr-code-img" src="/../img/rmb.jpg" alt="支付宝"/></a><div class="post-qr-code-desc">支付宝</div></li><li class="reward-item"><a href="../img/hkd.jpg" target="_blank"><img class="post-qr-code-img" src="/../img/hkd.jpg" alt="支付宝HK"/></a><div class="post-qr-code-desc">支付宝HK</div></li></ul></div></button></div><audio id="coinAudio" src="/../img/coin.mp3"></audio><script defer="defer" src="/js/dt.js"></script><nav class="pagination-post" id="pagination"><div class="prev-post pull-left"><a href="/19.html"><img class="prev-cover" src="/../img/emoji/09.png" onerror="onerror=null;src='/../img/404.jpg'" alt="cover of previous post"><div class="pagination-info"><div class="label">上一篇</div><div class="prev_info">为WordPress文章作者评论留言显示“文本作者”提示</div></div></a></div><div class="next-post pull-right"><a href="/34.html"><img class="next-cover" src="/../img/emoji/04.png" onerror="onerror=null;src='/../img/404.jpg'" alt="cover of next post"><div class="pagination-info"><div class="label">下一篇</div><div class="next_info">为网站添加live2d-看板娘</div></div></a></div></nav><hr/><div id="post-comment"><div class="comment-head"><div class="comment-headline"><i class="fas fa-comments fa-fw"></i><span> 评论</span></div></div><div class="comment-wrap"><div><div id="waline-wrap"></div></div></div></div></div><div class="aside-content" id="aside-content"><div class="card-widget card-info"><div class="is-center"><div class="avatar-img"><img src="/../img/tx.jpg" onerror="this.onerror=null;this.src='/../img/friend_404.gif'" alt="avatar"/></div><div class="author-info__name">killua</div><div class="author-info__description">生命不息，折腾不止</div></div><div class="card-info-data"><div class="card-info-data-item is-center"><a href="/archives/"><div class="headline">文章</div><div class="length-num">59</div></a></div><div class="card-info-data-item is-center"><a href="/tags/"><div class="headline">标签</div><div class="length-num">47</div></a></div><div class="card-info-data-item is-center"><a href="/categories/"><div class="headline">分类</div><div class="length-num">6</div></a></div></div><a class="button--animated" id="card-info-btn" href="tencent://message/?uin=84562106"><i class="fab fa-qq"></i><span>联系站长</span></a><div class="card-info-social-icons is-center"><a class="social-icon" href="https://api.whatsapp.com/send?phone=85253313353&text=請問在嗎？" target="_blank" title="whatsapp"><i class="fab fa-whatsapp-square"></i></a><a class="social-icon" href="https://github.com/flurrychan" target="_blank" title="Github"><i class="fab fa-github"></i></a><a class="social-icon" href="mailto:flurrychan@yahoo.com.hk" target="_blank" title="Email"><i class="fas fa-envelope"></i></a><a class="social-icon" href="/sitemap.xml" target="_blank" title="RSS"><i class="fas fa-map-signs"></i></a></div></div><div class="card-widget card-announcement"><div class="item-headline"><i class="fas fa-bullhorn card-announcement-animation"></i><span>公告</span></div><div class="announcement_content">本站网址为 https://hexo.cf</div></div><div class="sticky_layout"><div class="card-widget" id="card-toc"><div class="item-headline"><i class="fas fa-stream"></i><span>目录</span></div><div class="toc-content"><ol class="toc"><li class="toc-item toc-level-4"><a class="toc-link" href="#%E9%A6%96%E5%85%88%E5%A4%8D%E5%88%B6%E4%B8%8B%E9%9D%A2%E4%BB%A3%E7%A0%81%EF%BC%8C%E4%BF%9D%E5%AD%98%E4%B8%BAxxx-js%E6%96%87%E4%BB%B6"><span class="toc-number">1.</span> <span class="toc-text">首先复制下面代码，保存为xxx.js文件</span></a></li></ol></div></div><div class="card-widget card-recent-post"><div class="item-headline"><i class="fas fa-history"></i><span>最新文章</span></div><div class="aside-list"><div class="aside-list-item"><a class="thumbnail" href="/57.html" title="右键圆圈六环选项"><img src="/../img/emoji/19.png" onerror="this.onerror=null;this.src='/../img/404.jpg'" alt="右键圆圈六环选项"/></a><div class="content"><a class="title" href="/57.html" title="右键圆圈六环选项">右键圆圈六环选项</a><time datetime="2022-01-29T16:00:00.000Z" title="发表于 2022-01-30 00:00:00">2022-01-30</time></div></div><div class="aside-list-item"><a class="thumbnail" href="/55.html" title="配置手机 PC 页面白天黑夜共四个背景图"><img src="/../img/emoji/09.png" onerror="this.onerror=null;this.src='/../img/404.jpg'" alt="配置手机 PC 页面白天黑夜共四个背景图"/></a><div class="content"><a class="title" href="/55.html" title="配置手机 PC 页面白天黑夜共四个背景图">配置手机 PC 页面白天黑夜共四个背景图</a><time datetime="2022-01-27T16:00:00.000Z" title="发表于 2022-01-28 00:00:00">2022-01-28</time></div></div><div class="aside-list-item"><a class="thumbnail" href="/56.html" title="配置手机 PC 页面白天黑夜共四个背景图"><img src="/../img/emoji/04.png" onerror="this.onerror=null;this.src='/../img/404.jpg'" alt="配置手机 PC 页面白天黑夜共四个背景图"/></a><div class="content"><a class="title" href="/56.html" title="配置手机 PC 页面白天黑夜共四个背景图">配置手机 PC 页面白天黑夜共四个背景图</a><time datetime="2022-01-27T16:00:00.000Z" title="发表于 2022-01-28 00:00:00">2022-01-28</time></div></div><div class="aside-list-item"><a class="thumbnail" href="/54.html" title="sakura本地化包跟回复可见"><img src="/../img/emoji/10.png" onerror="this.onerror=null;this.src='/../img/404.jpg'" alt="sakura本地化包跟回复可见"/></a><div class="content"><a class="title" href="/54.html" title="sakura本地化包跟回复可见">sakura本地化包跟回复可见</a><time datetime="2021-12-14T16:00:00.000Z" title="发表于 2021-12-15 00:00:00">2021-12-15</time></div></div><div class="aside-list-item"><a class="thumbnail" href="/53.html" title="对于sakura的播放器修复方法跟移动端显示"><img src="/../img/emoji/21.png" onerror="this.onerror=null;this.src='/../img/404.jpg'" alt="对于sakura的播放器修复方法跟移动端显示"/></a><div class="content"><a class="title" href="/53.html" title="对于sakura的播放器修复方法跟移动端显示">对于sakura的播放器修复方法跟移动端显示</a><time datetime="2021-12-14T16:00:00.000Z" title="发表于 2021-12-15 00:00:00">2021-12-15</time></div></div></div></div></div></div></main><footer id="footer" style="background: transparent"><div id="footer-wrap"><div class="copyright">©2022 By killua</div><div class="framework-info"><span>框架 </span><a target="_blank" rel="noopener" href="https://hexo.io">Hexo</a><span class="footer-separator">|</span><span>主题 </span><a target="_blank" rel="noopener" href="https://github.com/jerryc127/hexo-theme-butterfly">Butterfly</a></div><div class="footer_custom_text"><div class="js-pjax"><span id="cnzz_stat_icon_1280721074"></span><script async src="https://s9.cnzz.com/z_stat.php?id=1280721074&online=1&show=line"></script><script async src="https://c.cnzz.com/core.php?web_id=1280721074&show=line&online=1&t=z" charset="utf-8"></script></div></div></div></footer></div><div id="rightside"><div id="rightside-config-hide"><button id="translateLink" type="button" title="简繁转换">繁</button><button id="darkmode" type="button" title="浅色和深色模式转换"><i class="fas fa-adjust"></i></button><button id="hide-aside-btn" type="button" title="单栏和双栏切换"><i class="fas fa-arrows-alt-h"></i></button></div><div id="rightside-config-show"><button id="rightside_config" type="button" title="设置"><i class="fas fa-cog fa-spin"></i></button><button class="close" id="mobile-toc-button" type="button" title="目录"><i class="fas fa-list-ul"></i></button><a id="to_comment" href="#post-comment" title="直达评论"><i class="fas fa-comments"></i></a><button id="go-up" type="button" title="回到顶部"><i class="fas fa-arrow-up"></i></button></div></div><div id="local-search"><div class="search-dialog"><div class="search-dialog__title" id="local-search-title">本地搜索</div><div id="local-input-panel"><div id="local-search-input"><div class="local-search-box"><input class="local-search-box--input" placeholder="搜索文章" type="text"/></div></div></div><hr/><div id="local-search-results"></div><span class="search-close-button"><i class="fas fa-times"></i></span></div><div id="search-mask"></div></div><div><script src="/js/utils.js"></script><script src="/js/main.js"></script><script src="/js/tw_cn.js"></script><script src="/js/search/local-search.js"></script><div class="js-pjax"><script>function loadWaline () {
function initWaline () {
const waline = new Waline(Object.assign({
el: '#waline-wrap',
serverURL: 'https://waline-eknrquusw-flurrychan.vercel.app',
avatar: 'monsterid',
avatarCDN: 'https://sdn.geekzu.org/avatar/',
path: location.pathname,
visitor: false,
dark: 'html[data-theme="dark"]'
}, {"copyright":false}))
}
if (typeof Waline === 'function') initWaline()
else getScript('https://cdn.jsdelivr.net/npm/@waline/client/dist/Waline.min.js').then(initWaline)
}
if ('Waline' === 'Waline' || !true) {
if (true) btf.loadComment(document.getElementById('waline-wrap'),loadWaline)
else setTimeout(loadWaline, 0)
} else {
function loadOtherComment () {
loadWaline()
}
}</script></div><script>window.addEventListener('load', () => {
const changeContent = (content) => {
if (content === '') return content
content = content.replace(/<img.*?src="(.*?)"?[^\>]+>/ig, '[图片]') // replace image link
content = content.replace(/<a[^>]+?href=["']?([^"']+)["']?[^>]*>([^<]+)<\/a>/gi, '[链接]') // replace url
content = content.replace(/<pre><code>.*?<\/pre>/gi, '[代码]') // replace code
content = content.replace(/<[^>]+>/g,"") // remove html tag
if (content.length > 150) {
content = content.substring(0,150) + '...'
}
return content
}
const getIcon = (ava,mail) => {
if (ava) return ava
let defaultIcon = '?d=monsterid'
let iconUrl = "https://0.gravatar.com/avatar/" + mail + defaultIcon
return iconUrl
}
const generateHtml = array => {
let result = ''
if (array.length) {
for (let i = 0; i < array.length; i++) {
result += '<div class=\'aside-list-item\'>'
if (true) {
const name = 'src'
result += `<a href='${array[i].url}' class='thumbnail'><img ${name}='${array[i].avatar}' alt='${array[i].nick}'></a>`
}
result += `<div class='content'>
<a class='comment' href='${array[i].url}'>${array[i].content}</a>
<div class='name'><span>${array[i].nick} / </span><time datetime="${array[i].date}">${btf.diffDate(array[i].date, true)}</time></div>
</div></div>`
}
} else {
result += '没有评论'
}
let $dom = document.querySelector('#card-newest-comments .aside-list')
$dom.innerHTML= result
window.lazyLoadInstance && window.lazyLoadInstance.update()
window.pjax && window.pjax.refresh($dom)
}
const getComment = () => {
const loadWaline = () => {
Waline.Widget.RecentComments({
serverURL: 'https://waline-eknrquusw-flurrychan.vercel.app',
count: 6
}).then(res => {
const walineArray = res.comments.map(e => {
return {
'content': changeContent(e.comment),
'avatar': getIcon(e.QQAvatar,e.mail),
'nick': e.nick,
'url': e.url + '#' + e.objectId,
'date': e.updatedAt,
}
})
saveToLocal.set('waline-newest-comments', JSON.stringify(walineArray), 10/(60*24))
generateHtml(walineArray)
}).catch(e => {
const $dom = document.querySelector('#card-newest-comments .aside-list')
$dom.innerHTML= "无法获取评论，请确认相关配置是否正确"
})
}
if (typeof Waline === 'function') loadWaline()
else getScript('https://cdn.jsdelivr.net/npm/@waline/client/dist/Waline.min.js').then(loadWaline)
}
const newestCommentInit = () => {
if (document.querySelector('#card-newest-comments .aside-list')) {
const data = saveToLocal.get('waline-newest-comments')
if (data) {
generateHtml(JSON.parse(data))
} else {
getComment()
}
}
}
newestCommentInit()
document.addEventListener('pjax:complete', newestCommentInit)
})</script><script type="text/javascript" src="../js/jquery.min.js"></script><script async src="../js/dt.js"></script><script id="click-heart" src="https://cdn.jsdelivr.net/npm/butterfly-extsrc@1/dist/click-heart.min.js" async="async" mobile="false"></script><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/aplayer/dist/APlayer.min.css" media="print" onload="this.media='all'"><script src="https://cdn.jsdelivr.net/npm/aplayer/dist/APlayer.min.js"></script><script src="https://cdn.jsdelivr.net/gh/metowolf/MetingJS@1.2/dist/Meting.min.js"></script><script src="/../js/pjax.min.js"></script><script>let pjaxSelectors = [
'title',
'#config-diff',
'#body-wrap',
'#rightside-config-hide',
'#rightside-config-show',
'.js-pjax'
]
if (false) {
pjaxSelectors.unshift('meta[property="og:image"]', 'meta[property="og:title"]', 'meta[property="og:url"]')
}
var pjax = new Pjax({
elements: 'a:not([target="_blank"])',
selectors: pjaxSelectors,
cacheBust: false,
analytics: false,
scrollRestoration: false
})
document.addEventListener('pjax:send', function () {
// removeEventListener scroll
window.removeEventListener('scroll', window.tocScrollFn)
window.removeEventListener('scroll', scrollCollect)
typeof preloader === 'object' && preloader.initLoading()
if (window.aplayers) {
for (let i = 0; i < window.aplayers.length; i++) {
if (!window.aplayers[i].options.fixed) {
window.aplayers[i].destroy()
}
}
}
typeof typed === 'object' && typed.destroy()
//reset readmode
const $bodyClassList = document.body.classList
$bodyClassList.contains('read-mode') && $bodyClassList.remove('read-mode')
})
document.addEventListener('pjax:complete', function () {
window.refreshFn()
document.querySelectorAll('script[data-pjax]').forEach(item => {
const newScript = document.createElement('script')
const content = item.text || item.textContent || item.innerHTML || ""
Array.from(item.attributes).forEach(attr => newScript.setAttribute(attr.name, attr.value))
newScript.appendChild(document.createTextNode(content))
item.parentNode.replaceChild(newScript, item)
})
GLOBAL_CONFIG.islazyload && window.lazyLoadInstance.update()
typeof chatBtnFn === 'function' && chatBtnFn()
typeof panguInit === 'function' && panguInit()
// google analytics
typeof gtag === 'function' && gtag('config', '', {'page_path': window.location.pathname});
// baidu analytics
typeof _hmt === 'object' && _hmt.push(['_trackPageview',window.location.pathname]);
typeof loadMeting === 'function' && document.getElementsByClassName('aplayer').length && loadMeting()
// Analytics
if (false) {
MtaH5.pgv()
}
// prismjs
typeof Prism === 'object' && Prism.highlightAll()
typeof preloader === 'object' && preloader.endLoading()
})
document.addEventListener('pjax:error', (e) => {
if (e.request.status === 404) {
pjax.loadUrl('/404.html')
}
})</script><script async data-pjax src="//busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js"></script><div class="GalMenu GalDropDown"><div class="circle" id="gal"><div class="ring"><a class="menuItem" href="/index.html"><span>首页</span></a><a class="menuItem" href="/archives/"><span>时间轴</span></a><a class="menuItem" href="/random/"><span>随机文章</span></a><a class="menuItem" href="/categories/"><span>分类</span></a><a class="menuItem" href="/link/"><span>友人帐</span></a><a class="menuItem" href="/comments/"><span>留言板</span></a></div></div><audio id="audio" src="/../img/galmenu.mp3"></audio></div><script defer="defer" src="https://cdn.jsdelivr.net/gh/Akilarlxh/Akilarlxh.github.io@bf_3.3.0_12/js/custom/galmenu.min.js"></script></div><!-- hexo injector body_end start --><script>
// 全局变量声明区域
var fdata = {
apiurl: 'https://hexo-friendcircle3-api-ten.vercel.app/api',
initnumber: 20, //【可选】页面初始化展示文章数量
stepnumber: 10, //【可选】每次加载增加的篇数
error_img: 'https://cdn.jsdelivr.net/npm/akilar-candyassets/image/404.gif' //【可选，头像图片加载失败时的默认头像】
}
//存入本地存储
localStorage.setItem("fdatalist",JSON.stringify(fdata))
</script>
<script defer src="https://cdn.jsdelivr.net/npm/hexo-filter-fcircle/assets/js/fetch.min.js"></script><!-- hexo injector body_end end --></body></html>