-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathabout.html
379 lines (334 loc) · 24.8 KB
/
about.html
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
<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="utf-8">
<meta http-equiv="Content-Type" content="text/html" charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<title>About - Leo’s blog</title>
<meta name="HandheldFriendly" content="True" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="referrer" content="origin" />
<meta name="generator" content="Pelican" />
<link href="https://leonis.cc/about.html" rel="canonical" />
<!-- Feed -->
<link href="https://leonis.cc/feed.xml" type="application/atom+xml" rel="alternate"
title="Leo’s blog Full Atom Feed" />
<link href="https://leonis.cc/theme/css/style.css" type="text/css" rel="stylesheet" />
<!-- CSS specified by the user -->
<link href="https://leonis.cc/theme/css/customize.css" type="text/css" rel="stylesheet" />
<link href="https://leonis.cc/theme/css/plugins.css" type="text/css" rel="stylesheet" />
<link href="https://leonis.cc/theme/css/lightgallery.min.css" type="text/css" rel="stylesheet" />
<link href="https://leonis.cc/theme/css/bookshelf.css" type="text/css" rel="stylesheet" />
<!-- font-awesome icons -->
<link href="https://lf6-cdn-tos.bytecdntp.com/cdn/expire-1-M/font-awesome/6.0.0/css/all.min.css" rel="stylesheet" />
<!-- Custom fonts -->
<link href="https://leonis-fonts.deno.dev/leonis/ChiuKongGothic-CL-w4/result.css?updatedAt=1700222744424" rel="stylesheet" />
<link href="https://leonis-fonts.deno.dev/leonis/ChiuKongGothic-CL-w5/result.css?updatedAt=1700275749020" rel="stylesheet" />
<link href="https://leonis-fonts.deno.dev/leonis/ChiuKongGothic-CL-w7/result.css?updatedAt=1700275854743" rel="stylesheet" />
<link href="https://cdnjs.loli.net/ajax/libs/fontsource-fira-sans/5.0.19/400.min.css" rel="stylesheet" />
<link href="https://cdnjs.loli.net/ajax/libs/fontsource-fira-sans/5.0.19/400-italic.min.css" rel="stylesheet" />
<link href="https://cdnjs.loli.net/ajax/libs/fontsource-fira-sans/5.0.19/500.min.css" rel="stylesheet" />
<link href="https://cdnjs.loli.net/ajax/libs/fontsource-fira-sans/5.0.19/500-italic.min.css" rel="stylesheet" />
<link href="https://cdnjs.loli.net/ajax/libs/fontsource-fira-sans/5.0.19/700.min.css" rel="stylesheet" />
<link href="https://cdnjs.loli.net/ajax/libs/fontsource-fira-sans/5.0.19/700-italic.min.css" rel="stylesheet" />
<link href="https://cdnjs.loli.net/ajax/libs/fontsource-lato/5.0.19/400.min.css" rel="stylesheet" />
<link href="https://leonis-fonts.deno.dev/leonis/AdvocateAncientSerifSC-Bold/result.css?updatedAt=1700289637334" rel="stylesheet" />
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
<script>
var siteUrl = 'https://leonis.cc';
</script>
<script>
var localTheme = localStorage.getItem('attila_theme');
switch (localTheme) {
case 'dark':
document.documentElement.classList.add('theme-dark');
break;
case 'light':
document.documentElement.classList.add('theme-light');
break;
default:
break;
}
</script>
</head>
<body class="page-template">
<div class="nav-header">
<nav class="nav-wrapper" aria-label="Main">
<ul>
<li class="nav-Home " role="presentation"><a href="/"><span>Home</span></a></li>
<li class="nav-碎碎唸 " role="presentation"><a href="/category/sui-sui-nian.html"><span>碎碎唸</span></a></li>
<li class="nav-故紙堆 " role="presentation"><a href="/category/gu-zhi-dui.html"><span>故紙堆</span></a></li>
<li class="nav-在路上 " role="presentation"><a href="/category/zai-lu-shang.html"><span>在路上</span></a></li>
<li class="nav-山牆邊 " role="presentation"><a href="/pages/shan-qiang-bian.html"><span>山牆邊</span></a></li>
<li class="nav-破櫥簏 " role="presentation"><a href="https://neodb.social/users/Leo/"><span>破櫥簏</span></a></li>
<li class="nav-Archives " role="presentation"><a href="/archives.html"><span>Archives</span></a></li>
<li class="nav-Tags " role="presentation"><a href="/tags.html"><span>Tags</span></a></li>
<li class="nav-About active" role="presentation"><a href="/about.html"><span>About</span></a></li>
</ul>
<ul class="nav-meta">
<li class="nav-search">
<a aria-label="Search" href="/search.html" target="_blank">
<i class="icon icon-search" aria-hidden="true"></i>
<span>search</span></a></li>
<li class="nav-foreverblog">
<a aria-label="Foreverblog" href="https://www.foreverblog.cn/go.html" target="_blank">
<i aria-hidden="true"><img src="https://img.foreverblog.cn/wormhole_2_tp.gif" alt="foreverblog" title="穿梭虫洞-随机访问十年之约友链博客"></i>
<span>foreverblog</span></a></li>
<li class="nav-travellings">
<a aria-label="Travellings" href="https://www.travellings.cn/go.html" target="_blank">
<i aria-hidden="true"><img src="https://www.travellings.cn/assets/w.png" alt="travellings" title="开往-友链接力" aria-hidden="true"></i>
<span>travellings</span></a></li>
<li class="nav-search" style="display: none;">
<a title="Search">
<i class="icon icon-search" aria-hidden="true"></i>
<span>Search</span>
</a>
</li>
</ul> </nav>
<div class="nav-wrapper-control">
<div class="inner">
<a class="nav-menu" role="button"><i class="icon icon-menu" aria-hidden="true"></i>Menu</a>
<a class="nav-search" title="Search" role="button" style="display: none;"><i class="icon icon-search" aria-hidden="true"></i></a>
</div>
</div>
</div>
<div class="nav-close" role="button" aria-label="Close"></div>
<section id="wrapper" class="page-wrapper">
<!-- Page Header -->
<!-- Set your background image for this header on the line below. -->
<header class="blog-header has-cover">
<div class="inner">
<div class="archive archive-author box archive-box">
<figure class="archive-avatar avatar">
<img src="https://cravatar.cn/avatar/95e31f6808fafa1f8ef3313b6f0b10e6?s=800" alt="Leo" />
</figure>
<h2 class="archive-title">Leo</h2>
<span class="archive-description">A chemist who doesn’t know about classical literature isn’t a good programmer. Cool, huh?</span>
<span class="about-page archive-links">
<span class="post-author-location">
<a rel="noopener" target="_blank" href="https://www.bing.com/maps?cp=39.116572%7E117.361669&lvl=10.1"
title="Tientsin">
<i class="fa-solid fa-earth-asia fa-fw"></i></a>
</span>
<!-- Social linkes in alphabet order. -->
<span class="post-author-mastodon">
<a rel="noopener" target="_blank" href="https://mast.dragon-fly.club/@leonis"
title="@leonis@dragon-fly.club">
<i class="fa-brands fa-mastodon fa-fw"></i></a>
</span>
<span class="post-author-github">
<a rel="noopener" target="_blank" href="https://github.com/Tseing"
title="@Tseing">
<i class="fa-brands fa-github fa-fw"></i></a>
</span>
<span class="post-author-email">
<a rel="noopener" target="_blank" href="mailto:im.yczeng@outlook.com"
title="im.yczeng@outlook.com">
<i class="fa-solid fa-envelope fa-fw"></i></a>
</span>
<span class="post-author-rss">
<a rel="noopener" target="_blank" href="/feed.xml"
title="RSS Feed">
<i class="fa-solid fa-rss fa-fw"></i></a>
</span>
</span>
</div>
<div class="blog-cover cover">
<img src="https://img.leonis.cc/bg/author.webp" alt="About" />
</div>
</div>
</header>
<!-- Post content -->
<main class="content" role="main">
<article class="post">
<div class="inner">
<section class="post-content">
<p><img src="https://cdn.leonis.cc/img/2024/01/115aa797391bf50cf6ca9d087d3e329541d51bcb7522f8c2f5506fd1c4c7583d.jpg" style="margin-bottom: 0;"/></p>
<p>👋 你好，朋友！欢迎来到我的博客！</p>
<p>这是一个使用 Pelican 生成的静态博客，部署在美国的一台服务器上，如果对博客的设置或结构感兴趣，你可以在我的 <a href="https://github.com/Tseing/Pelican_blog" rel="noopener" target="_blank"><i class="fa-brands fa-github"></i> GitHub 仓库</a> 中找到这个博客的源码。</p>
<p>站点封面是美国印象派画家 Walter Launt Palmer 的作品 <a href="https://www.artic.edu/artworks/180648/lake-at-appledale" rel="noopener" target="_blank"><em>Lake at Appledale</em></a>，页面上方的画作来自于是我特别喜欢的日本浮世绘大师<a href="https://ja.wikipedia.org/wiki/%E5%B7%9D%E7%80%AC%E5%B7%B4%E6%B0%B4" rel="noopener" target="_blank">川瀬巴水</a>，这幅版画名为《厳島之雪》，其作品恬淡宁静的风格让人一眼就会爱上 ⋆⁺₊❅.</p>
<h2 id="who-am-i">🌈 Who am I</h2>
<div id="about-columns">
<div>
<img src="../images/Apollo.png" style="width: 75%; box-shadow: none; "/>
<p>你可以称呼我为 Leo，这个博客的域名 <code>leonis.cc</code> 也是来源于其所有格 <a href="https://www.collinsdictionary.com/dictionary/english/leonis" rel="noopener" target="_blank"><em>Leonis</em></a>，还兼有着「♌ 狮子座」的意思，暗合我的生日。</p>
<img src="../images/Foochow.jpg" style="width: 75%; margin-bottom: 2em; transform: rotate(-7deg); border: 12px solid #fffef8;box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;"/>
<p>我出生于 🌊 福建，母语是<a href="https://www.ethnologue.com/language/cdo/" rel="noopener" target="_blank">闽东语</a>，在 <a href="https://www.iso.org/iso-639-language-codes.html" rel="noopener" target="_blank">ISO 639-3</a> 中分到的语言代码是 <code>cdo</code>，我目前的坐标是 🎡 天津。</p>
<img src="../images/books.png" style="width: 65%; box-shadow: none;"/>
<p>📚️ 喜欢读古籍，正在文献学和小学的海洋中遨游，平时读书多是文学和历史类。金石和书法也是我的兴趣，在捉刀和捉笔上消磨了许多光阴。</p>
</div>
<div>
<img src="../images/mailbox.png" style="width: 80%; box-shadow: none;"/>
<p>📬 我还喜欢收集各地的邮戳，也欢迎通过书信的方式联系我。我们不仅可以在互联网上互相成为读者，还可以成为线下的笔友，无论身处何地，都欢迎来信。</p>
<img src="../images/horse.png" style="width: 65%; box-shadow: none;"/>
<p>🏔️ 闲时总喜欢到处走走，所谓「江山留胜迹，我辈复登临」，见识各地的山川风土、发现近被人遗忘的故事总能使我快慰，往下翻翻可以找到我的足迹地图。</p>
</div>
</div>
<p>爱好和兴趣谈论了很多，但以上种种都与我的主业不相干，我从事的领域是 ⚗️ 计算化学、化学信息学、药物化学等等，所以不可避免地也了解 💻 数据科学、人工智能等等交叉领域的工具和技能，目前正在学习</p>
<ul>
<li><i class="fa-solid fa-pen-to-square"></i> 自然语言处理</li>
<li><i class="fa-solid fa-pen-to-square"></i> C++</li>
<li><i class="fa-solid fa-pen-to-square"></i> PostgreSQL</li>
</ul>
<h2 id="origin">💡 Origin</h2>
<p>建立这个博客的源起，正如鄙站的副标题所言：</p>
<blockquote>
<p><em>A nook to hoard my manuscripts.</em></p>
</blockquote>
<p>仅仅是为了堆放我那无处安放的胡思乱想罢了。</p>
<p>可能所有经营博客的人都有这样一个过程，在一开始总是在各种美化上废尽了心力，文章的产出反而没有多少。我也在经过一阵反复安慰自己「必先利其器」的折腾后，终于敲定了一套稍合眼缘的主题，也终于把精力腾挪到写作上来了。</p>
<p>回想「写作」一词，印象中笔耕最勤的阶段可能就是高中了，但那不过是应试之作。在疏离纸笔的今天，文字于我为何呢？</p>
<p>在古人的故事中，仓颉造字而「天雨粟、鬼夜哭」，到了后世既而有「敬惜字纸」的传统，这大概都是因为古时常人难觅文字书籍。揆诸当下，身处文字信息的汪洋之中，坐地便可阅无数典籍，反而不知多久没有一笔一划写出所思所想了。这样比来，我不知道离文字更远究竟是古人还是今人了。在痛定思痛之下，我想着还是应该捉起笔练一练写作，由是诞生了几篇稍堪阅的文章，后来观文字过于幼稚，所以将其雪藏了。</p>
<p>再后来我也用我的博客来堆放我的学习笔记，因为总有一些刹那间的「顿悟」挥手即忘，几日后就再看不懂了，所以还是记录下来为妙，这些「顿悟」也称得上是胡思乱想吧。在写了一些文章后，我也习惯了用 Markdown 写作，回头发现多写笔记实在大有裨益，一则遣词造句学问颇大，二则用词达义颇难，不知不觉间也是在锻练写作。同时，能将自己的知识分享出去又实是一件乐事，我想这也是坚持写下去的原因之一吧。</p>
<p>写出好文章并不是件容易的事，有大量的输入才能汇而为一点的输出，我自认为让我来写专业的文章是力有不逮的，甚至惶恐于留下的错误会误导读者，所以我的文章如蒙见阅，还请不吝指出其中的错误。读者倘若是从我的稗稿之中获得了想要的内容、解决了问题，甚至做出了成绩，也不妨告诉我，我也实在与有荣焉 🥰</p>
<h2 id="categories">🔖 Categories</h2>
<p>我的博客主要用来存放读书笔记以及一些生活日常，在右侧菜单中划分了栏目，包括：</p>
<ul>
<li><strong>碎碎念：</strong> 理论与技术相关的文章，通常比较芜杂难理，需要「时时勤拂拭，勿使惹尘埃」；</li>
<li><strong>故纸堆：</strong> 文史与阅读相关的文章，撰写的时候常常需要翻阅参考许多书籍，写着写着就垒起了一案的纸堆；</li>
<li><strong>在路上：</strong> 随笔与不严肃的文章，东坡句「人生如逆旅，我亦是行人」；</li>
<li><strong>山墙边：</strong> 存放常用的链接与友链，「山墙」是传统民居侧面的墙，而「山墙边」自然指仅一墙之隔的邻居，在互联网上不论天涯与海角，总能比邻而居；</li>
<li><strong>破橱簏：</strong> 贮存我的读书清单，夹杂有读书时的摘录与简评。</li>
</ul>
<p>欢迎通过 RSS 订阅，也欢迎使用 GitHub 或邮件联系我，指出文章中的错误，十分感谢！</p>
<h2 id="my-footprint">🗺️ My Footprint</h2>
<div id="map">
<iframe id="map-html" scrolling="no" src="../map.html"></iframe>
</div>
<h2 id="ideas">✨ Ideas</h2>
<p>在这里放一些灵光一闪的想法吧，可能是长期目标，也可能是一拍脑门想到但没工夫完成的事，主要也是为了提醒自己别弃坑：</p>
<ul>
<li><i class="fa-regular fa-square"></i> 把买的书看完（买书如山倒，读书如抽丝，不是件容易事 😭）</li>
<li><i class="fa-regular fa-square"></i> 爬遍五岳和黄山 ⛰️</li>
<li><i class="fa-regular fa-square"></i> 看看长江与黄河（1/2）</li>
<li><i class="fa-regular fa-square"></i> 学会画像素画 🎨</li>
<li><i class="fa-regular fa-square"></i> 临完一百方汉印</li>
<li><i class="fa-regular fa-square"></i> 临完十遍《王福庵说文部目》（7/10）</li>
<li><i class="fa-regular fa-square"></i> 背下《诗经》</li>
</ul>
<h2 id="format-and-fonts">✍️ Format and Fonts</h2>
<p>作为一个轻度强迫症患者，我对内容的排版有着小小的苛求，但网页毕竟不同于书籍，不得不在美观与效率间找到二者的平衡。<a href="https://www.w3cschool.cn/vgprrs/" rel="noopener" target="_blank">中文文案排版指北</a>是一份简洁清晰的排版指<del>南</del>北，站内的文章排版主要参考了它。</p>
<p>再说说我使用的字体，初次看到鄙站的读者或许会觉得显示的文字有些怪异，这是因为我个人更喜欢传统字形，所以选用思源黑体韩文版作为正文字体，并用思源黑体简体中文版补足缺字。我有时还会引一些古籍中的字句，如果使用简化字就不够妥帖了，所以简繁混用可能会是比较常见的事。以上这些小心思大抵是不太符合出版一类的规范的，但既然这里是我自有的一方天地，那大可不遵守那些规矩而随着我的心意安排了。</p>
<p>最近遇到一款思源风格的旧字形字体<a href="https://github.com/ChiuMing-Neko/ChiuKongGothic" rel="noopener" target="_blank">秋空󠄁黑體</a>，特别喜欢，正是本站的正文字体。将原来大部分 Google Font 更改换了，在国内的加载速度应该快了不少 🚀</p>
<p>最后一点是错别字的问题。相比于手写，在电脑上写文章更容易出现别字，也更难找到别字，一则是打字时稍有不慎击错按键就会输错字，二则是在电脑上写文章可以自由驰骋，这段看不顺眼就移到那段后面，移来移去文字不免有所舛驳。另外笔者使用<del>五笔</del>虎码输入法，产生的别字会比一般的别字更加古怪，所以遇到对文字疑惑的地方时，你一定是正确的，希望能提醒我修正。</p>
<p><div class="note-info"><p><span><i class="fa-solid fa-note-sticky"></i> Note</span> 有些文章中包含了长公式，在屏幕宽度较小的移动端上可能显示不完整，这时候可以尝试横屏 (⁠◍⁠•⁠ᴗ⁠•⁠◍⁠)</p></div></p>
<h2 id="copyright">🌏 Copyright</h2>
<p>本站所有文章的原创内容使用知识共享组织（<a href="https://creativecommons.org/" rel="noopener" target="_blank">Creative Commons</a>）的 <a href="https://creativecommons.org/licenses/by-nc-sa/4.0/deed.zh" rel="noopener" target="_blank">CC BY-NC-SA 4.0</a> 许可，我将其演绎为</p>
<ol>
<li>使用本站内容时请署名、保留出处，当然不署名也是可以接受的，但我更希望读者能更方便地找到内容的更新与修正；</li>
<li>可以通过转载、节选、混编、二次创作等方式使用本站内容，但请不要用于商业目的；</li>
<li>使用本站内容创作的作品请同样使用 CC BY-NC-SA 许可，一起让更多知识共享到公开的领域，创建真正平等、自由、开放的互联网！</li>
</ol>
<h2 id="chronicle">📜 Chronicle</h2>
<ul>
<li><code>2022.07.13</code> 在 GitHub Pages 上发布了由 Pelican 生成的静态站点</li>
<li><code>2023.02.13</code> 将站点迁移到 <a href="https://racknerd.com/" rel="noopener" target="_blank">RackNerd</a> 服务器上，通过 Nginx 部署</li>
<li><code>2023.02.14</code> 开始使用域名 <a href="https://leonis.cc" rel="noopener" target="_blank"><em>https://leonis.cc</em></a></li>
<li><code>2023.03.03</code> 站点加入<a href="https://storeweb.cn/" rel="noopener" target="_blank">个站商店</a></li>
<li><code>2023.03.11</code> 站点加入 <a href="https://bf.zzxworld.com/" rel="noopener" target="_blank">BlogFinder</a></li>
<li><code>2023.03.16</code> 站点加入<a href="https://github.com/timqian/chinese-independent-blogs" rel="noopener" target="_blank">中文独立博客列表</a></li>
<li><code>2023.07.11</code> 站点加入<a href="https://www.travellings.cn" rel="noopener" target="_blank">开往-友链接力</a></li>
<li><code>2023.10.31</code> 站点托管至 <a href="https://www.cloudflare.com/" rel="noopener" target="_blank">Cloudflare</a></li>
<li><code>2023.11.11</code> 将站点服务器更换为 <a href="https://cloudcone.com/" rel="noopener" target="_blank">Cloudcone</a></li>
<li><code>2023.02.10</code> 站点加入<a href="https://www.foreverblog.cn/" rel="noopener" target="_blank">十年之约</a></li>
<li><code>2024.04.12</code> 博客主题更新到了 <a href="https://github.com/arulrajnet/attila/releases/tag/v2.0" rel="noopener" target="_blank">Attila v2.0</a> 🎉</li>
<li><code>2024.07.30</code> 站点服务器迁移至香港，访问速度 UP 🚀</li>
<li><code>2024.11.26</code> 由 Deta Space 停运与 Outlook 邮箱不再支持应用密码导致评论功能失效，重新部署上线</li>
</ul>
<h2 id="tools">🛠️ Tools</h2>
<ul>
<li><a href="https://analytics.umami.is/share/ozKnKeg8pJTZVHqe/Leo's%20blog" rel="noopener" target="_blank"><i class="fa-solid fa-chart-line"></i> umami Analytics</a></li>
</ul>
</section>
<div id="waline"></div> </div>
</article>
</main>
<div class="nav-footer">
<nav class="nav-wrapper" aria-label="Footer">
<span class="nav-copy">Leo’s blog © 2024
</span>
<span class="nav-credits">
Published with <a href="https://github.com/getpelican/pelican" rel="nofollow">Pelican</a> • Theme <a href="https://github.com/arulrajnet/attila" rel="nofollow">Attila</a> •
<a class="menu-item js-theme" href="#" data-system="System theme" data-dark="Dark theme" data-light="Light theme">
<span class="theme-icon"></span><span class="theme-text">System theme</span>
</a>
</span>
</nav>
</div>
</section>
<script src="https://cdnjs.loli.net/ajax/libs/jquery/3.6.4/jquery.min.js"></script>
<!-- code highlight -->
<script src="https://cdnjs.loli.net/ajax/libs/highlight.js/11.7.0/highlight.min.js"></script>
<script src="https://cdnjs.loli.net/ajax/libs/highlight.js/11.7.0/languages/django.min.js"></script>
<script src="https://cdnjs.loli.net/ajax/libs/highlight.js/11.7.0/languages/dockerfile.min.js"></script>
<script src="https://cdnjs.loli.net/ajax/libs/highlight.js/11.7.0/languages/markdown.min.js"></script>
<script src="https://cdnjs.loli.net/ajax/libs/highlight.js/11.7.0/languages/nginx.min.js"></script>
<script src="https://cdnjs.loli.net/ajax/libs/highlight.js/11.7.0/languages/pgsql.min.js"></script>
<script type="text/javascript" src="https://leonis.cc/theme/js/jquery.fitvids.js"></script>
<script type="text/javascript" src="https://leonis.cc/theme/js/script.js"></script>
<!-- lightbox -->
<script type="text/javascript" src="https://leonis.cc/theme/js/lightgallery.min.js"></script>
<script type="text/javascript" src="https://leonis.cc/theme/js/lg-zoom.min.js"></script>
<script>
var elements = document.getElementsByClassName("lightgallery");
for(var i=0; i<elements.length; i++) {
lightGallery(elements[i]);
}
</script>
<!-- umami analytics -->
<script async defer src="https://analytics.umami.is/script.js" data-website-id="b508982a-f7bf-4c24-a948-8de93b0cb81d"></script>
<!-- The #block helper will pull in data from the #contentFor other template files. In this case, there's some JavaScript which we only want to use in article.html, but it needs to be included down here, after jQuery has already loaded. -->
<link href="https://npm.elemecdn.com/@waline/client@2.14.9/dist/waline.css" rel="stylesheet" />
<script src="https://npm.elemecdn.com/@waline/client@2.14.9/dist/waline.js"></script>
<script>
$(document).ready(function () {
var viewport = $(window);
var post = $('.post-content');
// Responsive videos with fitVids
post.fitVids();
// Format code blocks and add line numbers
function codestyling() {
$('pre code').each(function(i, e) {
// Code highlight
hljs.highlightElement(e);
// No lines for plain text blocks
if (!$(this).hasClass('language-text')) {
var code = $(this);
// Calculate amount of lines
var lines = code.html().split(/\n(?!$)/g).length;
var numbers = [];
if (lines > 1) {
lines++;
}
for (i = 1; i < lines; i++) {
numbers += '<span class="line" aria-hidden="true">' + i + '</span>';
}
code.parent().append('<div class="lines">' + numbers + '</div>');
}
});
}
// Format code blocks only
function codestylingWithoutLineNumbers() {
$("pre code").each(function(i, e) {
// Code highlight
hljs.highlightElement(e);
});
}
codestylingWithoutLineNumbers();
});
Waline.init({
el: '#waline',
serverURL: "https://waline.leonis.cc/",
emoji: false,
search: false,
imageUploader: false,
locale: {placeholder: "欢迎评论，填写邮箱可以获取头像和收到回复通知～"},
});
</script>
</body>
</html>