hexo-theme-lnote 1.2.7 → 1.2.8

Sign up to get free protection for your applications and to get access to all the features.
Files changed (141) hide show
  1. package/README.md +36 -36
  2. package/_config.yml +19 -19
  3. package/config/links.yml +63 -63
  4. package/config/svg.yml +33 -33
  5. package/index.d.ts +3 -3
  6. package/languages/de.yml +69 -69
  7. package/languages/en.yml +73 -73
  8. package/languages/eo.yml +69 -69
  9. package/languages/es.yml +69 -69
  10. package/languages/ja.yml +69 -69
  11. package/languages/ru.yml +69 -69
  12. package/languages/zh-CN.yml +73 -73
  13. package/languages/zh-HK.yml +73 -73
  14. package/languages/zh-TW.yml +73 -73
  15. package/layout/404.ejs +8 -8
  16. package/layout/_partials/archive-list.ejs +17 -17
  17. package/layout/_partials/category-chains.ejs +19 -19
  18. package/layout/_partials/category-list.ejs +62 -62
  19. package/layout/_partials/comments/changyan.ejs +11 -11
  20. package/layout/_partials/comments/cusdis.ejs +25 -25
  21. package/layout/_partials/comments/discuss.ejs +17 -17
  22. package/layout/_partials/comments/disqus.ejs +32 -32
  23. package/layout/_partials/comments/giscus.ejs +36 -36
  24. package/layout/_partials/comments/gitalk.ejs +19 -19
  25. package/layout/_partials/comments/livere.ejs +10 -10
  26. package/layout/_partials/comments/remark42.ejs +29 -29
  27. package/layout/_partials/comments/twikoo.ejs +25 -25
  28. package/layout/_partials/comments/utterances.ejs +27 -27
  29. package/layout/_partials/comments/valine.ejs +23 -23
  30. package/layout/_partials/comments/waline.ejs +24 -24
  31. package/layout/_partials/comments.ejs +8 -8
  32. package/layout/_partials/css.ejs +9 -9
  33. package/layout/_partials/footer/beian.ejs +33 -33
  34. package/layout/_partials/footer/statistics.ejs +39 -39
  35. package/layout/_partials/footer.ejs +7 -7
  36. package/layout/_partials/head.ejs +46 -46
  37. package/layout/_partials/header/banner.ejs +24 -24
  38. package/layout/_partials/header/navigation.ejs +56 -56
  39. package/layout/_partials/header.ejs +4 -4
  40. package/layout/_partials/markdown-plugins.ejs +24 -24
  41. package/layout/_partials/paginator.ejs +14 -14
  42. package/layout/_partials/plugins/CSR.ejs +4 -4
  43. package/layout/_partials/plugins/analytics.ejs +75 -75
  44. package/layout/_partials/plugins/anchorjs.ejs +39 -39
  45. package/layout/_partials/plugins/code-widget.ejs +7 -7
  46. package/layout/_partials/plugins/encrypt.ejs +18 -18
  47. package/layout/_partials/plugins/fancybox.ejs +11 -11
  48. package/layout/_partials/plugins/highlight.ejs +13 -13
  49. package/layout/_partials/plugins/math.ejs +51 -51
  50. package/layout/_partials/plugins/mermaid.ejs +4 -4
  51. package/layout/_partials/plugins/nprogress.ejs +7 -7
  52. package/layout/_partials/plugins/typed.ejs +20 -20
  53. package/layout/_partials/post/category-bar.ejs +18 -18
  54. package/layout/_partials/post/copyright.ejs +50 -50
  55. package/layout/_partials/post/css.ejs +3 -3
  56. package/layout/_partials/post/meta-bottom.ejs +16 -16
  57. package/layout/_partials/post/meta-top.ejs +27 -27
  58. package/layout/_partials/post/scripts.ejs +8 -8
  59. package/layout/_partials/post/sidebar-left.ejs +1 -1
  60. package/layout/_partials/post/sidebar-right.ejs +2 -2
  61. package/layout/_partials/post/toc.ejs +6 -6
  62. package/layout/_partials/scripts.ejs +10 -10
  63. package/layout/_partials/search.ejs +19 -19
  64. package/layout/about.ejs +22 -22
  65. package/layout/archive.ejs +10 -10
  66. package/layout/categories.ejs +20 -20
  67. package/layout/category.ejs +12 -12
  68. package/layout/index.ejs +61 -61
  69. package/layout/layout.ejs +60 -60
  70. package/layout/links.ejs +31 -31
  71. package/layout/page.ejs +15 -15
  72. package/layout/post.ejs +77 -77
  73. package/layout/tag.ejs +12 -12
  74. package/layout/tags.ejs +26 -26
  75. package/package.json +73 -73
  76. package/scripts/index.js +2 -1
  77. package/source/css/_functions/base.styl +8 -8
  78. package/source/css/_mixins/base.styl +23 -23
  79. package/source/css/_pages/_about/about.styl +32 -32
  80. package/source/css/_pages/_archive/archive.styl +32 -32
  81. package/source/css/_pages/_base/_widget/anchorjs.styl +8 -8
  82. package/source/css/_pages/_base/_widget/banner.styl +29 -29
  83. package/source/css/_pages/_base/_widget/board.styl +11 -11
  84. package/source/css/_pages/_base/_widget/code-widget.styl +36 -36
  85. package/source/css/_pages/_base/_widget/copyright.styl +90 -90
  86. package/source/css/_pages/_base/_widget/footer.styl +65 -65
  87. package/source/css/_pages/_base/_widget/footnote.styl +25 -25
  88. package/source/css/_pages/_base/_widget/header.styl +173 -173
  89. package/source/css/_pages/_base/_widget/modal.styl +100 -100
  90. package/source/css/_pages/_base/_widget/navlink.styl +15 -15
  91. package/source/css/_pages/_base/_widget/ngrogress.styl +12 -12
  92. package/source/css/_pages/_base/_widget/noscript.styl +12 -12
  93. package/source/css/_pages/_base/_widget/pagination.styl +23 -23
  94. package/source/css/_pages/_base/_widget/qrcode.styl +17 -17
  95. package/source/css/_pages/_base/_widget/scroll-btn.styl +48 -48
  96. package/source/css/_pages/_base/_widget/text.styl +19 -19
  97. package/source/css/_pages/_base/_widget/toc.styl +75 -75
  98. package/source/css/_pages/_base/base.styl +67 -67
  99. package/source/css/_pages/_base/color-schema.styl +79 -79
  100. package/source/css/_pages/_base/inline.styl +51 -51
  101. package/source/css/_pages/_base/keyframes.styl +31 -31
  102. package/source/css/_pages/_base/print.styl +38 -38
  103. package/source/css/_pages/_category/category-bar.styl +58 -58
  104. package/source/css/_pages/_category/category-chain.styl +6 -6
  105. package/source/css/_pages/_category/category-list.styl +62 -62
  106. package/source/css/_pages/_index/index.styl +75 -75
  107. package/source/css/_pages/_links/links.styl +79 -79
  108. package/source/css/_pages/_post/comment.styl +27 -27
  109. package/source/css/_pages/_post/highlight.styl +76 -76
  110. package/source/css/_pages/_post/markdown.styl +96 -96
  111. package/source/css/_pages/_post/post-page.styl +179 -179
  112. package/source/css/_pages/_post/post-plugin.styl +9 -9
  113. package/source/css/_pages/_post/post-tag.styl +74 -74
  114. package/source/css/_pages/_tag/tags.styl +9 -9
  115. package/source/css/_pages/pages.styl +8 -8
  116. package/source/css/_variables/base.styl +72 -72
  117. package/source/css/gitalk.css +546 -546
  118. package/source/css/main.styl +19 -19
  119. package/source/js/color-schema.js +279 -279
  120. package/source/js/events.js +72 -72
  121. package/source/js/img-lazyload.js +10 -10
  122. package/source/js/local-search.js +70 -70
  123. package/source/js/post/copying-code.js +34 -34
  124. package/source/js/post/enable.js +6 -6
  125. package/source/js/post/img-swipe-bf.js +47 -47
  126. package/source/js/post/img-swipe.js +83 -83
  127. package/source/js/post/mermaiding.js +9 -9
  128. package/source/js/post/play-imgs.js +58 -58
  129. package/source/js/post/toc.js +24 -24
  130. package/source/js/post/view-imgs.js +27 -27
  131. package/source/js/utils.js +245 -245
  132. package/source/xml/local-search.xml +45 -45
  133. package/templates/Chat.vue +52 -52
  134. package/templates/GroupImage.vue +36 -36
  135. package/templates/MenuNav.vue +39 -39
  136. package/templates/Note.vue +33 -33
  137. package/templates/Noun.vue +25 -25
  138. package/templates/NounContent.vue +29 -29
  139. package/templates/Tab.vue +40 -40
  140. package/templates/footer.ejs +12 -12
  141. package/templates/utils/uri.ts +39 -39
@@ -1,19 +1,19 @@
1
- // --------------------------------------
2
- // LNote
3
- // https://github.com/fluid-dev/hexo-theme-fluid
4
- // --------------------------------------
5
-
6
- @import "_variables/base"
7
- for $inject_variable in hexo-config("injects.variable")
8
- @import $inject_variable;
9
-
10
- @import "_functions/base"
11
-
12
- @import "_mixins/base"
13
- for $inject_mixin in hexo-config("injects.mixin")
14
- @import $inject_mixin;
15
-
16
- @import "_pages/pages"
17
-
18
- for $inject_style in hexo-config("injects.style")
19
- @import $inject_style;
1
+ // --------------------------------------
2
+ // LNote
3
+ // https://github.com/fluid-dev/hexo-theme-fluid
4
+ // --------------------------------------
5
+
6
+ @import "_variables/base"
7
+ for $inject_variable in hexo-config("injects.variable")
8
+ @import $inject_variable;
9
+
10
+ @import "_functions/base"
11
+
12
+ @import "_mixins/base"
13
+ for $inject_mixin in hexo-config("injects.mixin")
14
+ @import $inject_mixin;
15
+
16
+ @import "_pages/pages"
17
+
18
+ for $inject_style in hexo-config("injects.style")
19
+ @import $inject_style;
@@ -1,279 +1,279 @@
1
- /* global LNote */
2
-
3
- /**
4
- * Modified from https://blog.skk.moe/post/hello-darkmode-my-old-friend/
5
- */
6
- (function(window, document) {
7
- var rootElement = document.documentElement;
8
- var colorSchemaStorageKey = 'Lnote_Color_Scheme';
9
- var colorSchemaMediaQueryKey = '--color-mode';
10
- var userColorSchemaAttributeName = 'data-bs-theme';
11
- var defaultColorSchemaAttributeName = 'data-default-color-scheme';
12
- var colorToggleButtonSelector = '#color-toggle-btn';
13
- var colorToggleIconSelector = '#color-toggle-icon';
14
-
15
- function setLS(k, v) {
16
- try {
17
- localStorage.setItem(k, v);
18
- } catch (e) {}
19
- }
20
-
21
- function removeLS(k) {
22
- try {
23
- localStorage.removeItem(k);
24
- } catch (e) {}
25
- }
26
-
27
- function getLS(k) {
28
- try {
29
- return localStorage.getItem(k);
30
- } catch (e) {
31
- return null;
32
- }
33
- }
34
-
35
- function getSchemaFromHTML() {
36
- var res = rootElement.getAttribute(defaultColorSchemaAttributeName);
37
- if (typeof res === 'string') {
38
- return res.replace(/["'\s]/g, '');
39
- }
40
- return null;
41
- }
42
-
43
- function getSchemaFromCSSMediaQuery() {
44
- var res = getComputedStyle(rootElement).getPropertyValue(
45
- colorSchemaMediaQueryKey
46
- );
47
- if (typeof res === 'string') {
48
- return res.replace(/["'\s]/g, '');
49
- }
50
- return null;
51
- }
52
-
53
- function resetSchemaAttributeAndLS() {
54
- rootElement.setAttribute(userColorSchemaAttributeName, getDefaultColorSchema());
55
- removeLS(colorSchemaStorageKey);
56
- }
57
-
58
- var validColorSchemaKeys = {
59
- dark : true,
60
- light: true
61
- };
62
-
63
- function getDefaultColorSchema() {
64
- // 取默认字段的值
65
- var schema = getSchemaFromHTML();
66
- // 如果明确指定了 schema 则返回
67
- if (validColorSchemaKeys[schema]) {
68
- return schema;
69
- }
70
- // 默认优先按 prefers-color-scheme
71
- schema = getSchemaFromCSSMediaQuery();
72
- if (validColorSchemaKeys[schema]) {
73
- return schema;
74
- }
75
- // 否则按本地时间是否大于 18 点或凌晨 0 ~ 6 点
76
- var hours = new Date().getHours();
77
- if (hours >= 18 || (hours >= 0 && hours <= 6)) {
78
- return 'dark';
79
- }
80
- return 'light';
81
- }
82
-
83
- function applyCustomColorSchemaSettings(schema) {
84
- // 接受从「开关」处传来的模式,或者从 localStorage 读取,否则按默认设置值
85
- var current = schema || getLS(colorSchemaStorageKey) || getDefaultColorSchema();
86
-
87
- if (current === getDefaultColorSchema()) {
88
- // 当用户切换的显示模式和默认模式相同时,则恢复为自动模式
89
- resetSchemaAttributeAndLS();
90
- } else if (validColorSchemaKeys[current]) {
91
- rootElement.setAttribute(
92
- userColorSchemaAttributeName,
93
- current
94
- );
95
- } else {
96
- // 特殊情况重置
97
- resetSchemaAttributeAndLS();
98
- return;
99
- }
100
-
101
- // 根据当前模式设置图标
102
- setButtonIcon(current);
103
-
104
- // 设置代码高亮
105
- setHighlightCSS(current);
106
-
107
- // 设置其他应用
108
- setApplications(current);
109
- }
110
-
111
- var invertColorSchemaObj = {
112
- dark : 'light',
113
- light: 'dark'
114
- };
115
-
116
- function getIconClass(scheme) {
117
- return 'icon-' + scheme;
118
- }
119
-
120
- function toggleCustomColorSchema() {
121
- var currentSetting = getLS(colorSchemaStorageKey);
122
-
123
- if (validColorSchemaKeys[currentSetting]) {
124
- // 从 localStorage 中读取模式,并取相反的模式
125
- currentSetting = invertColorSchemaObj[currentSetting];
126
- } else if (currentSetting === null) {
127
- // 当 localStorage 中没有相关值,或者 localStorage 抛了 Error
128
- // 先按照按钮的状态进行切换
129
- var iconElement = document.querySelector(colorToggleIconSelector);
130
- if (iconElement) {
131
- currentSetting = iconElement.getAttribute('data');
132
- }
133
- if (!iconElement || !validColorSchemaKeys[currentSetting]) {
134
- // 当 localStorage 中没有相关值,或者 localStorage 抛了 Error,则读取默认值并切换到相反的模式
135
- currentSetting = invertColorSchemaObj[getSchemaFromCSSMediaQuery()];
136
- }
137
- } else {
138
- return;
139
- }
140
- // 将相反的模式写入 localStorage
141
- setLS(colorSchemaStorageKey, currentSetting);
142
-
143
- return currentSetting;
144
- }
145
-
146
- function setButtonIcon(schema) {
147
- if (validColorSchemaKeys[schema]) {
148
- // 切换图标
149
- var icon = getIconClass('dark');
150
- if (schema) {
151
- icon = getIconClass(schema);
152
- }
153
- var iconElement = document.querySelector(colorToggleIconSelector);
154
- if (iconElement) {
155
- iconElement.setAttribute(
156
- 'class',
157
- 'iconfont ' + icon
158
- );
159
- iconElement.setAttribute(
160
- 'data',
161
- invertColorSchemaObj[schema]
162
- );
163
- } else {
164
- // 如果图标不存在则说明图标还没加载出来,等到页面全部加载再尝试切换
165
- LNote.utils.waitElementLoaded(colorToggleIconSelector, function() {
166
- var iconElement = document.querySelector(colorToggleIconSelector);
167
- if (iconElement) {
168
- iconElement.setAttribute(
169
- 'class',
170
- 'iconfont ' + icon
171
- );
172
- iconElement.setAttribute(
173
- 'data',
174
- invertColorSchemaObj[schema]
175
- );
176
- }
177
- });
178
- }
179
- if (document.documentElement.getAttribute('data-bs-theme')) {
180
- var color = getComputedStyle(document.documentElement).getPropertyValue('--navbar-bg-color').trim()
181
- document.querySelector('meta[name="theme-color"]').setAttribute('content', color)
182
- }
183
- }
184
- }
185
-
186
- function setHighlightCSS(schema) {
187
- // 启用对应的代码高亮的样式
188
- var lightCss = document.getElementById('highlight-css');
189
- var darkCss = document.getElementById('highlight-css-dark');
190
- if (schema === 'dark') {
191
- if (darkCss) {
192
- darkCss.removeAttribute('disabled');
193
- }
194
- if (lightCss) {
195
- lightCss.setAttribute('disabled', '');
196
- }
197
- } else {
198
- if (lightCss) {
199
- lightCss.removeAttribute('disabled');
200
- }
201
- if (darkCss) {
202
- darkCss.setAttribute('disabled', '');
203
- }
204
- }
205
-
206
- setTimeout(function() {
207
- // 设置代码块组件样式
208
- document.querySelectorAll('.markdown-body pre').forEach((pre) => {
209
- var cls = LNote.utils.getBackgroundLightness(pre) >= 0 ? 'code-widget-light' : 'code-widget-dark';
210
- var widget = pre.querySelector('.code-widget-light, .code-widget-dark');
211
- if (widget) {
212
- widget.classList.remove('code-widget-light', 'code-widget-dark');
213
- widget.classList.add(cls);
214
- }
215
- });
216
- }, 200);
217
- }
218
-
219
- function setApplications(schema) {
220
- // 设置 remark42 评论主题
221
- if (window.REMARK42) {
222
- window.REMARK42.changeTheme(schema);
223
- }
224
-
225
- // 设置 cusdis 评论主题
226
- if (window.CUSDIS) {
227
- window.CUSDIS.setTheme(schema);
228
- }
229
-
230
- // 设置 utterances 评论主题
231
- var utterances = document.querySelector('.utterances-frame');
232
- if (utterances) {
233
- var utterancesTheme = schema === 'dark' ? window.UtterancesThemeDark : window.UtterancesThemeLight;
234
- const message = {
235
- type : 'set-theme',
236
- theme: utterancesTheme
237
- };
238
- utterances.contentWindow.postMessage(message, 'https://utteranc.es');
239
- }
240
-
241
- // 设置 giscus 评论主题
242
- var giscus = document.querySelector('iframe.giscus-frame');
243
- if (giscus) {
244
- var giscusTheme = schema === 'dark' ? window.GiscusThemeDark : window.GiscusThemeLight;
245
- const message = {
246
- setConfig: {
247
- theme: giscusTheme,
248
- }
249
- };
250
- giscus.contentWindow.postMessage({ 'giscus': message }, 'https://giscus.app');
251
- }
252
- }
253
-
254
- // 当页面加载时,将显示模式设置为 localStorage 中自定义的值(如果有的话)
255
- applyCustomColorSchemaSettings();
256
-
257
- LNote.utils.waitElementLoaded(colorToggleIconSelector, function() {
258
- applyCustomColorSchemaSettings();
259
- var button = document.querySelector(colorToggleButtonSelector);
260
- if (button) {
261
- // 当用户点击切换按钮时,获得新的显示模式、写入 localStorage、并在页面上生效
262
- button.addEventListener('click', function() {
263
- applyCustomColorSchemaSettings(toggleCustomColorSchema());
264
- });
265
- var icon = document.querySelector(colorToggleIconSelector);
266
- if (icon) {
267
- // 光标悬停在按钮上时,切换图标
268
- button.addEventListener('mouseenter', function() {
269
- var current = icon.getAttribute('data');
270
- icon.classList.replace(getIconClass(invertColorSchemaObj[current]), getIconClass(current));
271
- });
272
- button.addEventListener('mouseleave', function() {
273
- var current = icon.getAttribute('data');
274
- icon.classList.replace(getIconClass(current), getIconClass(invertColorSchemaObj[current]));
275
- });
276
- }
277
- }
278
- });
279
- })(window, document);
1
+ /* global LNote */
2
+
3
+ /**
4
+ * Modified from https://blog.skk.moe/post/hello-darkmode-my-old-friend/
5
+ */
6
+ (function(window, document) {
7
+ var rootElement = document.documentElement;
8
+ var colorSchemaStorageKey = 'Lnote_Color_Scheme';
9
+ var colorSchemaMediaQueryKey = '--color-mode';
10
+ var userColorSchemaAttributeName = 'data-bs-theme';
11
+ var defaultColorSchemaAttributeName = 'data-default-color-scheme';
12
+ var colorToggleButtonSelector = '#color-toggle-btn';
13
+ var colorToggleIconSelector = '#color-toggle-icon';
14
+
15
+ function setLS(k, v) {
16
+ try {
17
+ localStorage.setItem(k, v);
18
+ } catch (e) {}
19
+ }
20
+
21
+ function removeLS(k) {
22
+ try {
23
+ localStorage.removeItem(k);
24
+ } catch (e) {}
25
+ }
26
+
27
+ function getLS(k) {
28
+ try {
29
+ return localStorage.getItem(k);
30
+ } catch (e) {
31
+ return null;
32
+ }
33
+ }
34
+
35
+ function getSchemaFromHTML() {
36
+ var res = rootElement.getAttribute(defaultColorSchemaAttributeName);
37
+ if (typeof res === 'string') {
38
+ return res.replace(/["'\s]/g, '');
39
+ }
40
+ return null;
41
+ }
42
+
43
+ function getSchemaFromCSSMediaQuery() {
44
+ var res = getComputedStyle(rootElement).getPropertyValue(
45
+ colorSchemaMediaQueryKey
46
+ );
47
+ if (typeof res === 'string') {
48
+ return res.replace(/["'\s]/g, '');
49
+ }
50
+ return null;
51
+ }
52
+
53
+ function resetSchemaAttributeAndLS() {
54
+ rootElement.setAttribute(userColorSchemaAttributeName, getDefaultColorSchema());
55
+ removeLS(colorSchemaStorageKey);
56
+ }
57
+
58
+ var validColorSchemaKeys = {
59
+ dark : true,
60
+ light: true
61
+ };
62
+
63
+ function getDefaultColorSchema() {
64
+ // 取默认字段的值
65
+ var schema = getSchemaFromHTML();
66
+ // 如果明确指定了 schema 则返回
67
+ if (validColorSchemaKeys[schema]) {
68
+ return schema;
69
+ }
70
+ // 默认优先按 prefers-color-scheme
71
+ schema = getSchemaFromCSSMediaQuery();
72
+ if (validColorSchemaKeys[schema]) {
73
+ return schema;
74
+ }
75
+ // 否则按本地时间是否大于 18 点或凌晨 0 ~ 6 点
76
+ var hours = new Date().getHours();
77
+ if (hours >= 18 || (hours >= 0 && hours <= 6)) {
78
+ return 'dark';
79
+ }
80
+ return 'light';
81
+ }
82
+
83
+ function applyCustomColorSchemaSettings(schema) {
84
+ // 接受从「开关」处传来的模式,或者从 localStorage 读取,否则按默认设置值
85
+ var current = schema || getLS(colorSchemaStorageKey) || getDefaultColorSchema();
86
+
87
+ if (current === getDefaultColorSchema()) {
88
+ // 当用户切换的显示模式和默认模式相同时,则恢复为自动模式
89
+ resetSchemaAttributeAndLS();
90
+ } else if (validColorSchemaKeys[current]) {
91
+ rootElement.setAttribute(
92
+ userColorSchemaAttributeName,
93
+ current
94
+ );
95
+ } else {
96
+ // 特殊情况重置
97
+ resetSchemaAttributeAndLS();
98
+ return;
99
+ }
100
+
101
+ // 根据当前模式设置图标
102
+ setButtonIcon(current);
103
+
104
+ // 设置代码高亮
105
+ setHighlightCSS(current);
106
+
107
+ // 设置其他应用
108
+ setApplications(current);
109
+ }
110
+
111
+ var invertColorSchemaObj = {
112
+ dark : 'light',
113
+ light: 'dark'
114
+ };
115
+
116
+ function getIconClass(scheme) {
117
+ return 'icon-' + scheme;
118
+ }
119
+
120
+ function toggleCustomColorSchema() {
121
+ var currentSetting = getLS(colorSchemaStorageKey);
122
+
123
+ if (validColorSchemaKeys[currentSetting]) {
124
+ // 从 localStorage 中读取模式,并取相反的模式
125
+ currentSetting = invertColorSchemaObj[currentSetting];
126
+ } else if (currentSetting === null) {
127
+ // 当 localStorage 中没有相关值,或者 localStorage 抛了 Error
128
+ // 先按照按钮的状态进行切换
129
+ var iconElement = document.querySelector(colorToggleIconSelector);
130
+ if (iconElement) {
131
+ currentSetting = iconElement.getAttribute('data');
132
+ }
133
+ if (!iconElement || !validColorSchemaKeys[currentSetting]) {
134
+ // 当 localStorage 中没有相关值,或者 localStorage 抛了 Error,则读取默认值并切换到相反的模式
135
+ currentSetting = invertColorSchemaObj[getSchemaFromCSSMediaQuery()];
136
+ }
137
+ } else {
138
+ return;
139
+ }
140
+ // 将相反的模式写入 localStorage
141
+ setLS(colorSchemaStorageKey, currentSetting);
142
+
143
+ return currentSetting;
144
+ }
145
+
146
+ function setButtonIcon(schema) {
147
+ if (validColorSchemaKeys[schema]) {
148
+ // 切换图标
149
+ var icon = getIconClass('dark');
150
+ if (schema) {
151
+ icon = getIconClass(schema);
152
+ }
153
+ var iconElement = document.querySelector(colorToggleIconSelector);
154
+ if (iconElement) {
155
+ iconElement.setAttribute(
156
+ 'class',
157
+ 'iconfont ' + icon
158
+ );
159
+ iconElement.setAttribute(
160
+ 'data',
161
+ invertColorSchemaObj[schema]
162
+ );
163
+ } else {
164
+ // 如果图标不存在则说明图标还没加载出来,等到页面全部加载再尝试切换
165
+ LNote.utils.waitElementLoaded(colorToggleIconSelector, function() {
166
+ var iconElement = document.querySelector(colorToggleIconSelector);
167
+ if (iconElement) {
168
+ iconElement.setAttribute(
169
+ 'class',
170
+ 'iconfont ' + icon
171
+ );
172
+ iconElement.setAttribute(
173
+ 'data',
174
+ invertColorSchemaObj[schema]
175
+ );
176
+ }
177
+ });
178
+ }
179
+ if (document.documentElement.getAttribute('data-bs-theme')) {
180
+ var color = getComputedStyle(document.documentElement).getPropertyValue('--navbar-bg-color').trim()
181
+ document.querySelector('meta[name="theme-color"]').setAttribute('content', color)
182
+ }
183
+ }
184
+ }
185
+
186
+ function setHighlightCSS(schema) {
187
+ // 启用对应的代码高亮的样式
188
+ var lightCss = document.getElementById('highlight-css');
189
+ var darkCss = document.getElementById('highlight-css-dark');
190
+ if (schema === 'dark') {
191
+ if (darkCss) {
192
+ darkCss.removeAttribute('disabled');
193
+ }
194
+ if (lightCss) {
195
+ lightCss.setAttribute('disabled', '');
196
+ }
197
+ } else {
198
+ if (lightCss) {
199
+ lightCss.removeAttribute('disabled');
200
+ }
201
+ if (darkCss) {
202
+ darkCss.setAttribute('disabled', '');
203
+ }
204
+ }
205
+
206
+ setTimeout(function() {
207
+ // 设置代码块组件样式
208
+ document.querySelectorAll('.markdown-body pre').forEach((pre) => {
209
+ var cls = LNote.utils.getBackgroundLightness(pre) >= 0 ? 'code-widget-light' : 'code-widget-dark';
210
+ var widget = pre.querySelector('.code-widget-light, .code-widget-dark');
211
+ if (widget) {
212
+ widget.classList.remove('code-widget-light', 'code-widget-dark');
213
+ widget.classList.add(cls);
214
+ }
215
+ });
216
+ }, 200);
217
+ }
218
+
219
+ function setApplications(schema) {
220
+ // 设置 remark42 评论主题
221
+ if (window.REMARK42) {
222
+ window.REMARK42.changeTheme(schema);
223
+ }
224
+
225
+ // 设置 cusdis 评论主题
226
+ if (window.CUSDIS) {
227
+ window.CUSDIS.setTheme(schema);
228
+ }
229
+
230
+ // 设置 utterances 评论主题
231
+ var utterances = document.querySelector('.utterances-frame');
232
+ if (utterances) {
233
+ var utterancesTheme = schema === 'dark' ? window.UtterancesThemeDark : window.UtterancesThemeLight;
234
+ const message = {
235
+ type : 'set-theme',
236
+ theme: utterancesTheme
237
+ };
238
+ utterances.contentWindow.postMessage(message, 'https://utteranc.es');
239
+ }
240
+
241
+ // 设置 giscus 评论主题
242
+ var giscus = document.querySelector('iframe.giscus-frame');
243
+ if (giscus) {
244
+ var giscusTheme = schema === 'dark' ? window.GiscusThemeDark : window.GiscusThemeLight;
245
+ const message = {
246
+ setConfig: {
247
+ theme: giscusTheme,
248
+ }
249
+ };
250
+ giscus.contentWindow.postMessage({ 'giscus': message }, 'https://giscus.app');
251
+ }
252
+ }
253
+
254
+ // 当页面加载时,将显示模式设置为 localStorage 中自定义的值(如果有的话)
255
+ applyCustomColorSchemaSettings();
256
+
257
+ LNote.utils.waitElementLoaded(colorToggleIconSelector, function() {
258
+ applyCustomColorSchemaSettings();
259
+ var button = document.querySelector(colorToggleButtonSelector);
260
+ if (button) {
261
+ // 当用户点击切换按钮时,获得新的显示模式、写入 localStorage、并在页面上生效
262
+ button.addEventListener('click', function() {
263
+ applyCustomColorSchemaSettings(toggleCustomColorSchema());
264
+ });
265
+ var icon = document.querySelector(colorToggleIconSelector);
266
+ if (icon) {
267
+ // 光标悬停在按钮上时,切换图标
268
+ button.addEventListener('mouseenter', function() {
269
+ var current = icon.getAttribute('data');
270
+ icon.classList.replace(getIconClass(invertColorSchemaObj[current]), getIconClass(current));
271
+ });
272
+ button.addEventListener('mouseleave', function() {
273
+ var current = icon.getAttribute('data');
274
+ icon.classList.replace(getIconClass(current), getIconClass(invertColorSchemaObj[current]));
275
+ });
276
+ }
277
+ }
278
+ });
279
+ })(window, document);