Update package.json volantis-x/community@99509cf

xaoxuu · Nov 3, 2023 · 8baff5f · 8baff5f · vercel · Nov 3, 2023
1 parent 4f99f4f
commit 8baff5f
Show file tree

Hide file tree

Showing 193 changed files with 379 additions and 352 deletions.
diff --git a/404.html b/404.html
diff --git a/archives/2013/12/index.html b/archives/2013/12/index.html
diff --git a/archives/2013/12/page/2/index.html b/archives/2013/12/page/2/index.html
diff --git a/archives/2013/index.html b/archives/2013/index.html
diff --git a/archives/2013/page/2/index.html b/archives/2013/page/2/index.html
diff --git a/archives/2017/10/index.html b/archives/2017/10/index.html
diff --git a/archives/2017/index.html b/archives/2017/index.html
diff --git a/archives/2018/07/index.html b/archives/2018/07/index.html
diff --git a/archives/2018/index.html b/archives/2018/index.html
diff --git a/archives/2019/07/index.html b/archives/2019/07/index.html
diff --git a/archives/2019/index.html b/archives/2019/index.html
diff --git a/archives/2020/02/index.html b/archives/2020/02/index.html
diff --git a/archives/2020/03/index.html b/archives/2020/03/index.html
diff --git a/archives/2020/04/index.html b/archives/2020/04/index.html
diff --git a/archives/2020/05/index.html b/archives/2020/05/index.html
diff --git a/archives/2020/07/index.html b/archives/2020/07/index.html
diff --git a/archives/2020/08/index.html b/archives/2020/08/index.html
diff --git a/archives/2020/09/index.html b/archives/2020/09/index.html
diff --git a/archives/2020/10/index.html b/archives/2020/10/index.html
diff --git a/archives/2020/12/index.html b/archives/2020/12/index.html
diff --git a/archives/2020/index.html b/archives/2020/index.html
diff --git a/archives/2020/page/2/index.html b/archives/2020/page/2/index.html
diff --git a/archives/2021/03/index.html b/archives/2021/03/index.html
diff --git a/archives/2021/04/index.html b/archives/2021/04/index.html
diff --git a/archives/2021/08/index.html b/archives/2021/08/index.html
diff --git a/archives/2021/09/index.html b/archives/2021/09/index.html
diff --git a/archives/2021/11/index.html b/archives/2021/11/index.html
diff --git a/archives/2021/index.html b/archives/2021/index.html
diff --git a/archives/2021/page/2/index.html b/archives/2021/page/2/index.html
diff --git a/archives/2022/05/index.html b/archives/2022/05/index.html
diff --git a/archives/2022/08/index.html b/archives/2022/08/index.html
diff --git a/archives/2022/12/index.html b/archives/2022/12/index.html
diff --git a/archives/2022/index.html b/archives/2022/index.html
diff --git a/archives/2023/01/index.html b/archives/2023/01/index.html
diff --git a/archives/2023/09/index.html b/archives/2023/09/index.html
diff --git a/archives/2023/10/index.html b/archives/2023/10/index.html
diff --git a/archives/2023/index.html b/archives/2023/index.html
diff --git a/archives/index.html b/archives/index.html
diff --git a/archives/page/2/index.html b/archives/page/2/index.html
diff --git a/archives/page/3/index.html b/archives/page/3/index.html
diff --git a/archives/page/4/index.html b/archives/page/4/index.html
diff --git a/archives/page/5/index.html b/archives/page/5/index.html
diff --git a/archives/page/6/index.html b/archives/page/6/index.html
diff --git a/atom.xml b/atom.xml
@@ -6,7 +6,7 @@
   <link href="https://volantis.js.org/atom.xml" rel="self"/>
 
   <link href="https://volantis.js.org/"/>
-  <updated>2023-01-18T00:00:00.000Z</updated>
+  <updated>2023-11-03T03:58:41.000Z</updated>
   <id>https://volantis.js.org/</id>
 
   <author>
@@ -16,6 +16,44 @@
 
   <generator uri="https://hexo.io/">Hexo</generator>
 
+  <entry>
+    <title>使用freecdn-js提高hexo博客的cdn稳定性</title>
+    <link href="https://volantis.js.org/blogs/2023-10-01-enhanced-cdn/"/>
+    <id>https://volantis.js.org/blogs/2023-10-01-enhanced-cdn/</id>
+    <published>2023-10-01T00:00:00.000Z</published>
+    <updated>2023-11-03T03:58:41.000Z</updated>
+
+    <content type="html"><![CDATA[<p>由于<code>cdn.jsdelivr.net</code>在国内不太稳定，替代的<code>jsd.cdn.zzko.cn</code>稳定性稍好，但是也不是100%稳定，因而需要一个脚本实时切换到合适的CDN。<a href="https://github.com/EtherDream/freecdn" target="_blank" rel="noopener external nofollow noreferrer">freecdn-js</a>能实现这个需求，但是我的文件（图片、js等）储存在GitHub图床，而<code>freecdn-js</code>本身需要被加速的文件的<code>hash</code>，因此需要自己写脚本处理下载图片并计算。因为图片等文件的cdn链接是直接写在<code>.md</code>文件中的，所以写了一个正则脚本来提取cdn的链接。</p><span id="more"></span>]]></content>
+
+
+    <summary type="html">根据md文件内的cdn链接（图片等并不在本地）自动生成cdn列表，若图片、js、html等文件cdn失效则尝试连接列表内的其他cdn</summary>
+
+
+
+
+  </entry>
+
+  <entry>
+    <title>为hexo博客添加自适应图片占位图（配合lazyload）</title>
+    <link href="https://volantis.js.org/blogs/2023-09-03-lazyload/"/>
+    <id>https://volantis.js.org/blogs/2023-09-03-lazyload/</id>
+    <published>2023-09-03T00:00:00.000Z</published>
+    <updated>2023-11-03T03:58:41.000Z</updated>
+
+    <content type="html"><![CDATA[<p>  我们要得到的结果如封面所示</p><p>  由于博客采用了图片懒加载（lazyload）插件，在加载dom后和图片加载成功之前，图片占位图为1px的像素，图片加载成功之后，则会把布局撑开，造成布局抖动。如果把和要加载的图片（本博客所有图片都放在了GitHub图床上，所以要用到<code>image-size</code>库访问远程图片）一样大小的占位图替代1px大小的占位图，则能解决布局抖动问题。本post将会占位图以硬编码的方式写到<code>dom</code>中，这需要修改在生成hexo博客时会用到的<code>fancybox.js</code>（或许每个主题用到的文件里都不一样，但最终都会使用<code>hexo.extend.tag.register()</code>方法；本博客使用<code>volantis</code>主题）。</p>  <span id="more"></span>]]></content>
+
+
+    <summary type="html">为hexo博客解决图片抖动问题添加自适应图片占位图</summary>
+
+
+
+    <category term="hexo折腾" scheme="https://volantis.js.org/categories/hexo%E6%8A%98%E8%85%BE/"/>
+
+
+    <category term="volantis" scheme="https://volantis.js.org/tags/volantis/"/>
+
+  </entry>
+
   <entry>
     <title>Aplayer采用本地音源</title>
     <link href="https://volantis.js.org/blogs/2023-1-18-LocalMusic/"/>
@@ -116,7 +154,7 @@
     <link href="https://volantis.js.org/blogs/2022-07-09-pandownjs/"/>
     <id>https://volantis.js.org/blogs/2022-07-09-pandownjs/</id>
     <published>2022-05-05T12:00:00.000Z</published>
-    <updated>2023-01-27T02:53:16.000Z</updated>
+    <updated>2023-11-03T03:58:41.000Z</updated>
 
     <content type="html"><![CDATA[<p><strong>这不是Node.js包！</strong></p><p><strong>这是个javascript的小工具？</strong></p><a class="ghcard" rel="external nofollow noopener noreferrer" href="https://github.com/Fgaoxing/pandown-js"><img src="https://github-readme-stats.xaoxuu.com/api/pin/?username=Fgaoxing&repo=pandown-js&show_owner=true" class="lazyload" data-srcset="https://github-readme-stats.xaoxuu.com/api/pin/?username=Fgaoxing&repo=pandown-js&show_owner=true" srcset="data:image/gif;base64,R0lGODlhAQABAIAAAP///////yH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=="/></a><p><del>↑↑↑和上次一样的开头↑↑↑</del></p><!--这一段会使返回主页的pjax失效。。<script pjax-data type="text/javascript" src="https://cdn.jsdelivr.net/gh/Fgaoxing/pandown-js/pandown.js"></script><pandown type="lz" url="123" pwd="1234" fname="啥都没有，我没放链接"></pandown><script pjax-data>pandown()</script> --><span id="more"></span>]]></content>
 
@@ -164,7 +202,7 @@
     <link href="https://volantis.js.org/blogs/2021-09-02-inkss-font/"/>
     <id>https://volantis.js.org/blogs/2021-09-02-inkss-font/</id>
     <published>2021-09-02T00:00:00.000Z</published>
-    <updated>2023-01-27T02:53:16.000Z</updated>
+    <updated>2023-11-03T03:58:41.000Z</updated>
 
     <content type="html"><![CDATA[<div class="note alien-monster cyan"><p>统计一下目前使用的自定义字体及调用。</p></div><div class="note poo gray"><p>Volantis 主题可直接参考使用。</p></div><span id="more"></span>]]></content>
 
@@ -261,7 +299,7 @@
     <link href="https://volantis.js.org/blogs/2021-4-14-photos/"/>
     <id>https://volantis.js.org/blogs/2021-4-14-photos/</id>
     <published>2021-04-14T00:00:00.000Z</published>
-    <updated>2023-01-27T02:53:16.000Z</updated>
+    <updated>2023-11-03T03:58:41.000Z</updated>
 
     <content type="html"><![CDATA[<p>经过折腾，目前相册功能可用了，就是还不支持分类和懒加载，等后续完善吧。</p><span id="more"></span>]]></content>
 
@@ -280,7 +318,7 @@
     <link href="https://volantis.js.org/blogs/2021-4-1-hls/"/>
     <id>https://volantis.js.org/blogs/2021-4-1-hls/</id>
     <published>2021-04-01T00:00:00.000Z</published>
-    <updated>2023-01-27T02:53:16.000Z</updated>
+    <updated>2023-11-03T03:58:41.000Z</updated>
 
     <content type="html"><![CDATA[<p>在文章中插入m3u8视频的时候，由于Chrome等浏览器原生播放不了这种格式，所以需要添加hls.js等让其支持播放，如果你也遇到了这样的问题就来看看吧。</p><span id="more"></span>]]></content>
 
@@ -299,7 +337,7 @@
     <link href="https://volantis.js.org/blogs/2021-3-31-highlightjs/"/>
     <id>https://volantis.js.org/blogs/2021-3-31-highlightjs/</id>
     <published>2021-03-31T00:00:00.000Z</published>
-    <updated>2023-01-27T02:53:16.000Z</updated>
+    <updated>2023-11-03T03:58:41.000Z</updated>
 
     <content type="html"><![CDATA[<p>在使用主题内的highlightjs的时候，你是否也遇到了它不换行、没有行号等问题？点进来看看吧。</p><span id="more"></span>]]></content>
 
@@ -318,7 +356,7 @@
     <link href="https://volantis.js.org/blogs/2021-2-30-slider/"/>
     <id>https://volantis.js.org/blogs/2021-2-30-slider/</id>
     <published>2021-03-30T00:00:00.000Z</published>
-    <updated>2023-01-27T02:53:16.000Z</updated>
+    <updated>2023-11-03T03:58:41.000Z</updated>
 
     <content type="html"><![CDATA[<p>这篇教程是基于heson大佬的这篇 <a href="https://www.heson10.com/posts/19736.html" target="_blank" rel="noopener external nofollow noreferrer">给Hexo Volantis主题添加图片轮播功能</a> 创作的，由我将新的轮播模板迁移至主题内，由inkss大佬完善。在这感谢两位大佬，如果你也需要轮播插件，就进来看看吧。</p><span id="more"></span>]]></content>
 
@@ -337,7 +375,7 @@
     <link href="https://volantis.js.org/blogs/2021-3-7-framei8/"/>
     <id>https://volantis.js.org/blogs/2021-3-7-framei8/</id>
     <published>2021-03-07T00:00:00.000Z</published>
-    <updated>2023-01-27T02:53:16.000Z</updated>
+    <updated>2023-11-03T03:58:41.000Z</updated>
 
     <content type="html"><![CDATA[<p>我在主题文档中看到了frame标签，可以更高大上得展示我们的截图&#x2F;录屏等。可是目前主题内仅内置了一个iPhone11的框架，想要使用其他的框架就得对齐修改，我经过折腾基本实现了，写下了这篇文章。</p><span id="more"></span>]]></content>
 
@@ -374,42 +412,4 @@
 
   </entry>
 
-  <entry>
-    <title>哔哔！换个姿势在静态博客上发短博文（volantis适配版）</title>
-    <link href="https://volantis.js.org/blogs/2020-10-09-bb-on-volantis/"/>
-    <id>https://volantis.js.org/blogs/2020-10-09-bb-on-volantis/</id>
-    <published>2020-10-09T00:00:00.000Z</published>
-    <updated>2020-10-09T00:00:00.000Z</updated>
-
-    <content type="html"><![CDATA[<p>要在静态博客上发送短博文，不像 wordpress 和 typecho 新建个栏目那么简单。之前博客整的是 artitalk，已经有短博文的那种体验了，而且还能支持发送 markdown、图片、音乐等等功能。感觉唯一的缺点就是：发文不是很方便，需要在博客上登陆。(至少我觉得很麻烦)。后来看到 @熊野 的那篇《哔哔点啥，换个舒服的姿势》，顿时感觉爱了，这就是我梦寐以求发送短博文的姿势。</p><span id="more"></span>]]></content>
-
-
-    <summary type="html">&lt;p&gt;要在静态博客上发送短博文，不像 wordpress 和 typecho 新建个栏目那么简单。之前博客整的是 artitalk，已经有短博文的那种体验了，而且还能支持发送 markdown、图片、音乐等等功能。感觉唯一的缺点就是：发文不是很方便，需要在博客上登陆。(至少我觉得很麻烦)。后来看到 @熊野 的那篇《哔哔点啥，换个舒服的姿势》，顿时感觉爱了，这就是我梦寐以求发送短博文的姿势。&lt;/p&gt;</summary>
-
-
-
-    <category term="进阶玩法" scheme="https://volantis.js.org/categories/%E8%BF%9B%E9%98%B6%E7%8E%A9%E6%B3%95/"/>
-
-
-  </entry>
-
-  <entry>
-    <title>Hexo 标签函数 list_tags 用法详解</title>
-    <link href="https://volantis.js.org/blogs/2020-09-24-list-tags/"/>
-    <id>https://volantis.js.org/blogs/2020-09-24-list-tags/</id>
-    <published>2020-09-24T00:00:00.000Z</published>
-    <updated>2020-09-24T00:00:00.000Z</updated>
-
-    <content type="html"><![CDATA[]]></content>
-
-
-    <summary type="html">对官方文档标签文档的一个补充，以volantis主题标签调用为例，展示不同用法下的标签示例。</summary>
-
-
-
-    <category term="开发心得" scheme="https://volantis.js.org/categories/%E5%BC%80%E5%8F%91%E5%BF%83%E5%BE%97/"/>
-
-
-  </entry>
-
 </feed>
diff --git a/blog/categories/index.html b/blog/categories/index.html
diff --git a/blog/tags/index.html b/blog/tags/index.html
diff --git a/blogs/2020-05-17-inkss-pjax/index.html b/blogs/2020-05-17-inkss-pjax/index.html
diff --git a/blogs/2020-07-03-valine/index.html b/blogs/2020-07-03-valine/index.html
diff --git a/blogs/2020-08-21-main-banner/index.html b/blogs/2020-08-21-main-banner/index.html
diff --git a/blogs/2020-08-28-issue-api/index.html b/blogs/2020-08-28-issue-api/index.html
diff --git a/blogs/2020-08-31-hexospeed/index.html b/blogs/2020-08-31-hexospeed/index.html
diff --git a/blogs/2020-09-03-latest-comments/index.html b/blogs/2020-09-03-latest-comments/index.html
diff --git a/blogs/2020-09-03-message-prompt/index.html b/blogs/2020-09-03-message-prompt/index.html
diff --git a/blogs/2020-09-24-list-tags/index.html b/blogs/2020-09-24-list-tags/index.html
diff --git a/blogs/2020-10-09-bb-on-volantis/index.html b/blogs/2020-10-09-bb-on-volantis/index.html
diff --git a/blogs/2020-12-17-comments-push/index.html b/blogs/2020-12-17-comments-push/index.html
diff --git a/blogs/2021-08-13-sponsor-page/index.html b/blogs/2021-08-13-sponsor-page/index.html
diff --git a/blogs/2021-08-15-inkss-theme/index.html b/blogs/2021-08-15-inkss-theme/index.html
diff --git a/blogs/2021-09-02-inkss-font/index.html b/blogs/2021-09-02-inkss-font/index.html
diff --git a/blogs/2021-11-29-parallax/index.html b/blogs/2021-11-29-parallax/index.html
diff --git a/blogs/2021-2-30-slider/index.html b/blogs/2021-2-30-slider/index.html
diff --git a/blogs/2021-3-31-highlightjs/index.html b/blogs/2021-3-31-highlightjs/index.html
diff --git a/blogs/2021-3-7-framei8/index.html b/blogs/2021-3-7-framei8/index.html
diff --git a/blogs/2021-4-1-hls/index.html b/blogs/2021-4-1-hls/index.html
diff --git a/blogs/2021-4-14-photos/index.html b/blogs/2021-4-14-photos/index.html
diff --git a/blogs/2021-4-18-pandoc-renderer/index.html b/blogs/2021-4-18-pandoc-renderer/index.html
diff --git a/blogs/2021-8-29-darkmode/index.html b/blogs/2021-8-29-darkmode/index.html
diff --git a/blogs/2022-07-09-pandownjs/index.html b/blogs/2022-07-09-pandownjs/index.html
diff --git a/blogs/2022-08-18-darkmode-new/index.html b/blogs/2022-08-18-darkmode-new/index.html
diff --git a/blogs/2022-12-06-experience/index.html b/blogs/2022-12-06-experience/index.html
diff --git a/blogs/2022-12-26-GiteeFriendsLink/index.html b/blogs/2022-12-26-GiteeFriendsLink/index.html
diff --git a/blogs/2023-01-07-VolantisModify/index.html b/blogs/2023-01-07-VolantisModify/index.html
diff --git a/blogs/2023-09-03-lazyload/index.html b/blogs/2023-09-03-lazyload/index.html
diff --git a/blogs/2023-1-18-LocalMusic/index.html b/blogs/2023-1-18-LocalMusic/index.html
diff --git a/blogs/2023-10-01-enhanced-cdn/index.html b/blogs/2023-10-01-enhanced-cdn/index.html
diff --git a/categories/hexo折腾/index.html b/categories/hexo折腾/index.html
diff --git a/categories/官方资讯/index.html b/categories/官方资讯/index.html
diff --git a/categories/开发心得/index.html b/categories/开发心得/index.html
diff --git a/categories/开发心得/page/2/index.html b/categories/开发心得/page/2/index.html
diff --git a/categories/进阶玩法/index.html b/categories/进阶玩法/index.html
diff --git a/categories/进阶玩法/page/2/index.html b/categories/进阶玩法/page/2/index.html
diff --git a/content.json b/content.json
diff --git a/contributors/index.html b/contributors/index.html
diff --git a/css/Readme.html b/css/Readme.html
@@ -1 +1 @@
-<h1 id="样式文件说明"><a href="#样式文件说明" class="headerlink" title="样式文件说明"></a>样式文件说明</h1><h2 id="样式拆分说明"><a href="#样式拆分说明" class="headerlink" title="样式拆分说明"></a>样式拆分说明</h2><p>方案是对 <a href="https://blog.skk.moe/post/improve-fcp-for-my-blog/" target="_blank" rel="noopener external nofollow noreferrer">https://blog.skk.moe/post/improve-fcp-for-my-blog/</a> 的开源实现</p><h3 id="first-styl"><a href="#first-styl" class="headerlink" title="first.styl"></a>first.styl</h3><p>首屏样式, 内含 首屏基础样式、 cover、 navbar、 首屏search、首屏暗黑模式、首屏字体 等样式, 首屏样式采用硬编码的方式写在HTML中.</p><p>内联硬编码自动化方案 see：scripts/helpers/first-style/index.js</p><h3 id="style-styl"><a href="#style-styl" class="headerlink" title="style.styl"></a>style.styl</h3><p>异步加载样式, 除首屏样式外的其他样式, 最终生成 /css/style.css 异步加载.</p><h2 id="暗黑模式样式说明"><a href="#暗黑模式样式说明" class="headerlink" title="暗黑模式样式说明"></a>暗黑模式样式说明</h2><p>暗黑模式样式被拆分为首屏暗黑模式样式和异步暗黑模式样式，其中在 source/css/ 文件夹下：</p><p>_first/dark_first.styl ： 包含 首屏暗黑模式样式 的 暗黑模式 CSS 变量 和 强制覆盖样式</p><p>_style/_plugins/_dark ： 异步暗黑模式样式文件夹</p><p>_style/_plugins/_dark/dark_async.styl ： 包含 异步暗黑模式样式 的 暗黑模式 CSS 变量</p><p>_style/_plugins/_dark/dark_plugins.styl ： 包含 异步暗黑模式样式 的 强制覆盖样式</p>
+<h1 id="样式文件说明"><a href="#样式文件说明" class="headerlink" title="样式文件说明"></a>样式文件说明</h1><h2 id="样式拆分说明"><a href="#样式拆分说明" class="headerlink" title="样式拆分说明"></a>样式拆分说明</h2><p>方案是对 <a href="https://blog.skk.moe/post/improve-fcp-for-my-blog/" target="_blank" rel="noopener external nofollow noreferrer">https://blog.skk.moe/post/improve-fcp-for-my-blog/</a> 的开源实现</p><h3 id="first-styl"><a href="#first-styl" class="headerlink" title="first.styl"></a>first.styl</h3><p>首屏样式, 内含 首屏基础样式、 cover、 navbar、 首屏search、首屏暗黑模式、首屏字体 等样式, 首屏样式采用硬编码的方式写在HTML中.</p><p>内联硬编码自动化方案 see：scripts&#x2F;helpers&#x2F;first-style&#x2F;index.js</p><h3 id="style-styl"><a href="#style-styl" class="headerlink" title="style.styl"></a>style.styl</h3><p>异步加载样式, 除首屏样式外的其他样式, 最终生成 &#x2F;css&#x2F;style.css 异步加载.</p><h2 id="暗黑模式样式说明"><a href="#暗黑模式样式说明" class="headerlink" title="暗黑模式样式说明"></a>暗黑模式样式说明</h2><p>暗黑模式样式被拆分为首屏暗黑模式样式和异步暗黑模式样式，其中在 source&#x2F;css&#x2F; 文件夹下：</p><p>_first&#x2F;dark_first.styl ： 包含 首屏暗黑模式样式 的 暗黑模式 CSS 变量 和 强制覆盖样式</p><p>_style&#x2F;_plugins&#x2F;_dark ： 异步暗黑模式样式文件夹</p><p>_style&#x2F;_plugins&#x2F;_dark&#x2F;dark_async.styl ： 包含 异步暗黑模式样式 的 暗黑模式 CSS 变量</p><p>_style&#x2F;_plugins&#x2F;_dark&#x2F;dark_plugins.styl ： 包含 异步暗黑模式样式 的 强制覆盖样式</p>
diff --git a/css/first.css b/css/first.css
diff --git a/css/style.css b/css/style.css
Original file line number	Diff line number	Diff line change
		@@ -1 +1 @@
		<h1 id="样式文件说明"><a href="#样式文件说明" class="headerlink" title="样式文件说明"></a>样式文件说明</h1><h2 id="样式拆分说明"><a href="#样式拆分说明" class="headerlink" title="样式拆分说明"></a>样式拆分说明</h2><p>方案是对 <a href="https://blog.skk.moe/post/improve-fcp-for-my-blog/" target="_blank" rel="noopener external nofollow noreferrer">https://blog.skk.moe/post/improve-fcp-for-my-blog/</a> 的开源实现</p><h3 id="first-styl"><a href="#first-styl" class="headerlink" title="first.styl"></a>first.styl</h3><p>首屏样式, 内含首屏基础样式、 cover、 navbar、首屏search、首屏暗黑模式、首屏字体等样式, 首屏样式采用硬编码的方式写在HTML中.</p><p>内联硬编码自动化方案 see：scripts/helpers/first-style/index.js</p><h3 id="style-styl"><a href="#style-styl" class="headerlink" title="style.styl"></a>style.styl</h3><p>异步加载样式, 除首屏样式外的其他样式, 最终生成 /css/style.css 异步加载.</p><h2 id="暗黑模式样式说明"><a href="#暗黑模式样式说明" class="headerlink" title="暗黑模式样式说明"></a>暗黑模式样式说明</h2><p>暗黑模式样式被拆分为首屏暗黑模式样式和异步暗黑模式样式，其中在 source/css/ 文件夹下：</p><p>_first/dark_first.styl ：包含首屏暗黑模式样式的暗黑模式 CSS 变量和强制覆盖样式</p><p>_style/_plugins/_dark ：异步暗黑模式样式文件夹</p><p>_style/_plugins/_dark/dark_async.styl ：包含异步暗黑模式样式的暗黑模式 CSS 变量</p><p>_style/_plugins/_dark/dark_plugins.styl ：包含异步暗黑模式样式的强制覆盖样式</p>
		<h1 id="样式文件说明"><a href="#样式文件说明" class="headerlink" title="样式文件说明"></a>样式文件说明</h1><h2 id="样式拆分说明"><a href="#样式拆分说明" class="headerlink" title="样式拆分说明"></a>样式拆分说明</h2><p>方案是对 <a href="https://blog.skk.moe/post/improve-fcp-for-my-blog/" target="_blank" rel="noopener external nofollow noreferrer">https://blog.skk.moe/post/improve-fcp-for-my-blog/</a> 的开源实现</p><h3 id="first-styl"><a href="#first-styl" class="headerlink" title="first.styl"></a>first.styl</h3><p>首屏样式, 内含首屏基础样式、 cover、 navbar、首屏search、首屏暗黑模式、首屏字体等样式, 首屏样式采用硬编码的方式写在HTML中.</p><p>内联硬编码自动化方案 see：scripts/helpers/first-style/index.js</p><h3 id="style-styl"><a href="#style-styl" class="headerlink" title="style.styl"></a>style.styl</h3><p>异步加载样式, 除首屏样式外的其他样式, 最终生成 /css/style.css 异步加载.</p><h2 id="暗黑模式样式说明"><a href="#暗黑模式样式说明" class="headerlink" title="暗黑模式样式说明"></a>暗黑模式样式说明</h2><p>暗黑模式样式被拆分为首屏暗黑模式样式和异步暗黑模式样式，其中在 source/css/ 文件夹下：</p><p>_first/dark_first.styl ：包含首屏暗黑模式样式的暗黑模式 CSS 变量和强制覆盖样式</p><p>_style/_plugins/_dark ：异步暗黑模式样式文件夹</p><p>_style/_plugins/_dark/dark_async.styl ：包含异步暗黑模式样式的暗黑模式 CSS 变量</p><p>_style/_plugins/_dark/dark_plugins.styl ：包含异步暗黑模式样式的强制覆盖样式</p>