jekyll-theme-h2o-ac 1.3.0 → 1.3.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 639e64a94b17f1be8b23d2b74aa1092806383cc573f1a1a724b1ec0ca7c2d2b3
-  data.tar.gz: 9bf22e2a1e22b29266543005ecffffd9330f255d71927b4dfccbe6bdc6a13437
+  metadata.gz: f964f3fa35b036f457909e829661cc630fd817997e6093097609963202ccbe2b
+  data.tar.gz: 4512124057d051e06d9efac0c013618ac5300bd04b9ab7a13b04c37679ce3da4
 SHA512:
-  metadata.gz: f808b5bddfa7c433e10c74314b46cc343bd6a11f1b9afabf6ec8a917b4ac45755243d7c638dc059355a7b4089cb2db0d75ae82718943fa7efcac1155ca523403
-  data.tar.gz: 53a3be7033dfd2f356044e965e6e7951bd3f9cae03ff5fc27ac92af8ae10370ecde24c07dc5fa4bf86c530158c6e88d38da6c79f90f4362da48477c4674731ac
+  metadata.gz: 68e0f96136129fbfbfd1c6ca38a1e44ceeaa162fd9e54914134b8209448b4ffad0e41f75cf1c764bcffe20f89f8fc4ec7e64ed43e89e833ee4e636fad6922ff2
+  data.tar.gz: 6e1c87fe87e9c77a3183909d7b3d48417bc73972683fc302f575d339c7dfcfeb4312b4bddd277d5a881c3138a994a28af31a807d336b15252e0b7949c4b8a0f9

data/_config.yml

@@ -1,5 +1,5 @@
 # jekyll-theme-h2o-ac
-version: 1.3.0
+version: 1.3.1
 
 # Site settings 配置站点
 title: 'Mr Li'
@@ -112,6 +112,17 @@ supports:
   upyun: 
   webify: 
 
+# Badges
+badges:
+  foreverblog: true # Foreverblog
+  wormhole: true # Wormhole
+  travelling: true # Travelling
+  notbyAI: true # NotByAI
+
+# Alive time
+alivetime: true
+alivestart: "12/23/2021"
+
 # Beian 备案号
 beian: '沪ICP备xxxxxxxx号'
 
@@ -186,22 +197,6 @@ extlinks:
 # Mermaid
 mermaid: true
 
-# Webpusher
-webpusher: false
-
-# Foreverblog
-foreverblog: false
-
-# Wormhole
-wormhole: false
-
-# NotByAI
-notbyAI: false
-
-# Alive time
-alivetime: false
-alivestart: "12/23/2021"
-
 # TOC
 toc: true
 # <div class="title">{% if title %} {{title}} {% else %} {{default_title}} {% endif %}</div>

data/_data/collections.yml

@@ -7,5 +7,5 @@
     url: '/tech/new-theme-h2o-ac.html'
   - name: '快速入门'
     url: '/tech/new-theme-h2o-ac.html'
-  
-  
+  - name: 'Guide'
+    url: 'https://lisz.me/tech/new-theme-h2o-ac.html'

data/_includes/{footer.html → layouts/footer.html}

@@ -60,19 +60,24 @@
         <a href="https://www.upyun.com/?utm_source=lianmeng&utm_medium=referral" target="_blank" class="extlinks">{{ footer.upyun }} <img src="{{ "/assets/icons/upyun.png" | relative_url }}" class="upyun" alt="upyun" /></a>
       </section>
       {% endif %}
-      {% if site.foreverblog or site.wormhole or site.notbyAI %}
+      {% if site.badges.foreverblog or site.badges.wormhole or site.badges.travelling or site.badges.notbyAI %}
       <section class="badges">
-        {% if site.foreverblog %}
+        {% if site.badges.foreverblog %}
           <a href="https://www.foreverblog.cn/" target="_blank" class="foreverblog" aria-label="foreverblog"> 
             <img src="https://img.foreverblog.cn/logo_en_default.png" alt=""> 
           </a>
         {% endif %}
-        {% if site.wormhole %}
+        {% if site.badges.wormhole %}
           <a href="https://www.foreverblog.cn/go.html" target="_blank" class="wormhole" aria-label="wormhole"> 
             <img src="https://img.foreverblog.cn/wormhole_3.gif" alt="" title="穿梭虫洞-随机访问十年之约友链博客">
           </a>
         {% endif%}
-        {% if site.notbyAI %}
+        {% if site.badges.travelling %}
+          <a href="https://www.travellings.cn/go.html" target="_blank" class="travelling-badge" aria-label="Travelling" rel="noopener" title="开往-友链接力">
+            <img src="https://www.travellings.cn/assets/logo.gif" alt="开往-友链接力">
+          </a>
+        {% endif %}
+        {% if site.badges.notbyAI %}
           <a href="https://notbyai.fyi/" target="_blank" class="notbyAI" aria-label="notbyAI"> 
             <img src="{{ "/assets/icons/notbyAI-white.png" | prepend: site.baseurl }}" alt="Written by Human, Not by AI">
           </a>

data/_includes/{post-head.html → layouts/head.html}

@@ -2,23 +2,21 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>{% if page.title %}{{ page.title }} - {{ site.title }}{% else %}{{ site.title }}{% endif %}</title>
-    <meta name="author"  content="{{ site.author }}">
+    <meta name="author" content="{{ site.author }}">
+    {% if layout.type == "post" %}
     <meta name="description" content="{% if page.title %}{{ page.title }}{% else %}{{ site.title }}{% endif %}">
-    <meta name="keywords"  content="{% if page.tags.size > 0 %}{% for tag in page.tags  %}{{ tag }}{% if forloop.last == false %}, {% endif %}{% endfor %}{% endif %}">
-    <!-- Open Graph -->
-    <meta property="og:title" content="{% if page.title %}{{ page.title }} - {{ site.title }}{% else %}{{ site.title }}{% endif %}">
-    <meta property="og:type" content="website">
-    <meta property="og:url" content="{{ page.url | prepend: site.url }}">
-    <meta property="og:baseurl" content="{{ site.baseurl }}">
-    <meta property="og:description" content="{{ site.description }}">
-    <meta property="og:site_name" content="{{ site.title }}">
-    <meta property="og:gray" content="{{ site.gray }}">
+    <meta name="keywords"
+        content="{% if page.tags.size > 0 %}{% for tag in page.tags  %}{{ tag }}{% if forloop.last == false %}, {% endif %}{% endfor %}{% endif %}">
     {% if page.next.url %}
     <meta property="og:previous_url" content="{{ page.next.url | relative_url }}">
     {% endif %}
     {% if page.previous.url %}
     <meta property="og:next_url" content="{{ page.previous.url | relative_url }}">
     {% endif %}
+    {% else %}
+    <meta name="description" content="{{ site.description }}">
+    <meta name="keywords" content="{{ site.keyword }}">
+    {% endif %}
     <meta property="post-date-format" content="{{ site.formats.time }}">
     {% case site.formats.time %}
     {% when 0 %}
@@ -28,6 +26,21 @@
     {% else %}
     <meta property="post-date" content="{{ page.date | date: '%Y年%-m月%-d日 %H:%M:%S %z'  }}" />
     {% endcase %}
+    {% if site.calendar %}
+    <meta property="calendar-scale" content="{{ site.calendar.scale | default: 'year' }}" />
+    <meta property="calendar-scheme" content="{{ site.calendar.scheme | default: 'null' }}" />
+    <meta property="calendar-color" content="{{ site.calendar.color | default: 'null' }}" />
+    {% endif %}
+    <!-- Open Graph -->
+    <meta property="og:title"
+        content="{% if page.title %}{{ page.title }} - {{ site.title }}{% else %}{{ site.title }}{% endif %}">
+    <meta property="og:type" content="website">
+    <meta property="og:url" content="{{ page.url | prepend: site.url }}">
+    <meta property="og:baseurl" content="{{ site.baseurl }}">
+    <meta property="og:description" content="{{ site.description }}">
+    <meta property="og:site_name" content="{{ site.title }}">
+    <meta property="og:gray" content="{{ site.gray }}">
+    <meta property="og:lang" content="{{ lang }}">
     {% if site.alivetime %}
     <meta name="alivestart" content="{{ site.alivestart }}">
     {% endif %}
@@ -35,29 +48,22 @@
     <meta name="google-site-verification" content="{{ site.google_search }}" />
     {% endif %}
     <meta name="theme-color" content="{{ site.pwa.color }}" />
-    <link rel="manifest" href="{{ "/manifest.json" | prepend: site.baseurl }}" />
-    <link rel="apple-touch-icon" href="{{ site.baseurl }}/assets/img/touch/apple-touch-icon.png"/>
+    <link rel="manifest" href="{{ " /manifest.json" | prepend: site.baseurl }}" />
+    <link rel="apple-touch-icon" href="{{ " /assets/img/touch/apple-touch-icon.png" | prepend: site.baseurl }}" />
     <link rel="Shortcut Icon" href="{{ site.favicon | prepend: site.baseurl }}">
     <link rel="icon" href="{{ site.favicon | prepend: site.baseurl }}" type="image/x-icon" />
     <link rel="bookmark" href="{{ site.favicon | prepend: site.baseurl }}" type="image/x-icon" />
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/normalize.min.css" />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/normalize.min.css" async>
     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/lxgw-wenkai-screen-webfont@1.1.0/style.css" />
     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/github-markdown-css@5.2.0/github-markdown-light.min.css">
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/social-share.js@1.0.16/dist/css/share.min.css">
-    {% assign prisms1 = "coy,dark,funky,okaidia,solarizedlight,tomorrow,twilight" | split: "," %}
-    {% assign prisms2 = "a11y-dark,atom-dark,base16-ateliersulphurpool.light,cb,coldark-cold,coy-without-shadows,darcula,duotone-dark,duotone-earth,duotone-light,dutone-sea,dutone-space,ghcolors,gruvbox-dark,gruvbox-light,holi-theme,hopscotch,lucario,material-dark,material-light,material-oceanic,night-owl,nord,one-dark,one-light,pojoaque,shades-of-purple,solarized-dark-atom,synthwave84,vs,vsc-dark-plus,xonokai,z-touch" | split: "," %}
-    {% if prisms1 contains site.prism.theme %}
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/prismjs@1.28.0/themes/prism-{{site.prism.theme}}.min.css" />
-    {% else if prisms2 contains site.prism.theme %}
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/prism-themes@1.9.0/themes/prism-{{site.prism.theme}}.min.css" />
+    {% if layout.type == "post" %}
+    {% include plugins/others/social_css.html%}
+    {% include plugins/markdown/fancybox_css.html %}
     {% else %}
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/prismjs@1.28.0/themes/prism.min.css" />
-    {% endif %}
-    {% if site.prism.line_numbers %}
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/prismjs@1.28.0/plugins/line-numbers/prism-line-numbers.min.css">
+    {% include plugins/others/calendar_css.html %}
     {% endif %}
-    <link rel="stylesheet" href="{{ "/assets/css/app.min.css" | prepend: site.baseurl }}">
-    <link rel="stylesheet" href="//cdn.jsdelivr.net/npm/@fancyapps/ui@4.0/dist/fancybox.min.css" />
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@waline/client/dist/waline.css" />
-    <script src="//cdn.jsdelivr.net/npm/jquery/dist/jquery.min.js"></script>
-</head>
+    {% include plugins/markdown/prism_css.html %}
+    {% include plugins/comments/waline_css.html %}
+    <link rel="stylesheet" href="{{ " /assets/css/app.min.css" | prepend: site.baseurl }}">
+    <script src="https://cdn.jsdelivr.net/npm/jquery/dist/jquery.min.js"></script>
+</head>

data/_includes/{header.html → layouts/header.html}

@@ -3,6 +3,15 @@
       <a href="{{ "/" | relative_url }}" aria-label="logo"></a>
     </div>
     <!-- <i id="menu-toggle" class="iconfont icon-menu"></i> -->
+    {% if site.badges.travelling %}
+    <div id="travelling-toggle">
+        <a href="https://www.travellings.cn/go.html" aria-label="Travelings" target="_blank">
+            <svg class="icon" aria-hidden="true">
+                <use xlink:href="#icon-train-subway"></use>
+            </svg>
+        </a>
+    </div>
+    {% endif %}
     <div id="mode-toggle">
         <svg class="icon icon-day" aria-hidden="true">
             <use xlink:href="#icon-day"></use>
@@ -38,6 +47,15 @@
                 </li>
                 {% endif %}
             {% endfor %}
+            {% if site.badges.travelling %}
+            <li class="travelling">
+                <a href="https://www.travellings.cn/go.html" aria-label="Travelings" target="_blank">
+                    <svg class="icon" aria-hidden="true">
+                        <use xlink:href="#icon-train-subway"></use>
+                    </svg>
+                </a>
+            </li>
+            {% endif %}
             <li class="mode">
                 <svg class="icon day" aria-hidden="true">
                     <use xlink:href="#icon-day"></use>

data/_includes/layouts/metainfo.html

@@ -0,0 +1,40 @@
+<script src="https://cdn.jsdelivr.net/npm/dayjs@1.11.2/dayjs.min.js"></script>
+<script src="https://cdn.jsdelivr.net/npm/dayjs@1.11.2/plugin/customParseFormat.js"></script>
+<script src="https://cdn.jsdelivr.net/npm/dayjs@1.11.2/plugin/relativeTime.js"></script>
+<script>
+    $(document).ready(function () {
+        var time_formats = ['YYYY-MM-DD HH:mm:ss ZZ', 'YYYY DD MMM HH:mm:ss ZZ', 'YYYY年MM月DD日 HH:mm:ss ZZ'];
+        function dateFormat(date, format) {
+            var date_org = dayjs(date, time_formats[format]);
+            var date = date_org.format(time_formats[format]);
+            return { "date_org": date_org, "date": date }
+        }
+
+        dayjs.extend(window.dayjs_plugin_customParseFormat);
+        dayjs.extend(window.dayjs_plugin_relativeTime);
+        var post_date = $("meta[property='post-date']").attr('content');
+        var post_date_format = $("meta[property='post-date-format']").attr('content');
+        var local_post_date = dateFormat(post_date, post_date_format);
+
+        $(".post time span.create-at").html(local_post_date["date"]);
+
+        fetch("https://api.github.com/repos/{{ site.github.owner }}/{{ site.github.repository }}/commits?path={{ page.path }}").then((response) => {
+            return response.json();
+        }).then((commits) => {
+            if (commits.length != 0) {
+                var update_at = dayjs(commits[0]['commit']['committer']['date']);
+            } else {
+                var update_at = post_date
+            }
+
+            var local_update_at = dateFormat(update_at, post_date_format);
+            $('.post time span.update-at').html(local_update_at["date"]);
+
+            var relative_time = dayjs().diff(local_update_at["date_org"], 'day');
+            $(".post-copyright .tips span").append(relative_time);
+            if (relative_time > 365) {
+                $(".post-copyright .tips").addClass("active");
+            }
+        });
+    });
+</script>

data/_includes/{paginate-article.html → layouts/paginate-article.html}

@@ -11,7 +11,14 @@
     {% endif %}
     <section class="post-preview">
         <a class="post-link" href="{{ post.url | relative_url }}" title="{{ post.title }}"></a>
-        <h2 class="post-title">{% if post.pin %}<span class="keep-top">[置顶]</span> {% endif %}{{ post.title }}</h2>
+        <h2 class="post-title">
+            {% if post.pin %}
+                <svg class="icon" aria-hidden="true">
+                    <use xlink:href="#icon-pin"></use>
+                </svg>
+            {% endif %}
+            {{ post.title }}
+        </h2>
         {% if post.subtitle %}
         <h3 class="post-subtitle">{{ post.subtitle }}</h3>
         {% endif %}

data/_includes/{paginate.html → layouts/paginate.html}

@@ -15,13 +15,13 @@
     {% endif %}
     {% for i in (unpin_start..unpin_end) %}
         {% assign post = unpin_posts[i] %}
-        {% include paginate-article.html %}
+        {% include layouts/paginate-article.html %}
     {% endfor %}
 {% elsif pin_posts_num < max_num %}
     {% assign pin_end = pin_posts_num | minus: 1 %}
     {% for i in (min_num..pin_end) %}
         {% assign post = pin_posts[i] %}
-        {% include paginate-article.html %}
+        {% include layouts/paginate-article.html %}
     {% endfor %}
     {% assign unpin_end = max_num | minus: pin_posts_num | minus: 1 %}
     {% if unpin_end >= unpin_posts_num %}
@@ -29,13 +29,13 @@
     {% endif %}
     {% for i in (0..unpin_end) %}
         {% assign post = unpin_posts[i] %}
-        {% include paginate-article.html %}
+        {% include layouts/paginate-article.html %}
     {% endfor %}
 {% else %}
     {% assign pin_start = min_num %}
     {% assign pin_end = max_num | minus: 1 %}
     {% for i in (pin_start..pin_end) %}
         {% assign post = pin_posts[i] %}
-        {% include paginate-article.html %}
+        {% include layouts/paginate-article.html %}
     {% endfor %}
-{% endif %}
+{% endif %}

data/_includes/{sidebar.html → layouts/sidebar.html}

@@ -46,7 +46,7 @@
             {% endif %}
         </section>
         {% if site.calendar %}
-            {% include calendar.html %}
+            {% include plugins/others/calendar_block.html %}
         {% endif %}
         {% if site.recommend-tags and site.tags.size>0 %}
         {% assign max_tag_count = 0 %}

data/_includes/layouts/submenu.html

@@ -0,0 +1,30 @@
+{% if page.submenu %}
+<div class="submenu">
+    {% for collection in site.data.collections %}
+        {% if collection.id == page.submenu %} 
+            <h4>
+                <svg class="icon" aria-hidden="true">
+                    <use xlink:href="#icon-submenu"></use>
+                </svg>{{ collection.name }}
+            </h4>
+            <ul>
+            {% for article in collection.articles %}
+                <li>
+                    {% if article.url contains "://" %}
+                    <a href="{{ article.url }}" class="extlinks">
+                        {{ article.name }}
+                    </a>
+                    {% else %}
+                    <a href="{{ article.url | prepend: site.baseurl }}">
+                        {{ article.name }}
+                    </a>
+                    {% endif %}
+                </li>
+            {% endfor %}
+            </ul>
+        {% endif %}
+    {% endfor %}
+{% else %}
+<div class="submenu hidden">
+{% endif %}
+</div>

data/_includes/plugins/analytics/analytics.html

@@ -0,0 +1,3 @@
+{% include plugins/analytics/google.html %}
+{% include plugins/analytics/umami.html %}
+{% include plugins/analytics/busuanzi.html %}

data/_includes/{analytics.html → plugins/analytics/google.html}

@@ -3,9 +3,8 @@
 <script async src="https://www.googletagmanager.com/gtag/js?id={{site.google_analytics}}"></script>
 <script>
     window.dataLayer = window.dataLayer || [];
-    function gtag(){dataLayer.push(arguments);}
+    function gtag() { dataLayer.push(arguments); }
     gtag('js', new Date());
-
     gtag('config', '{{site.google_analytics}}');
 </script>
 {% endif %}

data/_includes/plugins/comments/comments_block.html

@@ -0,0 +1,67 @@
+{% capture block %}
+<section class="post-footer-item comment">
+    <div class="comments-headline">
+        <svg class="icon" aria-hidden="true">
+            <use xlink:href="#icon-comment"></use>
+        </svg>
+        <span>{{ locales.post.comment }}</span>
+    </div>
+    {% if layout.type == "post" %}
+        {% if site.comments.disqus and site.comments.waline %}
+        <div id="comments-switch">
+            <span class="first-comment">Disqus</span>
+            <span class="switch-button">
+                <input id="cmn-toggle-4" class="cmn-toggle cmn-toggle-round-flat" type="checkbox">
+                <label for="cmn-toggle-4"></label>
+            </span>
+            <span class="second-comment">Waline</span>
+        </div>
+        {% endif %}
+    {% else %}
+        {% if page.comments.disqus and page.comments.waline %}
+        <div id="comments-switch">
+            <span class="first-comment">Disqus</span>
+            <span class="switch-button">
+                <input id="cmn-toggle-4" class="cmn-toggle cmn-toggle-round-flat" type="checkbox">
+                <label for="cmn-toggle-4"></label>
+            </span>
+            <span class="second-comment">Waline</span>
+        </div>
+        {% endif %}
+    {% endif %}
+</section>
+{% endcapture %}
+
+{% if layout.type == "post" %}
+    {% if site.comments.disqus or site.comments.waline or page.comments.waline or page.comments.disqus %}
+        {{ block }}
+    {% endif %}
+{% else %}
+    {% if page.comments.disqus or page.comments.waline %} 
+        {{ block }}
+    {% endif %}
+{% endif %}
+
+{% if layout.type == "post" %}
+    {% if site.comments.disqus %}
+    <section class="post-footer-item comment">
+        <div id="disqus_thread"></div>
+    </section>
+    {% endif %}
+    {% if site.comments.waline %}
+    <section class="post-footer-item comment">
+        <div id="waline"></div>
+    </section>
+    {% endif %}
+{% else %}
+    {% if page.comments.disqus %}
+    <section class="post-footer-item comment">
+        <div id="disqus_thread"></div>
+    </section>
+    {% endif %}
+    {% if page.comments.waline %}
+    <section class="post-footer-item comment">
+        <div id="waline"></div>
+    </section>
+    {% endif %}
+{% endif %}

data/_includes/plugins/comments/comments_js.html

@@ -0,0 +1,24 @@
+{% include plugins/comments/disqus.html %}
+{% include plugins/comments/waline_js.html %}
+<script>
+    $(document).ready(function () {
+        if ($("#comments-switch").length > 0) {
+            var comment_status = $("#cmn-toggle-4")[0].checked;
+            if (comment_status) {
+                $("#waline").addClass("active");
+            } else {
+                $("#disqus_thread").addClass("active");
+            }
+            $("#cmn-toggle-4").click(function () {
+                $("#disqus_thread").toggleClass("active");
+                $("#waline").toggleClass("active");
+            })
+        } else {
+            if ($("#disqus_thread").length > 0) {
+                $("#disqus_thread").addClass("active");
+            } else if ($("#waline").length > 0) {
+                $("#waline").addClass("active");
+            }
+        }
+    })
+</script>

data/_includes/plugins/comments/disqus.html

@@ -0,0 +1,19 @@
+{% if site.comments.disqus or page.comments.disqus %}
+<script>
+    /**
+     *  RECOMMENDED CONFIGURATION VARIABLES: EDIT AND UNCOMMENT THE SECTION BELOW TO INSERT DYNAMIC VALUES FROM YOUR PLATFORM OR CMS.
+     *  LEARN WHY DEFINING THESE VARIABLES IS IMPORTANT: https://disqus.com/admin/universalcode/#configuration-variables*/
+    /*
+    var disqus_config = function () {
+    this.page.url = PAGE_URL;  // Replace PAGE_URL with your page's canonical URL variable
+    this.page.identifier = PAGE_IDENTIFIER; // Replace PAGE_IDENTIFIER with your page's unique identifier variable
+    };
+    */
+    (function () { // DON'T EDIT BELOW THIS LINE
+        var d = document, s = d.createElement('script');
+        s.src = '{{ site.comments.disqus_url }}';
+        s.setAttribute('data-timestamp', +new Date());
+        (d.head || d.body).appendChild(s);
+    })();
+</script>
+{% endif %}

data/_includes/plugins/comments/waline_css.html

@@ -0,0 +1,3 @@
+{% if site.comments.waline or page.comments.waline %}
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@waline/client/dist/waline.css" />
+{% endif %}

data/_includes/plugins/comments/waline_js.html

@@ -0,0 +1,14 @@
+{% if site.comments.waline or page.comments.waline %}
+<script src="https://cdn.jsdelivr.net/npm/@waline/client/dist/waline.umd.js"></script>
+<script>
+    $(document).ready(function () {
+        Waline.init({
+            el: '#waline',
+            serverURL: '{{ site.comments.waline_url }}',
+            reaction: {{ site.comments.waline_reaction }},
+        comment: true,
+        locale: {{ site.comments.waline_locale }}
+        });
+    });
+</script>
+{% endif %}

data/_includes/plugins/i18n.html

@@ -0,0 +1,32 @@
+{% assign lang = page.lang | default: site.default_lang %}
+{% assign locales = site.data.locales[lang] %}
+{% if page.langs %}
+<p>
+    <b>{{ locales.langs }}</b>
+    {% assign langs = "zh-Hans, zh-Hant, en, ja" | split: ", " %}
+    {% assign langnames = "简中, 繁中, EN, 日本語" | split: ", " %}
+    {% if lang == site.default_lang %}
+        {% assign url = page.url %}
+    {% else %}
+        {% assign urls = page.url | split: '/' %}
+        {% assign url = "" %}
+        {% for u in urls offset:2 %}
+            {% assign url = url | append: "/" | append: u %}
+        {% endfor %}
+    {% endif %}
+    {% for l in page.langs %}
+        {% for i in (0..4) %}
+            {% if langs[i] == l %}
+                {% if l == page.lang %}
+                    {{ langnames[i] }}
+                {% elsif l == site.default_lang %}
+                    <a href="{{ url }}">{{ langnames[i] }}</a>
+                {% else %}
+                    {% assign prefix = "/" | append: l %}
+                    <a href="{{ url | prepend: prefix }}">{{ langnames[i] }}</a>
+                {% endif %}
+            {% endif %}
+        {% endfor %}
+    {% endfor %}
+</p>
+{% endif %}

data/_includes/plugins/markdown/fancybox_css.html

@@ -0,0 +1 @@
+<link rel="stylesheet" href="//cdn.jsdelivr.net/npm/@fancyapps/ui@4.0/dist/fancybox.min.css" />

data/_includes/plugins/markdown/fancybox_js.html

@@ -0,0 +1,24 @@
+<script src="https://cdn.jsdelivr.net/npm/@fancyapps/ui@4.0/dist/fancybox.umd.min.js"></script>
+<script>
+    $(document).ready(function () {
+        var baseurl = $("meta[property='og:baseurl']").attr('content');
+        $("p img").each(function () {
+            $(this).attr('data-src', $(this).attr('src')).removeAttr('src').addClass("lazyload").attr('src', baseurl + '/assets/img/loading.gif');
+            var strA = "<a data-fancybox='gallery' ref='gallery' href='" + $(this).attr('data-src') + "' data-caption='" + $(this).attr('alt') + "'></a>";
+            $(this).wrapAll(strA);
+            var caption = $(this)[0].alt;
+            $(this).parent().after('<span class="caption">' + caption + '</span>');
+        });
+        Fancybox.bind('[data-fancybox]', {
+            on: {
+                load: (fancybox, slide) => {
+                    var gray = $("meta[property='og:gray']").attr('content');
+                    if (gray == "true") {
+                        $(".fancybox__content img").addClass("gray");
+                        $(".carousel__track .fancybox__thumb").addClass("gray");
+                    }
+                }
+            }
+        });
+    });
+</script>

data/_includes/plugins/markdown/hotkeys.html

@@ -0,0 +1,31 @@
+<script src="https://cdn.jsdelivr.net/npm/hotkeys-js/dist/hotkeys.min.js"></script>
+<script>
+    $(document).ready(function () {
+        var previous_url = $("meta[property='og:previous_url']").attr('content');
+        var next_url = $("meta[property='og:next_url']").attr('content');
+
+        hotkeys('left', function (event, handler) {
+            // Prevent the default refresh event under WINDOWS system
+            event.preventDefault();
+            if (previous_url) {
+                console.log('you pressed left!');
+                window.location.href = previous_url;
+            } else {
+                $("#no-previous").addClass("active");
+                setTimeout(function () { $("#no-previous").removeClass("active"); }, 1500);
+            }
+        });
+
+        hotkeys('right', function (event, handler) {
+            // Prevent the default refresh event under WINDOWS system
+            event.preventDefault();
+            if (next_url) {
+                console.log('you pressed right!');
+                window.location.href = next_url;
+            } else {
+                $("#no-next").addClass("active");
+                setTimeout(function () { $("#no-next").removeClass("active"); }, 1500);
+            }
+        });
+    });
+</script>

data/_includes/plugins/markdown/markdown.html

@@ -0,0 +1,7 @@
+{% include plugins/markdown/mathjax.html %}
+{% if layout.type == "post" %}
+{% include plugins/markdown/fancybox_js.html %}
+{% endif %}
+{% include plugins/markdown/hotkeys.html %}
+{% include plugins/markdown/mermaid_js.html %}
+{% include plugins/markdown/prism_js.html %}

data/_includes/plugins/markdown/mermaid_block.html

@@ -0,0 +1,10 @@
+{% if page.mermaid or site.mermaid %}
+<div class="modal">
+    <div class="modal-content">
+        <header>
+            <span class="close">&times;</span>
+        </header>
+        <div class="container"></div>
+    </div>
+</div>
+{% endif%}

data/_includes/plugins/markdown/mermaid_js.html

@@ -0,0 +1,12 @@
+{% if page.mermaid or site.mermaid %}
+<script src="https://cdn.jsdelivr.net/npm/mermaid@9.1.6/dist/mermaid.min.js"></script>
+<script>
+    $(document).ready(function () {
+        mermaid.initialize({
+            startOnLoad: true,
+            theme: "default",
+        });
+        mermaid.init(undefined, $('.mermaid2'));
+    });
+</script>
+{% endif %}