jekyll-theme-chirpy-customized-by-alazaroc 5.4.0
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +7 -0
- data/LICENSE +21 -0
- data/README.md +106 -0
- data/_data/assets/cross_origin.yml +62 -0
- data/_data/assets/self_host.yml +51 -0
- data/_data/authors.yml +17 -0
- data/_data/contact.yml +30 -0
- data/_data/locales/ar.yml +93 -0
- data/_data/locales/bg-BG.yml +83 -0
- data/_data/locales/cs-CZ.yml +91 -0
- data/_data/locales/de-DE.yml +82 -0
- data/_data/locales/en.yml +93 -0
- data/_data/locales/es-ES.yml +79 -0
- data/_data/locales/fi-FI.yml +92 -0
- data/_data/locales/fr-FR.yml +79 -0
- data/_data/locales/hu-HU.yml +81 -0
- data/_data/locales/id-ID.yml +79 -0
- data/_data/locales/it-IT.yml +93 -0
- data/_data/locales/ko-KR.yml +86 -0
- data/_data/locales/my-MM.yml +79 -0
- data/_data/locales/pt-BR.yml +79 -0
- data/_data/locales/ru-RU.yml +79 -0
- data/_data/locales/tr-TR.yml +79 -0
- data/_data/locales/uk-UA.yml +79 -0
- data/_data/locales/vi-VN.yml +77 -0
- data/_data/locales/zh-CN.yml +85 -0
- data/_data/share.yml +27 -0
- data/_includes/assets-origin.html +12 -0
- data/_includes/comments/disqus.html +54 -0
- data/_includes/comments/giscus.html +56 -0
- data/_includes/comments/utterances.html +51 -0
- data/_includes/comments.html +5 -0
- data/_includes/datetime.html +15 -0
- data/_includes/embed/twitch.html +4 -0
- data/_includes/embed/youtube.html +6 -0
- data/_includes/favicons.html +17 -0
- data/_includes/footer.html +36 -0
- data/_includes/google-analytics.html +14 -0
- data/_includes/head.html +115 -0
- data/_includes/js-selector.html +99 -0
- data/_includes/jsdelivr-combine.html +32 -0
- data/_includes/language-alias.html +70 -0
- data/_includes/mermaid.html +59 -0
- data/_includes/mode-toggle.html +129 -0
- data/_includes/no-linenos.html +10 -0
- data/_includes/post-nav.html +30 -0
- data/_includes/post-paginator.html +88 -0
- data/_includes/post-sharing.html +27 -0
- data/_includes/read-time.html +30 -0
- data/_includes/refactor-content.html +330 -0
- data/_includes/related-posts.html +103 -0
- data/_includes/search-loader.html +46 -0
- data/_includes/search-results.html +11 -0
- data/_includes/sidebar.html +103 -0
- data/_includes/toc.html +16 -0
- data/_includes/topbar.html +70 -0
- data/_includes/trending-tags.html +50 -0
- data/_includes/update-list.html +40 -0
- data/_layouts/archives.html +34 -0
- data/_layouts/categories.html +118 -0
- data/_layouts/category.html +22 -0
- data/_layouts/compress.html +10 -0
- data/_layouts/default.html +71 -0
- data/_layouts/home.html +94 -0
- data/_layouts/page.html +63 -0
- data/_layouts/post.html +141 -0
- data/_layouts/tag.html +21 -0
- data/_layouts/tags.html +23 -0
- data/_sass/addon/commons.scss +1740 -0
- data/_sass/addon/module.scss +163 -0
- data/_sass/addon/syntax.scss +275 -0
- data/_sass/addon/variables.scss +30 -0
- data/_sass/colors/dark-syntax.scss +87 -0
- data/_sass/colors/dark-typography.scss +170 -0
- data/_sass/colors/light-syntax.scss +83 -0
- data/_sass/colors/light-typography.scss +104 -0
- data/_sass/jekyll-theme-chirpy-customized-by-alazaroc.scss +24 -0
- data/_sass/layout/archives.scss +136 -0
- data/_sass/layout/categories.scss +66 -0
- data/_sass/layout/category-tag.scss +73 -0
- data/_sass/layout/home.scss +178 -0
- data/_sass/layout/post.scss +387 -0
- data/_sass/layout/tags.scss +19 -0
- data/_sass/variables-hook.scss +3 -0
- data/assets/404.html +14 -0
- data/assets/css/style.scss +12 -0
- data/assets/feed.xml +61 -0
- data/assets/img/favicons/android-chrome-192x192.png +0 -0
- data/assets/img/favicons/android-chrome-512x512.png +0 -0
- data/assets/img/favicons/apple-touch-icon.png +0 -0
- data/assets/img/favicons/browserconfig.xml +13 -0
- data/assets/img/favicons/favicon-16x16.png +0 -0
- data/assets/img/favicons/favicon-32x32.png +0 -0
- data/assets/img/favicons/favicon.ico +0 -0
- data/assets/img/favicons/mstile-150x150.png +0 -0
- data/assets/img/favicons/site.webmanifest +26 -0
- data/assets/js/data/search.json +20 -0
- data/assets/js/data/swcache.js +54 -0
- data/assets/js/dist/categories.min.js +6 -0
- data/assets/js/dist/commons.min.js +6 -0
- data/assets/js/dist/home.min.js +6 -0
- data/assets/js/dist/misc.min.js +6 -0
- data/assets/js/dist/page.min.js +6 -0
- data/assets/js/dist/post.min.js +6 -0
- data/assets/js/dist/pvreport.min.js +6 -0
- data/assets/js/pwa/app.js +47 -0
- data/assets/js/pwa/sw.js +90 -0
- data/assets/js/pwa/unregister.js +12 -0
- data/assets/robots.txt +10 -0
- metadata +242 -0
@@ -0,0 +1,129 @@
|
|
1
|
+
<!--
|
2
|
+
Switch the mode between dark and light.
|
3
|
+
-->
|
4
|
+
|
5
|
+
<script type="text/javascript">
|
6
|
+
class ModeToggle {
|
7
|
+
static get MODE_KEY() { return "mode"; }
|
8
|
+
static get MODE_ATTR() { return "data-mode"; }
|
9
|
+
static get DARK_MODE() { return "dark"; }
|
10
|
+
static get LIGHT_MODE() { return "light"; }
|
11
|
+
static get ID() { return "mode-toggle"; }
|
12
|
+
|
13
|
+
constructor() {
|
14
|
+
if (this.hasMode) {
|
15
|
+
if (this.isDarkMode) {
|
16
|
+
if (!this.isSysDarkPrefer) {
|
17
|
+
this.setDark();
|
18
|
+
}
|
19
|
+
} else {
|
20
|
+
if (this.isSysDarkPrefer) {
|
21
|
+
this.setLight();
|
22
|
+
}
|
23
|
+
}
|
24
|
+
}
|
25
|
+
|
26
|
+
let self = this;
|
27
|
+
|
28
|
+
/* always follow the system prefers */
|
29
|
+
this.sysDarkPrefers.addEventListener("change", () => {
|
30
|
+
if (self.hasMode) {
|
31
|
+
if (self.isDarkMode) {
|
32
|
+
if (!self.isSysDarkPrefer) {
|
33
|
+
self.setDark();
|
34
|
+
}
|
35
|
+
|
36
|
+
} else {
|
37
|
+
if (self.isSysDarkPrefer) {
|
38
|
+
self.setLight();
|
39
|
+
}
|
40
|
+
}
|
41
|
+
|
42
|
+
self.clearMode();
|
43
|
+
}
|
44
|
+
|
45
|
+
self.notify();
|
46
|
+
|
47
|
+
});
|
48
|
+
|
49
|
+
} /* constructor() */
|
50
|
+
|
51
|
+
get sysDarkPrefers() { return window.matchMedia("(prefers-color-scheme: dark)"); }
|
52
|
+
|
53
|
+
get isSysDarkPrefer() { return this.sysDarkPrefers.matches; }
|
54
|
+
|
55
|
+
get isDarkMode() { return this.mode === ModeToggle.DARK_MODE; }
|
56
|
+
|
57
|
+
get isLightMode() { return this.mode === ModeToggle.LIGHT_MODE; }
|
58
|
+
|
59
|
+
get hasMode() { return this.mode != null; }
|
60
|
+
|
61
|
+
get mode() { return sessionStorage.getItem(ModeToggle.MODE_KEY); }
|
62
|
+
|
63
|
+
/* get the current mode on screen */
|
64
|
+
get modeStatus() {
|
65
|
+
if (this.isDarkMode
|
66
|
+
|| (!this.hasMode && this.isSysDarkPrefer)) {
|
67
|
+
return ModeToggle.DARK_MODE;
|
68
|
+
} else {
|
69
|
+
return ModeToggle.LIGHT_MODE;
|
70
|
+
}
|
71
|
+
}
|
72
|
+
|
73
|
+
setDark() {
|
74
|
+
$('html').attr(ModeToggle.MODE_ATTR, ModeToggle.DARK_MODE);
|
75
|
+
sessionStorage.setItem(ModeToggle.MODE_KEY, ModeToggle.DARK_MODE);
|
76
|
+
}
|
77
|
+
|
78
|
+
setLight() {
|
79
|
+
$('html').attr(ModeToggle.MODE_ATTR, ModeToggle.LIGHT_MODE);
|
80
|
+
sessionStorage.setItem(ModeToggle.MODE_KEY, ModeToggle.LIGHT_MODE);
|
81
|
+
}
|
82
|
+
|
83
|
+
clearMode() {
|
84
|
+
$('html').removeAttr(ModeToggle.MODE_ATTR);
|
85
|
+
sessionStorage.removeItem(ModeToggle.MODE_KEY);
|
86
|
+
}
|
87
|
+
|
88
|
+
/* Notify another plugins that the theme mode has changed */
|
89
|
+
notify() {
|
90
|
+
window.postMessage({
|
91
|
+
direction: ModeToggle.ID,
|
92
|
+
message: this.modeStatus
|
93
|
+
}, "*");
|
94
|
+
}
|
95
|
+
|
96
|
+
} /* ModeToggle */
|
97
|
+
|
98
|
+
const toggle = new ModeToggle();
|
99
|
+
|
100
|
+
function flipMode() {
|
101
|
+
if (toggle.hasMode) {
|
102
|
+
if (toggle.isSysDarkPrefer) {
|
103
|
+
if (toggle.isLightMode) {
|
104
|
+
toggle.clearMode();
|
105
|
+
} else {
|
106
|
+
toggle.setLight();
|
107
|
+
}
|
108
|
+
|
109
|
+
} else {
|
110
|
+
if (toggle.isDarkMode) {
|
111
|
+
toggle.clearMode();
|
112
|
+
} else {
|
113
|
+
toggle.setDark();
|
114
|
+
}
|
115
|
+
}
|
116
|
+
|
117
|
+
} else {
|
118
|
+
if (toggle.isSysDarkPrefer) {
|
119
|
+
toggle.setLight();
|
120
|
+
} else {
|
121
|
+
toggle.setDark();
|
122
|
+
}
|
123
|
+
}
|
124
|
+
|
125
|
+
toggle.notify();
|
126
|
+
|
127
|
+
} /* flipMode() */
|
128
|
+
|
129
|
+
</script>
|
@@ -0,0 +1,10 @@
|
|
1
|
+
{% comment %}
|
2
|
+
Remove the line number of the code snippet.
|
3
|
+
{% endcomment %}
|
4
|
+
|
5
|
+
{% assign content = include.content %}
|
6
|
+
|
7
|
+
{% if content contains '<td class="rouge-gutter gl"><pre class="lineno">' %}
|
8
|
+
{% assign content = content | replace: '<td class="rouge-gutter gl"><pre class="lineno">', '<!-- <td class="rouge-gutter gl"><pre class="lineno">'%}
|
9
|
+
{% assign content = content | replace: '</td><td class="rouge-code">', '</td> --><td class="rouge-code">' %}
|
10
|
+
{% endif %}
|
@@ -0,0 +1,30 @@
|
|
1
|
+
<!--
|
2
|
+
Navigation buttons at the bottom of the post.
|
3
|
+
-->
|
4
|
+
|
5
|
+
<div class="post-navigation d-flex justify-content-between">
|
6
|
+
{% if page.previous.url %}
|
7
|
+
<a href="{{ site.baseurl }}{{ page.previous.url }}" class="btn btn-outline-primary"
|
8
|
+
prompt="{{ site.data.locales[site.lang].post.button.previous }}">
|
9
|
+
<p>{{ page.previous.title }}</p>
|
10
|
+
</a>
|
11
|
+
{% else %}
|
12
|
+
<div class="btn btn-outline-primary disabled"
|
13
|
+
prompt="{{ site.data.locales[site.lang].post.button.previous }}">
|
14
|
+
<p>-</p>
|
15
|
+
</div>
|
16
|
+
{% endif %}
|
17
|
+
|
18
|
+
{% if page.next.url %}
|
19
|
+
<a href="{{ site.baseurl }}{{page.next.url}}" class="btn btn-outline-primary"
|
20
|
+
prompt="{{ site.data.locales[site.lang].post.button.next }}">
|
21
|
+
<p>{{ page.next.title }}</p>
|
22
|
+
</a>
|
23
|
+
{% else %}
|
24
|
+
<div class="btn btn-outline-primary disabled"
|
25
|
+
prompt="{{ site.data.locales[site.lang].post.button.next }}">
|
26
|
+
<p>-</p>
|
27
|
+
</div>
|
28
|
+
{% endif %}
|
29
|
+
|
30
|
+
</div>
|
@@ -0,0 +1,88 @@
|
|
1
|
+
<!--
|
2
|
+
The paginator for post list on HomgPage.
|
3
|
+
-->
|
4
|
+
|
5
|
+
<ul class="pagination align-items-center mt-4 pl-lg-2">
|
6
|
+
<!-- left arrow -->
|
7
|
+
{% if paginator.previous_page %}
|
8
|
+
{% assign prev_url = paginator.previous_page_path | relative_url %}
|
9
|
+
{% else %}
|
10
|
+
{% assign prev_url = "#" %}
|
11
|
+
{% endif %}
|
12
|
+
|
13
|
+
<li class="page-item {% unless paginator.previous_page %}disabled{% endunless %}">
|
14
|
+
<a class="page-link btn-box-shadow" href="{{ prev_url }}" aria-label="previous-page">
|
15
|
+
<i class="fas fa-angle-left"></i>
|
16
|
+
</a>
|
17
|
+
</li>
|
18
|
+
|
19
|
+
<!-- page numbers -->
|
20
|
+
{% assign left_ellipsis = false %}
|
21
|
+
{% assign right_ellipsis = false %}
|
22
|
+
|
23
|
+
{% for i in (1..paginator.total_pages) %}
|
24
|
+
|
25
|
+
{% assign pre = paginator.page | minus: 1 %}
|
26
|
+
{% assign next = paginator.page | plus: 1 %}
|
27
|
+
{% assign pre_less = pre | minus: 1 %}
|
28
|
+
{% assign next_more = next | plus: 1 %}
|
29
|
+
{% assign show = false %}
|
30
|
+
|
31
|
+
{% if paginator.page == 1 %}
|
32
|
+
{% if i <= 3 or i == paginator.total_pages %}
|
33
|
+
{% assign show = true %}
|
34
|
+
{% endif %}
|
35
|
+
{% elsif paginator.page == paginator.total_pages %}
|
36
|
+
{% if i == 1 or i >= pre_less %}
|
37
|
+
{% assign show = true %}
|
38
|
+
{% endif %}
|
39
|
+
{% else %}
|
40
|
+
{% if i == 1 or i == paginator.total_pages%}
|
41
|
+
{% assign show = true %}
|
42
|
+
{% elsif i >= pre and i <= next %}
|
43
|
+
{% assign show = true %}
|
44
|
+
{% endif %}
|
45
|
+
{% endif %}
|
46
|
+
|
47
|
+
{% if show %}
|
48
|
+
<!-- show number -->
|
49
|
+
<li class="page-item {% if i == paginator.page %} active{% endif %}">
|
50
|
+
<a class="page-link btn-box-shadow" href="{% if i > 1 %}{{ site.paginate_path | replace: ':num', i | relative_url }}{% else %}{{ '/' | relative_url }}{% endif %}">{{ i }}</a>
|
51
|
+
</li>
|
52
|
+
{% else %}
|
53
|
+
<!-- hide number -->
|
54
|
+
{% if i < pre and left_ellipsis == false %}
|
55
|
+
<li class="page-item disabled">
|
56
|
+
<span class="page-link btn-box-shadow">...</span>
|
57
|
+
</li>
|
58
|
+
{% assign left_ellipsis = true %}
|
59
|
+
{% elsif i > next and right_ellipsis == false %}
|
60
|
+
<li class="page-item disabled">
|
61
|
+
<span class="page-link btn-box-shadow">...</span>
|
62
|
+
</li>
|
63
|
+
{% assign right_ellipsis = true %}
|
64
|
+
{% endif %}
|
65
|
+
{% endif %}
|
66
|
+
|
67
|
+
{% endfor %}
|
68
|
+
|
69
|
+
<!-- mobile pagination -->
|
70
|
+
<li class="page-index align-middle">
|
71
|
+
<span>{{ paginator.page }}</span>
|
72
|
+
<span class="text-muted">/ {{ paginator.total_pages }}</span>
|
73
|
+
</li>
|
74
|
+
|
75
|
+
<!-- right arrow -->
|
76
|
+
{% if paginator.next_page_path %}
|
77
|
+
{% assign next_url = paginator.next_page_path | relative_url %}
|
78
|
+
{% else %}
|
79
|
+
{% assign next_url = "#" %}
|
80
|
+
{% endif %}
|
81
|
+
|
82
|
+
<li class="page-item {% unless paginator.next_page_path %}disabled{% endunless %}">
|
83
|
+
<a class="page-link btn-box-shadow" href="{{ next_url }}" aria-label="next-page">
|
84
|
+
<i class="fas fa-angle-right"></i>
|
85
|
+
</a>
|
86
|
+
</li>
|
87
|
+
|
88
|
+
</ul> <!-- .pagination -->
|
@@ -0,0 +1,27 @@
|
|
1
|
+
<!--
|
2
|
+
Post sharing snippet
|
3
|
+
-->
|
4
|
+
|
5
|
+
<div class="share-wrapper">
|
6
|
+
<span class="share-label text-muted mr-1">{{ site.data.locales[site.lang].post.share }}</span>
|
7
|
+
<span class="share-icons">
|
8
|
+
{% capture title %}{{ page.title }} - {{ site.title }}{% endcapture %}
|
9
|
+
{% assign title = title | uri_escape %}
|
10
|
+
{% assign url = page.url | absolute_url | url_encode %}
|
11
|
+
|
12
|
+
{% for share in site.data.share.platforms %}
|
13
|
+
{% assign link = share.link | replace: 'TITLE', title | replace: 'URL', url %}
|
14
|
+
<a href="{{ link }}" data-toggle="tooltip" data-placement="top"
|
15
|
+
title="{{ share.type }}" target="_blank" rel="noopener" aria-label="{{ share.type }}">
|
16
|
+
<i class="fa-fw {{ share.icon }}"></i>
|
17
|
+
</a>
|
18
|
+
{% endfor %}
|
19
|
+
|
20
|
+
<i id="copy-link" class="fa-fw fas fa-link small"
|
21
|
+
data-toggle="tooltip" data-placement="top"
|
22
|
+
title="{{ site.data.locales[site.lang].post.button.share_link.title }}"
|
23
|
+
data-title-succeed="{{ site.data.locales[site.lang].post.button.share_link.succeed }}">
|
24
|
+
</i>
|
25
|
+
|
26
|
+
</span>
|
27
|
+
</div>
|
@@ -0,0 +1,30 @@
|
|
1
|
+
<!--
|
2
|
+
Calculate the post's reading time, and display the word count in tooltip
|
3
|
+
-->
|
4
|
+
|
5
|
+
{% assign words = include.content | strip_html | number_of_words: "auto" %}
|
6
|
+
|
7
|
+
<!-- words per minute -->
|
8
|
+
|
9
|
+
{% assign wpm = 180 %}
|
10
|
+
{% assign min_time = 1 %}
|
11
|
+
|
12
|
+
{% assign read_time = words | divided_by: wpm %}
|
13
|
+
|
14
|
+
{% unless read_time > 0 %}
|
15
|
+
{% assign read_time = min_time %}
|
16
|
+
{% endunless %}
|
17
|
+
|
18
|
+
{% capture read_prompt %}
|
19
|
+
{{- site.data.locales[site.lang].post.read_time.prompt -}}
|
20
|
+
{% endcapture %}
|
21
|
+
|
22
|
+
<!-- return element -->
|
23
|
+
<span class="readtime" data-toggle="tooltip" data-placement="bottom"
|
24
|
+
title="{{ words }} {{ site.data.locales[site.lang].post.words }}">
|
25
|
+
<em>{{- read_time -}}{{" "}}{{- site.data.locales[site.lang].post.read_time.unit -}}</em>
|
26
|
+
{%- if include.prompt -%}
|
27
|
+
{%- assign _prompt_words = read_prompt | number_of_words: 'auto' -%}
|
28
|
+
{%- unless _prompt_words > 1 -%}{{ " " }}{%- endunless -%}{{ read_prompt }}
|
29
|
+
{%- endif -%}
|
30
|
+
</span>
|
@@ -0,0 +1,330 @@
|
|
1
|
+
<!--
|
2
|
+
Refactor the HTML structure.
|
3
|
+
-->
|
4
|
+
|
5
|
+
{% assign _content = include.content %}
|
6
|
+
|
7
|
+
<!--
|
8
|
+
In order to allow a wide table to scroll horizontally,
|
9
|
+
we suround the markdown table with `<div class="table-wrapper">` and `</div>`
|
10
|
+
-->
|
11
|
+
|
12
|
+
{% if _content contains '<table' %}
|
13
|
+
{% assign _content = _content
|
14
|
+
| replace: '<table', '<div class="table-wrapper"><table'
|
15
|
+
| replace: '</table>', '</table></div>'
|
16
|
+
| replace: '<code><div class="table-wrapper">', '<code>'
|
17
|
+
| replace: '</table></div></code>', '</table></code>'
|
18
|
+
%}
|
19
|
+
{% endif %}
|
20
|
+
|
21
|
+
<!--
|
22
|
+
Fixed kramdown code highlight rendering:
|
23
|
+
https://github.com/penibelst/jekyll-compress-html/issues/101
|
24
|
+
https://github.com/penibelst/jekyll-compress-html/issues/71#issuecomment-188144901
|
25
|
+
-->
|
26
|
+
|
27
|
+
{% if _content contains '<pre class="highlight">' %}
|
28
|
+
{% assign _content = _content
|
29
|
+
| replace: '<div class="highlight"><pre class="highlight"><code', '<div class="highlight"><code'
|
30
|
+
| replace: '</code></pre></div>', '</code></div>'
|
31
|
+
%}
|
32
|
+
{% endif %}
|
33
|
+
|
34
|
+
<!-- Change the icon of checkbox -->
|
35
|
+
{% if _content contains '<input type="checkbox"' %}
|
36
|
+
{% assign _content = _content
|
37
|
+
| replace:
|
38
|
+
'<input type="checkbox" class="task-list-item-checkbox" disabled="disabled" checked="checked" />',
|
39
|
+
'<i class="fas fa-check-circle fa-fw checked"></i>'
|
40
|
+
| replace:
|
41
|
+
'<input type="checkbox" class="task-list-item-checkbox" disabled="disabled" />',
|
42
|
+
'<i class="far fa-circle fa-fw"></i>'
|
43
|
+
%}
|
44
|
+
{% endif %}
|
45
|
+
|
46
|
+
<!-- images -->
|
47
|
+
|
48
|
+
{% assign IMG_TAG = '<img ' %}
|
49
|
+
|
50
|
+
{% if _content contains IMG_TAG %}
|
51
|
+
{% assign _img_content = nil %}
|
52
|
+
{% assign _img_snippets = _content | split: IMG_TAG %}
|
53
|
+
|
54
|
+
<!-- CDN URL -->
|
55
|
+
{% if site.img_cdn %}
|
56
|
+
{% if site.img_cdn contains '//' %}
|
57
|
+
{% assign _path_prefix = site.img_cdn %}
|
58
|
+
{% else %}
|
59
|
+
{% assign _path_prefix = site.img_cdn | relative_url %}
|
60
|
+
{% endif %}
|
61
|
+
{% else %}
|
62
|
+
{% assign _path_prefix = site.baseurl %}
|
63
|
+
{% endif %}
|
64
|
+
|
65
|
+
<!-- Add image path -->
|
66
|
+
{% if page.img_path %}
|
67
|
+
{% assign _path = page.img_path | append: '/' | replace: '//', '/' %}
|
68
|
+
{% assign _path_prefix = _path_prefix | append: _path %}
|
69
|
+
{% endif %}
|
70
|
+
|
71
|
+
{% for _img_snippet in _img_snippets %}
|
72
|
+
{% if forloop.first %}
|
73
|
+
{% assign _img_content = _img_snippet %}
|
74
|
+
{% continue %}
|
75
|
+
{% endif %}
|
76
|
+
|
77
|
+
{% assign _left = _img_snippet | split: '>' | first %}
|
78
|
+
{% assign _right = _img_snippet | remove: _left %}
|
79
|
+
|
80
|
+
{% unless _left contains 'src=' %}
|
81
|
+
{% continue %}
|
82
|
+
{% endunless %}
|
83
|
+
|
84
|
+
{% assign _left = _left | remove: ' /' | replace: ' w=', ' width=' | replace: ' h=', ' height=' %}
|
85
|
+
{% assign _attrs = _left | split: '" ' %}
|
86
|
+
|
87
|
+
{% assign _width = nil %}
|
88
|
+
{% assign _height = nil %}
|
89
|
+
{% assign _lqip = nil %}
|
90
|
+
{% assign _class = nil %}
|
91
|
+
|
92
|
+
{% for _attr in _attrs %}
|
93
|
+
{% unless _attr contains '=' %}
|
94
|
+
{% continue %}
|
95
|
+
{% endunless %}
|
96
|
+
|
97
|
+
{% assign _pair = _attr | remove: '"' | split: '=' %}
|
98
|
+
{% capture _key %}{{ _pair | first }}{% endcapture %}
|
99
|
+
{% capture _value %}{{ _pair | last }}{% endcapture %}
|
100
|
+
|
101
|
+
{% case _key %}
|
102
|
+
{% when 'width' %}
|
103
|
+
{% assign _width = _value %}
|
104
|
+
{% when 'height' %}
|
105
|
+
{% assign _height = _value %}
|
106
|
+
{% when 'src' %}
|
107
|
+
{% assign _src = _value %}
|
108
|
+
{% when 'lqip' %}
|
109
|
+
{% assign _lqip = _value %}
|
110
|
+
{% when 'class' %}
|
111
|
+
{% assign _class = _value %}
|
112
|
+
{% endcase %}
|
113
|
+
|
114
|
+
{% endfor %}
|
115
|
+
|
116
|
+
<!-- take out classes -->
|
117
|
+
{% if _class %}
|
118
|
+
{% capture _old_class %}class="{{ _class }}"{% endcapture %}
|
119
|
+
{% assign _left = _left | remove: _old_class %}
|
120
|
+
{% endif %}
|
121
|
+
|
122
|
+
{% assign _final_src = nil %}
|
123
|
+
|
124
|
+
{% unless _src contains '//' %}
|
125
|
+
{% assign _final_src = _path_prefix | append: _src %}
|
126
|
+
{% capture _src_from %}"{{ _src }}"{% endcapture %}
|
127
|
+
{% capture _src_to %}"{{ _final_src }}"{% endcapture %}
|
128
|
+
{% assign _left = _left | replace: _src_from, _src_to %}
|
129
|
+
{% endunless %}
|
130
|
+
|
131
|
+
{% if _lqip %}
|
132
|
+
{% unless _lqip contains ':' %}
|
133
|
+
{% assign _final_lqip = _path_prefix | append: _lqip %}
|
134
|
+
{% capture _lqip_from %}"{{ _lqip }}"{% endcapture %}
|
135
|
+
{% capture _lqip_to %}"{{ _final_lqip }}"{% endcapture %}
|
136
|
+
{% assign _left = _left | replace: _lqip_from, _lqip_to %}
|
137
|
+
{% endunless %}
|
138
|
+
{% endif %}
|
139
|
+
|
140
|
+
<!-- lazy-load images <https://github.com/aFarkas/lazysizes#readme> -->
|
141
|
+
{% assign _left = _left | replace: 'src=', 'data-src=' %}
|
142
|
+
{% if _left contains 'class=' %}
|
143
|
+
{% assign _left = _left | replace: 'class="', 'class="lazyload '%}
|
144
|
+
{% else %}
|
145
|
+
{% assign _left = _left | append: ' class="lazyload"' %}
|
146
|
+
{% endif %}
|
147
|
+
|
148
|
+
<!-- add image placeholder -->
|
149
|
+
{% if _lqip %}
|
150
|
+
{% assign _left = _left | replace: ' lqip=', ' data-lqip="true" src=' %}
|
151
|
+
{% else %}
|
152
|
+
{% if _width and _height %}
|
153
|
+
<!-- add SVG placehoder -->
|
154
|
+
{%- capture _svg -%}
|
155
|
+
src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 {{ _width }} {{ _height }}'%3E%3C/svg%3E"
|
156
|
+
{%- endcapture -%}
|
157
|
+
{% assign _left = _svg | append: ' ' | append: _left %}
|
158
|
+
{% assign _class = _class | append: ' shimmer' %}
|
159
|
+
{% endif %}
|
160
|
+
{% endif %}
|
161
|
+
|
162
|
+
<!-- Bypass the HTML-proofer test -->
|
163
|
+
{% assign _left = _left | append: ' data-proofer-ignore' %}
|
164
|
+
|
165
|
+
<!-- make sure the `<img>` is wrapped by `<a>` -->
|
166
|
+
{% assign _parent = _right | slice: 1, 4 %}
|
167
|
+
|
168
|
+
{% if _parent == '</a>' %}
|
169
|
+
<!-- add class to exist <a> tag -->
|
170
|
+
{% assign _size = _img_content | size | minus: 1 %}
|
171
|
+
{% capture _class %}
|
172
|
+
class="img-link{% unless _lqip %} shimmer{% endunless %}"
|
173
|
+
{% endcapture %}
|
174
|
+
{% assign _img_content = _img_content | slice: 0, _size | append: _class | append: '>' %}
|
175
|
+
|
176
|
+
{% else %}
|
177
|
+
<!-- create the image wrapper -->
|
178
|
+
{%- capture _wrapper_start -%}
|
179
|
+
<a href="{{ _final_src | default: _src }}" class="popup img-link {{ _class }}">
|
180
|
+
{%- endcapture -%}
|
181
|
+
{% assign _img_content = _img_content | append: _wrapper_start %}
|
182
|
+
{% assign _right = _right | prepend: '></a' %}
|
183
|
+
{% endif %}
|
184
|
+
|
185
|
+
<!-- combine -->
|
186
|
+
{% assign _img_content = _img_content | append: IMG_TAG | append: _left | append: _right %}
|
187
|
+
|
188
|
+
{% endfor %}
|
189
|
+
|
190
|
+
{% if _img_content %}
|
191
|
+
{% assign _content = _img_content %}
|
192
|
+
{% endif %}
|
193
|
+
|
194
|
+
{% endif %}
|
195
|
+
|
196
|
+
<!-- Add header for code snippets -->
|
197
|
+
|
198
|
+
{% if _content contains '<div class="highlight"><code>' %}
|
199
|
+
{% assign _code_spippets = _content | split: '<div class="highlight"><code>' %}
|
200
|
+
{% assign _new_content = '' %}
|
201
|
+
|
202
|
+
{% for _snippet in _code_spippets %}
|
203
|
+
|
204
|
+
{% if forloop.last %}
|
205
|
+
{% assign _new_content = _new_content | append: _snippet %}
|
206
|
+
|
207
|
+
{% else %}
|
208
|
+
|
209
|
+
{% assign _left = _snippet | split: '><' | last%}
|
210
|
+
|
211
|
+
{% if _left contains 'file="' %}
|
212
|
+
{% assign _label_text = _left | split: 'file="' | last | split: '"' | first %}
|
213
|
+
{% assign _label_icon = 'far fa-file-code' %}
|
214
|
+
{% else %}
|
215
|
+
{% assign _lang = _left | split: 'language-' | last | split: ' ' | first %}
|
216
|
+
{% capture _label_text %}{% include language-alias.html language=_lang %}{% endcapture %}
|
217
|
+
{% assign _label_icon = 'fas fa-code small' %}
|
218
|
+
{% endif %}
|
219
|
+
|
220
|
+
{% capture _label %}
|
221
|
+
<span data-label-text="{{ _label_text | strip }}"><i class="{{ _label_icon }}"></i></span>
|
222
|
+
{% endcapture %}
|
223
|
+
|
224
|
+
{% assign _new_content = _new_content | append: _snippet
|
225
|
+
| append: '<div class="code-header">'
|
226
|
+
| append: _label
|
227
|
+
| append: '<button aria-label="copy" data-title-succeed="'
|
228
|
+
| append: site.data.locales[site.lang].post.button.copy_code.succeed
|
229
|
+
| append: '"><i class="far fa-clipboard"></i></button></div>'
|
230
|
+
| append: '<div class="highlight"><code>'
|
231
|
+
%}
|
232
|
+
|
233
|
+
{% endif %}
|
234
|
+
|
235
|
+
{% endfor %}
|
236
|
+
|
237
|
+
{% assign _content = _new_content %}
|
238
|
+
|
239
|
+
{% endif %}
|
240
|
+
|
241
|
+
<!-- Create heading anchors -->
|
242
|
+
|
243
|
+
{% assign heading_levels = '2,3,4,5' | split: ',' %}
|
244
|
+
{% assign _heading_content = _content %}
|
245
|
+
|
246
|
+
{% for level in heading_levels %}
|
247
|
+
{% capture mark_start %}<h{{ level }} id="{% endcapture %}
|
248
|
+
{% capture mark_end %}</h{{ level }}>{% endcapture %}
|
249
|
+
|
250
|
+
{% if _heading_content contains mark_start %}
|
251
|
+
{% assign _new_content = nil %}
|
252
|
+
{% assign heading_snippets = _heading_content | split: mark_start %}
|
253
|
+
|
254
|
+
{% for snippet in heading_snippets %}
|
255
|
+
{% if forloop.first %}
|
256
|
+
{% assign _new_content = snippet %}
|
257
|
+
{% continue %}
|
258
|
+
{% endif %}
|
259
|
+
|
260
|
+
{% assign id = snippet | split: '"' | first %}
|
261
|
+
{% capture anchor %}<a href="#{{ id }}" class="anchor text-muted"><i class="fas fa-hashtag"></i></a>{% endcapture %}
|
262
|
+
|
263
|
+
{% assign left = snippet | split: mark_end | first %}
|
264
|
+
{% assign right = snippet | slice: left.size, snippet.size %}
|
265
|
+
{% assign left = left | replace_first: '">', '"><span class="mr-2">' | append: '</span>' %}
|
266
|
+
|
267
|
+
{% assign _new_content = _new_content | append: mark_start
|
268
|
+
| append: left | append: anchor | append: right
|
269
|
+
%}
|
270
|
+
|
271
|
+
{% endfor %}
|
272
|
+
|
273
|
+
{% assign _heading_content = _new_content %}
|
274
|
+
|
275
|
+
{% endif %}
|
276
|
+
{% endfor %}
|
277
|
+
|
278
|
+
{% assign _content = _heading_content %}
|
279
|
+
|
280
|
+
<!-- Wrap prompt element of blockquote with the <div> tag -->
|
281
|
+
|
282
|
+
{% assign blockquote_start = '<blockquote class=' %}
|
283
|
+
{% assign blockquote_end = '</blockquote>' %}
|
284
|
+
{% assign cls_prefix = 'prompt-' %}
|
285
|
+
|
286
|
+
{% if _content contains blockquote_start %}
|
287
|
+
|
288
|
+
{% assign _prompt_content = nil %}
|
289
|
+
{% assign _prompt_snippets = _content | split: blockquote_start %}
|
290
|
+
|
291
|
+
{% for _snippet in _prompt_snippets %}
|
292
|
+
|
293
|
+
{% if forloop.first %}
|
294
|
+
{% assign _prompt_content = _snippet %}
|
295
|
+
{% continue %}
|
296
|
+
{% endif %}
|
297
|
+
|
298
|
+
{% assign left = _snippet | split: blockquote_end | first %}
|
299
|
+
{% assign right = _snippet | slice: left.size, _snippet.size %}
|
300
|
+
|
301
|
+
{% assign cls_str = left | split: '>' | first %}
|
302
|
+
{% assign cls_array = cls_str | remove: '"' | split: ' ' %}
|
303
|
+
{% assign is_prompt = false %}
|
304
|
+
|
305
|
+
{% for cls in cls_array %}
|
306
|
+
{% if cls contains cls_prefix %}
|
307
|
+
{% assign is_prompt = true %}
|
308
|
+
{% break %}
|
309
|
+
{% endif %}
|
310
|
+
{% endfor %}
|
311
|
+
|
312
|
+
{% unless is_prompt %}
|
313
|
+
{% assign _prompt_content = _prompt_content | append: blockquote_start | append: _snippet %}
|
314
|
+
{% continue %}
|
315
|
+
{% endunless %}
|
316
|
+
|
317
|
+
{% assign left = left | slice: cls_str.size, left.size %}
|
318
|
+
{% assign left = cls_str | append: '><div' | append: left | append: '</div>' %}
|
319
|
+
|
320
|
+
{% assign _prompt_content = _prompt_content | append: blockquote_start | append: left | append: right %}
|
321
|
+
|
322
|
+
{% endfor %}
|
323
|
+
|
324
|
+
{% assign _content = _prompt_content %}
|
325
|
+
|
326
|
+
{% endif %}
|
327
|
+
|
328
|
+
<!-- return -->
|
329
|
+
|
330
|
+
{{ _content }}
|