二〇二六年四月二十一日

21 files changed, 478 insertions, 0 deletions

diff --git a/themes/theme/layout/archive.ejs b/themes/theme/layout/archive.ejs
new file mode 100644
index 00000000..426f6a86
--- /dev/null
+++ b/themes/theme/layout/archive.ejs
@@ -0,0 +1 @@
+<%- partial('partials/post_list') %>
\ No newline at end of file
diff --git a/themes/theme/layout/category.ejs b/themes/theme/layout/category.ejs
new file mode 100644
index 00000000..aad151ae
--- /dev/null
+++ b/themes/theme/layout/category.ejs
@@ -0,0 +1,4 @@
+<div id="category">
+  <%- partial('partials/post_gallery') %>
+</div>
+
diff --git a/themes/theme/layout/index.ejs b/themes/theme/layout/index.ejs
new file mode 100644
index 00000000..a8c4c3ed
--- /dev/null
+++ b/themes/theme/layout/index.ejs
@@ -0,0 +1 @@
+<%- partial('pages/profile') %>
\ No newline at end of file
diff --git a/themes/theme/layout/layout.ejs b/themes/theme/layout/layout.ejs
new file mode 100644
index 00000000..4edf6098
--- /dev/null
+++ b/themes/theme/layout/layout.ejs
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html lang="<%=config.language%>">
+  <head>
+    <%- partial('partials/head') %>
+  </head>
+  <body>
+    <div class="wrapper">
+
+      <%- partial('partials/header') %>
+
+      <div class="main">
+        <div class="flex-container">
+          <%- body %>
+        </div>
+      </div>
+      
+      <%- partial('partials/footer') %>
+
+    </div>
+    
+    <script src="<%- url_for('/js/mermaid-zoom.js') %>"></script>
+
+  </body>
+</html>
diff --git a/themes/theme/layout/pages/page_head.ejs b/themes/theme/layout/pages/page_head.ejs
new file mode 100644
index 00000000..709fd55c
--- /dev/null
+++ b/themes/theme/layout/pages/page_head.ejs
@@ -0,0 +1,14 @@
+<div class="post-head">
+    <div class="post-info">
+        <div class="post-title">
+            
+            <% if (page.title) {%>
+                <%= page.title %>
+            <% } else {%>
+                *Untitled
+            <% } %>
+            
+        </div>
+    </div>
+    <div class="h-line-primary"></div>
+</div>
\ No newline at end of file
diff --git a/themes/theme/layout/pages/profile.ejs b/themes/theme/layout/pages/profile.ejs
new file mode 100644
index 00000000..19f38a05
--- /dev/null
+++ b/themes/theme/layout/pages/profile.ejs
@@ -0,0 +1,21 @@
+<div class="profile">
+    <div class="profile-image">
+        <% if (theme.profile.image) {%>
+            <img src="<%= url_for(theme.profile.image)%>" alt="featured_image">
+        <% } %>  
+    </div>
+    <div class="post-content profile-content">
+        <div class="profile-title">
+            <%=theme.profile.title%>
+        </div>
+        <div class="profile-body">
+            <%=theme.profile.body%>
+        </div>
+        <% Object.keys(theme.profile.links).forEach(key => { %>
+            <div class="profile-link">
+                <a href="<%= url_for(theme.profile.links[key])%>"><%=key%></a> 
+            </div>           
+        <% }); %>
+    </div>
+    
+</div>
\ No newline at end of file
diff --git a/themes/theme/layout/partials/back_to_top.ejs b/themes/theme/layout/partials/back_to_top.ejs
new file mode 100644
index 00000000..df413f52
--- /dev/null
+++ b/themes/theme/layout/partials/back_to_top.ejs
@@ -0,0 +1,24 @@
+<div id="back-to-top" class="back-to-top">
+  <i class="icon-arrow-up"></i>
+</div>
+
+<script>
+  const backToTop = document.getElementById('back-to-top');
+  
+  // 显示/隐藏回到顶部按钮
+  window.addEventListener('scroll', () => {
+    if (window.pageYOffset > 300) {
+      backToTop.classList.add('show');
+    } else {
+      backToTop.classList.remove('show');
+    }
+  });
+  
+  // 点击回到顶部
+  backToTop.addEventListener('click', () => {
+    window.scrollTo({
+      top: 0,
+      behavior: 'smooth'
+    });
+  });
+</script> 
\ No newline at end of file
diff --git a/themes/theme/layout/partials/footer.ejs b/themes/theme/layout/partials/footer.ejs
new file mode 100644
index 00000000..6200a376
--- /dev/null
+++ b/themes/theme/layout/partials/footer.ejs
@@ -0,0 +1,16 @@
+<div class="footer">
+    <div class="flex-container">
+        <div class="footer-text">
+            <% if (theme.footer.other_info.enable) {%>
+                <%= theme.footer.other_info.content %>
+                    <br>
+                    <% }%>
+                        <% if (theme.footer.copyright_info.enable) {%>
+                            <%= theme.footer.copyright_info.author %> |
+                                <% }%>
+                                    <% if (theme.footer.powered_by.enable) {%>
+                                        希望路过的人可以添点柴火让这里暖和点
+                                        <% }%>
+        </div>
+    </div>
+</div>
diff --git a/themes/theme/layout/partials/head.ejs b/themes/theme/layout/partials/head.ejs
new file mode 100644
index 00000000..23265719
--- /dev/null
+++ b/themes/theme/layout/partials/head.ejs
@@ -0,0 +1,73 @@
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
+<meta http-equiv="X-UA-Compatible" content="ie=edge">
+<% if(config.author){ %>
+    <meta name="author" content="<%- config.author %>">
+    <% } %>
+        <% if(config.subtitle){ %>
+            <meta name="subtitle" content="<%- config.subtitle %>">
+            <% } %>
+                <% if(config.description){ %>
+                    <meta name="description" content="<%- config.description %>">
+                    <% } %>
+                        <% if(config.keywords){ %>
+                            <meta name="keywords" content="<%- config.keywords %>">
+                            <% } %>
+
+                                <% var title=page.title; if (is_archive()){ title=__('Archive'); if (is_month()){ title
+                                    +=': ' + page.year + '/' + page.month; } else if (is_year()){ title +=': ' +
+                                    page.year; } } else if (is_category()){ title=__('Category') + ': ' + page.category;
+                                    } else if (is_tag()){ title=__('Tag') + ': ' + page.tag; } %>
+
+                                    <title>
+                                        <% if (title){ %>
+                                            <%= title %> | <% } %>
+                                                    <%= config.title %>
+                                    </title>
+
+                                    <%# favicon %>
+                                        <% if (theme.favicon){ %>
+                                            <link rel="icon" href="<%- url_for(theme.favicon) %>">
+                                            <% } %>
+
+                                                        <%# css list %>
+                                                            <% if (theme.stylesheets !==undefined && theme.stylesheets.length>
+                                                                0) { %>
+                                                                <!-- stylesheets list from _config.yml -->
+                                                                <% theme.stylesheets.forEach(url=> { %>
+                                                                    <link rel="stylesheet" href="<%- url_for(url) %>">
+                                                                    <% }); %>
+                                                                        <% } %>
+
+                                                                            <%# font preload - critical slices %>
+                                                                                <link rel="preload" href="<%- url_for('/fonts/latin-base.woff2') %>" as="font" type="font/woff2" crossorigin>
+                                                                                <link rel="preload" href="<%- url_for('/fonts/cjk-common.woff2') %>" as="font" type="font/woff2" crossorigin>
+
+                                                                    <%# javascript list %>
+                                                                        <% if (theme.scripts !==undefined &&
+                                                                            theme.scripts.length> 0) { %>
+                                                                            <!-- scripts list from _config.yml -->
+                                                                            <% theme.scripts.forEach(url=> { %>
+                                                                                <script
+                                                                                    src="<%- url_for(url) %>"></script>
+                                                                                <% }); %>
+                                                                                    <% } %>
+
+                                                                                        <%# mathjax support %>
+                                                                                            <% if(theme.mathjax_enable){
+                                                                                                %>
+                                                                                                <script
+                                                                                                    src="https://polyfill.alicdn.com/polyfill.js?features=es6"></script>
+                                                                                                <script
+                                                                                                    id="MathJax-script"
+                                                                                                    async
+                                                                                                    src="https://lf6-cdn-tos.bytecdntp.com/cdn/expire-1-M/mathjax/3.2.0/es5/tex-mml-chtml.js"></script>
+                                                                                                <% } %>
+
+                                                                                                    <%# valine comment
+                                                                                                        support %>
+                                                                                                        <% if(theme.valine.enable){
+                                                                                                            %>
+                                                                                                            <script
+                                                                                                                src='https://lf6-cdn-tos.bytecdntp.com/cdn/expire-1-M/valine/1.4.16/Valine.min.js'></script>
+                                                                                                            <% } %>
\ No newline at end of file
diff --git a/themes/theme/layout/partials/header.ejs b/themes/theme/layout/partials/header.ejs
new file mode 100644
index 00000000..97752d9e
--- /dev/null
+++ b/themes/theme/layout/partials/header.ejs
@@ -0,0 +1,42 @@
+<div class="header">
+  <div class="flex-container">
+    <div class="header-inner">
+      <div class="site-brand-container">
+        <a href="<%= url_for()%>">
+          <% if (theme.logo_image.enable) {%>
+            <img class="logo-img" src="<%= url_for(theme.logo_image.image_path)%>" alt="logo_image">
+            <%} else {%>
+              <%= theme.site_brand_name %>
+                <% } %>
+        </a>
+      </div>
+      <div id="menu-btn" class="menu-btn" onclick="toggleMenu()">
+        菜单
+      </div>
+      <nav class="site-nav">
+        <ul class="menu-list">
+          <% Object.keys(theme.menu).forEach(key=> { %>
+            <% if (url_for(theme.menu[key]) + "index.html"==url_for(page.path)) {%>
+              <li class="menu-item menu-item-active">
+                <a href="<%=url_for(theme.menu[key])%>">
+                  <%=key%>
+                </a>
+              </li>
+              <%} else {%>
+                <li class="menu-item">
+                  <a href="<%=url_for(theme.menu[key])%>">
+                    <%=key%>
+                  </a>
+                </li>
+                <% }%>
+                  <% }); %>
+                    <% if (theme.local_search.enable) {%>
+                      <li class="menu-item">
+                        <a href="/search">搜索</a>
+                      </li>
+                      <% } %>
+        </ul>
+      </nav>
+    </div>
+  </div>
+</div>
diff --git a/themes/theme/layout/partials/paginator.ejs b/themes/theme/layout/partials/paginator.ejs
new file mode 100644
index 00000000..41c26391
--- /dev/null
+++ b/themes/theme/layout/partials/paginator.ejs
@@ -0,0 +1,14 @@
+<% if (page.total > 1){ %>
+    <div class=paginator>
+        <div class="h-line-primary"></div>
+        <nav class="pagination">
+            <%- paginator({
+                // prev_text: "&laquo; Prev",
+                // next_text: "Next &raquo;"
+                prev_next: false,
+                end_size: 1,
+                mid_size: 1,
+            }) %>
+        </nav>
+    </div>
+<% } %>
\ No newline at end of file
diff --git a/themes/theme/layout/partials/post_gallery.ejs b/themes/theme/layout/partials/post_gallery.ejs
new file mode 100644
index 00000000..488270d3
--- /dev/null
+++ b/themes/theme/layout/partials/post_gallery.ejs
@@ -0,0 +1,42 @@
+<div class="post-gallery">
+    <div class="post-gallery-list">
+        <% page.posts.each(function (post) { %>
+            <div class="post-gallery-item">
+                <div class="post-info">
+                    <div class="tag-list">
+                        <% if (post.tags && post.tags.data && post.tags.data.length > 0) {%>
+                            <% post.tags.data.forEach(function(tag) { %>
+                                <span class="post-tag">
+                                    <a href="<%-url_for(tag.path)%>">
+                                        <%=tag.name%>
+                                    </a>
+                                </span>   
+                            <% }) %>           
+                        <% } %>
+                    </div>
+                    <div class="post-title">
+                        <a href="<%=url_for(post.path)%>"</a>
+                            <% if (post.title) {%>
+                                <%= post.title %>
+                            <% } else {%>
+                                *Untitled
+                            <% } %>
+                        </a>
+                    </div>
+                    <span class="post-date">
+                        <%- date(post.date, theme.date_format) %>
+                    </span>
+                </div>
+                <div class="post-img">
+                <% if (post.featured_image) {%>
+                    <img src="<%= url_for(post.featured_image)%>" alt="featured_image">
+                <% } %>  
+                </div>
+            </div>
+            <div class="h-line-secondary"></div>
+        <% }) %>
+    </div>
+    <div id="paginator">
+        <%- partial('partials/paginator') %>
+    </div>
+</div>
diff --git a/themes/theme/layout/partials/post_list.ejs b/themes/theme/layout/partials/post_list.ejs
new file mode 100644
index 00000000..df3e8f2e
--- /dev/null
+++ b/themes/theme/layout/partials/post_list.ejs
@@ -0,0 +1,29 @@
+<div class="post-list">
+    <% var last_year = ''; %>
+    <% page.posts.each(function (post) { %>
+
+        <% var cur_year = post.date.year(); %>
+
+        <% if(last_year !== cur_year){ %>
+            <div class="year-title"><%- cur_year %></div>
+        <% last_year = cur_year; } %>
+
+        <div class="post-list-item">
+            <div class="post-title">
+            <a href="<%- url_for(post.path) %>">
+                <% if (post.title) {%>
+                    <%= post.title %>
+                <% } else {%>
+                    *Untitled
+                <% } %>
+                </a> 
+            </div>
+            
+            <span class="post-date"><%- date(post.date, theme.date_format) %></span>
+        </div>
+
+    <% }) %>
+    <div id="paginator">
+        <%- partial('partials/paginator') %>
+    </div>
+</div>
diff --git a/themes/theme/layout/partials/tag_cloud.ejs b/themes/theme/layout/partials/tag_cloud.ejs
new file mode 100644
index 00000000..75d8eef2
--- /dev/null
+++ b/themes/theme/layout/partials/tag_cloud.ejs
@@ -0,0 +1,11 @@
+<div class="tag-cloud">
+  <div class="tag-list">
+    <%site.tags.forEach(tag=>{%>
+      <span class="post-tag">
+        <a href="<%-url_for(tag.path)%>">
+          <%=tag.name%>
+        </a>
+      </span> 
+    <%})%> 
+  </div>
+</div>
\ No newline at end of file
diff --git a/themes/theme/layout/post.ejs b/themes/theme/layout/post.ejs
new file mode 100644
index 00000000..00475498
--- /dev/null
+++ b/themes/theme/layout/post.ejs
@@ -0,0 +1,14 @@
+<article id="post">
+
+  <% if (is_post()) {%>
+    <%- partial('post/post_head') %>
+    <%- partial('post/post_content') %>
+    <%- partial('post/post_footer') %>
+    <% if (!page.hide_comment) {%>
+      <%- partial('post/post_comment') %>
+    <% } %> 
+  <%} else {%>
+    <%- partial('pages/page_head') %>
+    <%- partial('post/post_content') %>
+  <%} %>
+</article>
\ No newline at end of file
diff --git a/themes/theme/layout/post/post_comment.ejs b/themes/theme/layout/post/post_comment.ejs
new file mode 100644
index 00000000..60a76fb4
--- /dev/null
+++ b/themes/theme/layout/post/post_comment.ejs
@@ -0,0 +1,48 @@
+<div class="post-comment">
+
+    <% if (theme.valine.enable) {%>
+        <div id="vcomments"></div>
+        <script>
+            var META = ['nick', 'mail', 'link'];
+            var meta = '<%=theme.valine.meta%>';
+            meta = meta.split(',').filter(item => {
+                return META.includes(item);
+            });
+            new Valine({
+                el: '#vcomments',
+                appId: '<%=theme.valine.appId%>',
+                appKey: '<%=theme.valine.appKey%>',
+                lang: '<%=theme.valine.lang%>',
+                placeholder: '<%=theme.valine.placeholder%>',
+                avatar: '<%=theme.valine.avatar%>',
+                meta: meta
+            })
+        </script>    
+    <% } %> 
+
+    <% if (theme.disqus.enable) {%>
+        <div id="disqus_thread"></div>
+        <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.permalink%>';  // Replace PAGE_URL with your page's canonical URL variable
+                this.page.identifier = '<%=page.path%>'; // Replace PAGE_IDENTIFIER with your page's unique identifier variable
+                this.language = '<%=theme.disqus.language%>'
+            };
+            
+            (function() { // DON'T EDIT BELOW THIS LINE
+            var d = document, s = d.createElement('script');
+            s.src = '<%=theme.disqus.disqus_url%>';
+            s.setAttribute('data-timestamp', +new Date());
+            (d.head || d.body).appendChild(s);
+            })();
+        </script>
+        <noscript>Please enable JavaScript to view the <a href="https://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>   
+    <% } %> 
+    
+    
+
+</div>
\ No newline at end of file
diff --git a/themes/theme/layout/post/post_content.ejs b/themes/theme/layout/post/post_content.ejs
new file mode 100644
index 00000000..e51bc059
--- /dev/null
+++ b/themes/theme/layout/post/post_content.ejs
@@ -0,0 +1,7 @@
+<div class="post-content">
+    <%-page.content%>
+</div> 
+
+<script>
+    window.onload = detectors();
+</script>
\ No newline at end of file
diff --git a/themes/theme/layout/post/post_footer.ejs b/themes/theme/layout/post/post_footer.ejs
new file mode 100644
index 00000000..c4978890
--- /dev/null
+++ b/themes/theme/layout/post/post_footer.ejs
@@ -0,0 +1,21 @@
+<div class="post-footer">
+    <div class="h-line-primary"></div>
+    <nav class="post-nav">
+        <div class="prev-item">
+           <%if (page.prev) {%>
+                <div class="icon arrow-left"></div>
+                <div class="post-link">
+                    <a href="<%=url_for(page.prev.path)%>">Prev</a>
+                </div>
+            <%}%>
+        </div>
+        <div class="next-item">
+            <%if (page.next) {%>
+                <div class="icon arrow-right"></div>
+                <div class="post-link">
+                  <a href="<%=url_for(page.next.path)%>">Next</a>  
+                </div>  
+            <%}%>
+        </div>
+    </nav>
+</div>
diff --git a/themes/theme/layout/post/post_head.ejs b/themes/theme/layout/post/post_head.ejs
new file mode 100644
index 00000000..ad821406
--- /dev/null
+++ b/themes/theme/layout/post/post_head.ejs
@@ -0,0 +1,34 @@
+<div class="post-head">
+    <div class="post-info">
+        <div class="tag-list">
+            <% if (page.tags && page.tags.data && page.tags.data.length > 0) {%>
+                <% page.tags.data.forEach(function(tag) { %>
+                    <span class="post-tag">
+                        <a href="<%-url_for(tag.path)%>">
+                            <%=tag.name%>
+                        </a>
+                    </span>    
+                <% }) %>           
+            <% } %>
+        </div>
+        <div class="post-title">
+            
+            <% if (page.title) {%>
+                <%= page.title %>
+            <% } else {%>
+                *Untitled
+            <% } %>
+            
+        </div>
+        <span class="post-date">
+            <%- date(page.date, theme.date_format) %>
+        </span>
+    </div>
+    <div class="post-img">
+        <% if (page.featured_image) {%>
+            <img src="<%= url_for(page.featured_image)%>" alt="featured_image">
+        <% } else { %>
+            <div class="h-line-primary"></div>
+        <% } %>      
+    </div>
+</div>
\ No newline at end of file
diff --git a/themes/theme/layout/search.ejs b/themes/theme/layout/search.ejs
new file mode 100644
index 00000000..ed7ba50e
--- /dev/null
+++ b/themes/theme/layout/search.ejs
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html lang="<%=config.language%>">
+  <head>
+    <%- partial('partials/head') %>
+  </head>
+  <body>
+    <div class="wrapper">
+      <%- partial('partials/header') %>
+      
+      <div class="main">
+        <div class="flex-container">
+          <%- body %>
+        </div>
+      </div>
+      
+      <%- partial('partials/footer') %>
+    </div>
+    
+    <script src="<%- url_for('/js/mermaid-zoom.js') %>"></script>
+  </body>
+</html>
diff --git a/themes/theme/layout/tag.ejs b/themes/theme/layout/tag.ejs
new file mode 100644
index 00000000..045cc160
--- /dev/null
+++ b/themes/theme/layout/tag.ejs
@@ -0,0 +1,17 @@
+<div id="tag">
+  <% if(is_tag()){ %>
+
+    <p class="tag-title">
+      / <a href="<%=url_for(/tag/)%>">tags</a>
+      / <a href="<%=page.tag.path%>"><%=page.tag%></a> /
+    </p>
+    <%- partial('partials/post_list') %>
+
+  <% }else{ %>
+
+    <p class="tag-title">/ tags /</p>
+    <%- partial('partials/tag_cloud') %>
+    
+  <% } %>
+
+</div>
\ No newline at end of file