hexo-theme-solitude 1.0.0

package/layout/partial/compoment/third-party/comments/twikoo.ejs

@@ -0,0 +1,29 @@
+<script>
+    async function initComment(){
+        var initOptions = Object.assign(
+            <%- JSON.stringify(theme.comment.twikoo || {}) %>,
+            {
+                el: '#comment',
+                onCommentLoaded: function() {
+                    GLOBALCONFIG.lightbox && sco.lightbox('#article-container img, #twikoo .tk-content img:not(.tk-owo-emotion)')
+                }
+            }
+        )
+        await twikoo.init(initOptions)
+        <% if(theme.post.meta.comment && is_post()){ %>
+            var countOptions = Object.assign(
+                <%- JSON.stringify(theme.comment.twikoo || {}) %>,
+                {
+                    urls: [window.location.pathname],
+                    includeReply: false
+                }
+            )
+            const res = await twikoo.getCommentsCount(countOptions)
+            try{
+                document.getElementById('twikoo-count').innerText = res[0].count
+            }catch (e) {
+                document.getElementById('twikoo-count').innerText = '加载错误'
+            }
+        <% } %>
+    }
+</script>

package/layout/partial/compoment/third-party/comments/twikoo_k.ejs

@@ -0,0 +1,29 @@
+<script>
+    async function initComment(){
+        var initOptions = Object.assign(
+            <%- JSON.stringify(theme.comment.twikoo || {}) %>,
+            {
+                el: '#comment',
+                onCommentLoaded: function() {
+                    GLOBALCONFIG.lightbox && sco.lightbox('#article-container img, #twikoo .tk-content img:not(.tk-owo-emotion)')
+                }
+            }
+        )
+        await twikoo.init(initOptions)
+        <% if(theme.post.meta.comment && is_post()){ %>
+            var countOptions = Object.assign(
+                <%- JSON.stringify(theme.comment.twikoo || {}) %>,
+                {
+                    urls: [window.location.pathname],
+                    includeReply: false
+                }
+            )
+            const res = await twikoo.getCommentsCount(countOptions)
+            try{
+                document.getElementById('twikoo-count').innerText = res[0].count
+            }catch (e) {
+                document.getElementById('twikoo-count').innerText = '加载错误'
+            }
+        <% } %>
+    }
+</script>

package/layout/partial/compoment/third-party/music.ejs

@@ -0,0 +1,5 @@
+<div class="needEndHide" id="nav-music" onclick="sco.musicToggle()">
+    <div id="nav-music-hoverTips">音乐已暂停</div>
+    <meting-js id="<%= theme.thirdparty.aplayer.id %>" server="<%= theme.thirdparty.aplayer.server %>" type="playlist" mutex="true"
+        preload="none" data-lrctype="0" order="random" theme="var(--sco-main)"></meting-js>
+</div>

package/layout/partial/compoment/third-party/pjax.ejs

@@ -0,0 +1,31 @@
+<script>
+  let pjaxSelectors = [
+    'title',
+    '#body-wrap',
+    '#site-config',
+    'meta[name="description"]',
+    '#js-pjax'
+  ]
+
+  const pjax = new Pjax({
+    elements: 'a:not([target="_blank"])',
+    selectors: pjaxSelectors,
+    cacheBust: false,
+    analytics: false,
+    scrollRestoration: false
+  })
+
+  document.querySelectorAll('script[data-pjax]').forEach(item => {
+      const newScript = document.createElement('script')
+      const content = item.text || item.textContent || item.innerHTML || ""
+      Array.from(item.attributes).forEach(attr => newScript.setAttribute(attr.name, attr.value))
+      newScript.appendChild(document.createTextNode(content))
+      item.parentNode.replaceChild(newScript, item)
+  })
+
+  document.addEventListener('pjax:error', (e) => {
+    if (e.request.status === 404) {
+      pjax.loadUrl('/404.html')
+    }
+  })
+</script>

package/layout/partial/compoment/third-party/search/algolia-search.ejs

@@ -0,0 +1,20 @@
+<div id="algolia-search">
+    <div class="search-dialog">
+        <nav class="search-nav">
+            <span class="search-dialog-title">搜索</span>
+            <button class="search-close-button">
+                <i class="ri-time-fill"></i>
+            </button>
+        </nav>
+        <div class="search-wrap">
+            <div class="search-box" id="search-input"></div>
+            <div id="search-results">
+                <div id="algolia-hits">
+                </div>
+                <div class="algolia-stats"></div>
+                <div class="algolia-poweredBy" style="display: none"></div>
+            </div>
+        </div>
+    </div>
+    <div id="search-mask"></div>
+</div>

package/layout/partial/compoment/third-party/search/index.ejs

@@ -0,0 +1,10 @@
+<% if(theme.thirdparty.search.local_search.enable){ %>
+    <%- partial('partial/compoment/third-party/search/local-search') %>
+    <%- css('/css/search/local-search.css') %>
+    <%- js('/js/extend/search/local-search.js') %>
+<% } %>
+<% if(theme.thirdparty.search.algolia_search.enable){ %>
+    <%- partial('partial/compoment/third-party/search/algolia-search') %>
+        <%- css('/css/search/algolia-search') %>
+    <%- js('/js/extend/search/algolia-search.js') %>
+<% } %>     

package/layout/partial/compoment/third-party/search/local-search.ejs

@@ -0,0 +1,22 @@
+<div id="local-search">
+    <div class="search-dialog">
+        <nav class="search-nav">
+            <span class="search-dialog-title">搜索</span>
+            <button class="search-close-button">
+                <i class="ri-time-fill"></i>
+            </button>
+        </nav>
+        <div id="loading-database">
+            <i class="ri-loader-2-fill"></i>
+            <span>加载中</span>
+        </div>
+        <div class="search-wrap">
+            <div class="search-box">
+                <input class="search-box-input" placeholder="<%= __('search.placeholder') %>" type="text" id="search-input" autocomplete="off" spellcheck="false" autocorrect="off" autocapitalize="off">
+            </div>
+            <div id="loading-status"></div>
+            <div id="search-results"></div>
+        </div>
+    </div>
+    <div id="search-mask"></div>
+</div>

package/layout/partial/compoment/tlink/banner.ejs

@@ -0,0 +1,10 @@
+<div class="author-content author-content-item essayPage single nolazyload" style="background: url(<%= page.cover %>) no-repeat center;background-size: cover;">
+    <div class="card-content">
+        <div class="author-content-item-tips"><%= page.title %></div>
+        <span class="author-content-item-title"><%= page.desc %></span>
+        <div class="content-bottom">
+            <div class="tips"><%- page.tipl %></div>
+            <div class="tips"><%- page.tipr %></div>
+        </div>
+    </div>
+</div>

package/layout/partial/console.ejs

@@ -0,0 +1,62 @@
+<div id="console" style="zoom: 1;" class="">
+    <div class="close-btn" onclick="sco.hideConsole()" href="javascript:void(0);">
+        <i class="ri-close-fill"></i>
+    </div>
+    <% if(theme.thirdparty.consolePlus){ %>
+        <div class="console-card-group">
+            <div class="console-card-group-left">
+                <div class="console-card" id="card-newest-comments" onclick="sco.hideConsole()">
+                    <div class="card-content">
+                        <div class="author-content-item-tips">互动</div>
+                        <div class="author-content-item-title">最新评论</div>
+                    </div>
+                    <div class="aside-list"></div>
+                </div>
+
+            </div>
+            <div class="console-card-group-right">
+                <div class="console-card tags" onclick="sco.hideConsole()">
+                    <div class="card-content">
+                        <div class="author-content-item-tips">标签</div>
+                        <div class="author-content-item-title">寻找感兴趣的领域</div>
+                    </div>
+                    <div class="card-tag-cloud">
+                        <% site.tags.data.forEach(data => { %>
+                            <a href="<%= url_for(data.path) %>"
+                               style="font-size: 0.8rem; color: #d3d3d3"><%= data.name %>
+                                <sup><%= data.length %></sup></a>
+                        <% }) %>
+                    </div>
+                </div>
+                <div class="console-card history" onclick="sco.hideConsole()">
+                    <%- partial('partial/compoment/aside/asideArchive', {type: 'month'}) %>
+                </div>
+            </div>
+        </div>
+    <% } %>
+
+    <div class="button-group">
+        <div class="console-btn-item">
+            <a class="darkmode_switchbutton" onclick="sco.switchDarkMode()" title="显示模式切换"
+               href="javascript:void(0);" rel="external nofollow" data-pjax-state="">
+                <i class="ri-contrast-2-fill" style="font-size: 1rem;"></i>
+            </a>
+        </div>
+        <% if(theme.thirdparty.aplayer.enable){ %>
+            <div class="console-btn-item" id="consoleMusic" onclick="sco.musicToggle()" title="音乐开关">
+                <a class="music-switch">
+                    <i class="ri-disc-fill"></i>
+                </a>
+            </div>
+        <% } %>
+        <% if(theme.comment.enable) { %>
+            <div class="console-btn-item on" id="consoleCommentBarrage" onclick="sco.switchCommentBarrage()"
+                 title="热评开关">
+                <a class="commentBarrage">
+                    <i class="ri-message-3-fill"></i>
+                </a>
+            </div>
+        <% }%>
+    </div>
+    <div class="console-mask" onclick="sco.hideConsole()" href="javascript:void(0);" rel="external nofollow"></div>
+</div>

package/layout/partial/footer.ejs

@@ -0,0 +1,107 @@
+<div id="sco-footer-bar">
+    <div class="footer-logo">
+        <% if (theme.site.name.class === 'i_class') { %>
+            <i class="<%= theme.site.name.custom %>" style="font-size: 16px;"></i>
+        <% } else if (theme.site.name.class === 'img') { %>
+            <i style="background-image: url('<%= url_for(theme.site.name.custom) %>')"></i>
+        <% } else if (theme.site.name.class === 'text') { %>
+            <span class="scoicon"><%= theme.site.name.custom %></span>
+        <% } %>
+    </div>
+    <div class="footer-bar-description">来自 <%- config.title %> 最新设计与科技的文章</div>
+    <a class="footer-bar-link" href="/" data-pjax-state="">了解更多</a>
+</div>
+<div id="footer_deal">
+    <% for(const i in theme.footer.information.left){ %>
+        <a class="deal_link" href="<%= url_for(theme.footer.information.left[i].url) %>" rel="external nofollow"
+           title="<%= i %>">
+            <i class="<%= theme.footer.information.left[i].icon %>"></i>
+        </a>
+    <% } %>
+    <img class="footer_mini_logo" src="<%= theme.site.icon %>"
+         title="返回顶部" onclick="sco.toTop()">
+    <% for(const i in theme.footer.information.right){ %>
+        <a class="deal_link" href="<%= url_for(theme.footer.information.right[i].url) %>" rel="external nofollow"
+           title="<%= i %>">
+            <i class="<%= theme.footer.information.right[i].icon %>"></i>
+        </a>
+    <% } %>
+</div>
+<div id="sco-footer">
+    <% for(const x in theme.footer.group){ %>
+        <div class="footer-group">
+            <h3 class="footer-title"><%= x %></h3>
+            <div class="footer-links">
+                <% for(const y in theme.footer.group[x]){ %>
+                    <a class="footer-item" href="<%= url_for(theme.footer.group[x][y]) %>" title="<%= y %>"
+                       rel="noopener external nofollow noreferrer"><%= y %></a>
+                <% } %>
+            </div>
+        </div>
+    <% } %>
+    <% if(theme.footer.randomlink){ %>
+        <div class="footer-group">
+            <div class="footer-title-group">
+                <h3 class="footer-title">友链</h3>
+                <a class="random-friends-btn" href="javascript:randomLinksList();" rel="external nofollow">
+                    <i class="ri-refresh-line"></i>
+                </a>
+            </div>
+            <div class="footer-links" id="friend-links-in-footer">
+            </div>
+        </div>
+    <% } %>
+</div>
+<div id="footer-bar">
+    <div class="footer-bar-links">
+        <div class="footer-bar-left">
+            <div id="footer-bar-tips">
+                <% if(moment(theme.aside.siteinfo.runtime).year() === new Date().getFullYear()){ %>
+                    <div class="copyright">© <%= moment(theme.aside.siteinfo.runtime).year() %>
+                        By
+                        <a class="footer-bar-link" href="/" rel="external nofollow"><%= config.author %></a>
+                    </div>
+                <% }else{ %>
+                    <div class="copyright">© <%= moment(theme.aside.siteinfo.runtime).year() %>
+                        - <%= new Date().getFullYear() %> By
+                        <a class="footer-bar-link" href="/" rel="external nofollow"><%= config.author %></a>
+                    </div>
+                <% } %>
+            </div>
+        </div>
+        <div class="footer-bar-right">
+            <% if(theme.footer.rss.enable){ %>
+                <a class="footer-bar-link" href="/rss/" rel="external nofollow"
+                   target="_self">订阅</a>
+            <% } %>
+            <a class="footer-bar-link" href="https://github.com/DuoSco/hexo-theme-solitude" rel="external nofollow"
+               target="_self">主题</a>
+            <% if(theme.site.icp){ %>
+                <a class="footer-bar-link" target="_blank" href="https://beian.miit.gov.cn/#/Integrated/index"
+                   rel="noopener external nofollow noreferrer noopener">
+                    <%= theme.site.icp %>
+                </a>
+            <% } %>
+            <a class="footer-bar-link cc" href="<%- theme.footer.license.url %>" target="_self" rel="external nofollow">
+                <i class="ri-copyright-line"></i>
+                <i class="ri-creative-commons-by-line"></i>
+                <i class="ri-creative-commons-nc-line"></i>
+                <i class="ri-creative-commons-nd-line"></i>
+            </a>
+        </div>
+    </div>
+</div>
+<div class="needEndHide" id="cookies-window">
+    <div class="cookies-window-title">协议提醒助手</div>
+    <div class="cookies-window-content">
+        <span class="cookies-tip">查看本站为你的个人隐私做出的努力</span>
+        <a class="cookies-link" href="/privacy/" title="本站如何保护你的隐私" data-pjax-state="">
+            <i class="heofont icon-arrow-right-circle-fill"></i>
+        </a>
+    </div>
+</div>
+<div class="comment-barrage">
+</div>
+<% if(theme.comment.enable){ %>
+    <%- js('/js/commentBarrage') %>
+<% } %>

package/layout/partial/head.ejs

@@ -0,0 +1,37 @@
+<% const cdn = theme.cdn.head %>
+
+<meta charset="UTF-8">
+<meta http-equiv="X-UA-Compatible" content="IE=edge">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<%
+var title = '', subtitle = ''
+if (is_home()) {
+    title = config.title
+} else if (is_archive()) title = '归档 ' + (page.year || '')
+else if (is_category()) title = '分类 ' + page.category
+else if (is_tag()) title = '标签 ' + page.tag
+else if (page.type === '404') title = '404 ' + theme.errorpage.text
+else if (is_page() || is_post()) title = page.title
+if (is_home()) subtitle = config.subtitle ? ' - ' + config.subtitle : ''
+else subtitle = title ? ' | ' + config.title : config.title
+var description = page.desc || page.excerpt || config.description
+-%>
+<title><%= title + subtitle %></title>
+<noscript>开启Javascript是必要的</noscript>
+<link rel="icon" type="image/x-icon" href="<%= url_for(theme.site.siteIcon) %>">
+<meta name="description" content="<%= description %>">
+<% if (theme.pwa.enable) { %>
+    <%- partial('partial/pwa') %>
+<% }else{ %>
+    <meta name="apple-mobile-web-app-title" content="<%= config.title %>">
+    <link rel="bookmark" href="<%= url_for(theme.site.siteIcon) %>">
+    <link rel="apple-touch-icon-precomposed" sizes="180x180" href="<%= url_for(theme.site.siteIcon) %>">
+<% } %>
+<link rel="stylesheet" href="/css/var.css">
+<link rel="stylesheet" href="/css/main.css">
+<link rel="stylesheet" href="/css/custom.css">
+<%- partial('partial/compoment/inject/head', {cache: true}) %>
+<% if (theme.extends.head) for (const i of theme.extends.head){ %>
+    <%- i %>
+<% } %>
+<%- export_config() %>

package/layout/partial/header.ejs

@@ -0,0 +1,6 @@
+<header class="<%= is_post() ? 'post-bg' : 'not-top-img' %>" id="page-header">
+    <%- partial('partial/nav', {cache: true}) %>
+    <% if(is_post()){ %>
+        <%- partial('partial/compoment/post/postMeta') %>
+    <% } %>    
+</header>

package/layout/partial/hometop.ejs

@@ -0,0 +1,15 @@
+<div class="recent-top-post-group" id="recent-top-post-group">
+    <div class="recent-post-top" id="recent-post-top">
+        <div id="bannerGroup">
+            <div id="banners">
+                <%- partial('partial/compoment/hometop/groupTag') %>
+            </div>
+            <div class="categoryGroup">
+                <%- partial('partial/compoment/hometop/categoryGroup') %>
+            </div>
+        </div>
+        <div class="topGroup">
+            <%- partial('partial/compoment/hometop/topGroup') %>
+        </div>
+    </div>
+</div>

package/layout/partial/loading.ejs

@@ -0,0 +1,86 @@
+<div id="loading-box" onclick="preloader.endLoading();" class style="zoom: 1;">
+    <div class="loading-bg">
+        <img class="loading-img nolazyload" alt="loading image"
+            src="<%= theme.site.icon %>">
+        </div>
+</div>
+<script>
+    const preloader = {
+        endLoading: () => {
+            document.getElementById('loading-box').classList.add("loaded")
+        },
+        initLoading: () => {
+            document.getElementById('loading-box').classList.remove("loaded")
+        },
+        removePaceDone: () => {
+            document.getElementById('body').classList = 'pace-done'
+        }
+    }
+    window.addEventListener('load',()=> { preloader.endLoading() })
+    document.addEventListener('pjax:send', () => { preloader.initLoading() })
+    document.addEventListener('pjax:complete', () => { preloader.endLoading() })
+</script>
+<style>
+    #loading-box {
+        -webkit-user-select: none;
+    }
+
+    #loading-box .loading-bg {
+        display: flex;
+        width: 100%;
+        height: 100%;
+        position: fixed;
+        background: var(--sco-background);
+        z-index: 1999;
+        opacity: 1;
+        transition: 0.2s;
+        pointer-events: all;
+        animation: showLoading 0.3s 0s backwards;
+    }
+
+    #loading-box.loaded .loading-bg {
+        pointer-events: none;
+        transition: 0.2s;
+        animation: hideLoading 0.3s 0s forwards;
+    }
+
+    #loading-box .loading-img {
+        width: 100px;
+        margin: auto;
+        animation-duration: 0.2s;
+        animation-name: loadingAction;
+        border-radius: 50px;
+        animation-iteration-count: infinite;
+        animation-direction: alternate;
+    }
+
+    @keyframes loadingAction {
+        from {
+            opacity: 1;
+        }
+
+        to {
+            opacity: 0.6;
+        }
+    }
+
+    @keyframes hideLoading {
+        from {
+            opacity: 1;
+        }
+
+        to {
+            opacity: 0;
+        }
+    }
+
+    @keyframes showLoading {
+        from {
+            opacity: 0;
+        }
+
+        to {
+            opacity: 1;
+        }
+    }
+</style>

package/layout/partial/nav.ejs

@@ -0,0 +1,34 @@
+<nav id="nav" class="show">
+    <div id="nav-group">
+        <div id="blog_name">
+            <% if(theme.nav.left.enable){ %>
+                <div class="back-home-button" tabindex="-1">
+                    <i class="back-home-button-icon scoicon ri-apps-fill"></i>
+                    <%- partial('partial/compoment/nav/left') %>
+                </div>
+            <% } %>
+            <a id="site-name" href="/" title="返回博客主页" target="_self">
+                    <% if (theme.site.name.class === 'i_class') { %>
+                        <i class="<%= theme.site.name.custom %>" style="font-size: 16px;"></i>
+                      <% } else if (theme.site.name.class === 'img') { %>
+                        <i style="background-image: url('<%= url_for(theme.site.name.custom) %>')"></i>
+                      <% } else if (theme.site.name.class === 'text') { %>
+                        <span class="scoicon"><%= theme.site.name.custom %></span>
+                    <% } %>
+            </a>
+        </div>
+        <div id="page-name-mask">
+            <div id="page-name">
+                <a id="page-name-text" onclick="sco.toTop()"><%= page.title || config.title %></a>
+            </div>
+        </div>
+        <div id="menus">
+            <%- partial('partial/compoment/nav/menu') %>
+        </div>
+        <div id="nav-left">
+        </div>
+        <div id="nav-right">
+            <%- partial('partial/compoment/nav/right') %>
+        </div>
+    </div>
+</nav>

package/layout/partial/pwa.ejs

@@ -0,0 +1,40 @@
+<meta name="theme-color" content="<%- theme.pwa.theme_color %>">
+<link rel="manifest" href="<%- theme.pwa.manifest %>">
+<% if (theme.pwa.theme_color) { %><meta name="msapplication-TileColor" content="<%- theme.pwa.theme_color %>"><% } %>
+<% if (theme.pwa.mask_icon) { %><link rel="mask-icon" href="<%- theme.pwa.mask_icon %>" color="<%- theme.pwa.theme_color %>"><% } %>
+<% if (theme.pwa.apple_touch_icon) { %><link rel="apple-touch-icon" sizes="180x180" href="<%- theme.pwa.apple_touch_icon %>">
+<link rel="apple-touch-icon-precomposed" sizes="180x180" href="<%- theme.pwa.apple_touch_icon %>">
+<meta name="apple-mobile-web-app-title" content="<%= config.title %>"><% } %>
+<% if (theme.pwa.favicon_16_16) { %><link rel="icon" type="image/png" sizes="16x16" href="<%- theme.pwa.favicon_16_16 %>"><% } %>
+<% if (theme.pwa.favicon_32_32) { %><link rel="icon" type="image/png" sizes="32x32" href="<%- theme.pwa.favicon_32_32 %>"><% } %>
+<% if (theme.pwa.bookmark_icon) { %><link rel="bookmark" href="<%- theme.pwa.bookmark_icon %>"><% } %><% if (theme.pwa.startup_image_enable) { %>
+<% if (theme.pwa.favicon_2048_2732) { %><link rel="apple-touch-startup-image" href="<%- theme.pwa.favicon_2048_2732 %>" media="(device-width: 1024px) and (device-height: 1366px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)"><% } %>
+<% if (theme.pwa.favicon_2732_2048) { %><link rel="apple-touch-startup-image" href="<%- theme.pwa.favicon_2732_2048 %>" media="(device-width: 1024px) and (device-height: 1366px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)"><% } %>
+<% if (theme.pwa.favicon_1668_2388) { %><link rel="apple-touch-startup-image" href="<%- theme.pwa.favicon_1668_2388 %>" media="(device-width: 834px) and (device-height: 1194px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)"><% } %>
+<% if (theme.pwa.favicon_2388_1668) { %><link rel="apple-touch-startup-image" href="<%- theme.pwa.favicon_2388_1668 %>" media="(device-width: 834px) and (device-height: 1194px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)"><% } %>
+<% if (theme.pwa.favicon_1536_2048) { %><link rel="apple-touch-startup-image" href="<%- theme.pwa.favicon_1536_2048 %>" media="(device-width: 768px) and (device-height: 1024px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)"><% } %>
+<% if (theme.pwa.favicon_2048_1536) { %><link rel="apple-touch-startup-image" href="<%- theme.pwa.favicon_2048_1536 %>" media="(device-width: 768px) and (device-height: 1024px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)"><% } %>
+<% if (theme.pwa.favicon_1668_2224) { %><link rel="apple-touch-startup-image" href="<%- theme.pwa.favicon_1668_2224 %>" media="(device-width: 834px) and (device-height: 1112px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)"><% } %>
+<% if (theme.pwa.favicon_1668_2224) { %><link rel="apple-touch-startup-image" href="<%- theme.pwa.favicon_1668_2224 %>" media="(device-width: 834px) and (device-height: 1112px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)"><% } %>
+<% if (theme.pwa.favicon_1620_2160) { %><link rel="apple-touch-startup-image" href="<%- theme.pwa.favicon_1620_2160 %>" media="(device-width: 810px) and (device-height: 1080px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)"><% } %>
+<% if (theme.pwa.favicon_2160_1620) { %><link rel="apple-touch-startup-image" href="<%- theme.pwa.favicon_2160_1620 %>" media="(device-width: 810px) and (device-height: 1080px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)"><% } %>
+<% if (theme.pwa.favicon_1290_2796) { %><link rel="apple-touch-startup-image" href="<%- theme.pwa.favicon_1290_2796 %>" media="(device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)"><% } %>
+<% if (theme.pwa.favicon_2796_1290) { %><link rel="apple-touch-startup-image" href="<%- theme.pwa.favicon_2796_1290 %>" media="(device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape)"><% } %>
+<% if (theme.pwa.favicon_1179_2556) { %><link rel="apple-touch-startup-image" href="<%- theme.pwa.favicon_1179_2556 %>" media="(device-width: 393px) and (device-height: 852px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)"><% } %>
+<% if (theme.pwa.favicon_2556_1179) { %><link rel="apple-touch-startup-image" href="<%- theme.pwa.favicon_2556_1179 %>" media="(device-width: 393px) and (device-height: 852px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape)"><% } %>
+<% if (theme.pwa.favicon_1248_2778) { %><link rel="apple-touch-startup-image" href="<%- theme.pwa.favicon_1248_2778 %>" media="(device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)"><% } %>
+<% if (theme.pwa.favicon_2778_1248) { %><link rel="apple-touch-startup-image" href="<%- theme.pwa.favicon_2778_1248 %>" media="(device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape)"><% } %>
+<% if (theme.pwa.favicon_1170_2532) { %><link rel="apple-touch-startup-image" href="<%- theme.pwa.favicon_1170_2532 %>" media="(device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)"><% } %>
+<% if (theme.pwa.favicon_2532_1170) { %><link rel="apple-touch-startup-image" href="<%- theme.pwa.favicon_2532_1170 %>" media="(device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape)"><% } %>
+<% if (theme.pwa.favicon_1125_2436) { %><link rel="apple-touch-startup-image" href="<%- theme.pwa.favicon_1125_2436 %>" media="(device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)"><% } %>
+<% if (theme.pwa.favicon_2436_1125) { %><link rel="apple-touch-startup-image" href="<%- theme.pwa.favicon_2436_1125 %>" media="(device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape)"><% } %>
+<% if (theme.pwa.favicon_1242_2688) { %><link rel="apple-touch-startup-image" href="<%- theme.pwa.favicon_1242_2688 %>" media="(device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)"><% } %>
+<% if (theme.pwa.favicon_2688_1242) { %><link rel="apple-touch-startup-image" href="<%- theme.pwa.favicon_2688_1242 %>" media="(device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape)"><% } %>
+<% if (theme.pwa.favicon_828_1792) { %><link rel="apple-touch-startup-image" href="<%- theme.pwa.favicon_828_1792 %>" media="(device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)"><% } %>
+<% if (theme.pwa.favicon_1792_828) { %><link rel="apple-touch-startup-image" href="<%- theme.pwa.favicon_1792_828 %>" media="(device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)"><% } %>
+<% if (theme.pwa.favicon_1242_2208) { %><link rel="apple-touch-startup-image" href="<%- theme.pwa.favicon_1242_2208 %>" media="(device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)"><% } %>
+<% if (theme.pwa.favicon_2208_1242) { %><link rel="apple-touch-startup-image" href="<%- theme.pwa.favicon_2208_1242 %>" media="(device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape)"><% } %>
+<% if (theme.pwa.favicon_750_1334) { %><link rel="apple-touch-startup-image" href="<%- theme.pwa.favicon_750_1334 %>" media="(device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)"><% } %>
+<% if (theme.pwa.favicon_1334_750) { %><link rel="apple-touch-startup-image" href="<%- theme.pwa.favicon_1334_750 %>" media="(device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)"><% } %>
+<% if (theme.pwa.favicon_640_1136) { %><link rel="apple-touch-startup-image" href="<%- theme.pwa.favicon_640_1136 %>" media="(device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)"><% } %>
+<% if (theme.pwa.favicon_1136_640) { %><link rel="apple-touch-startup-image" href="<%- theme.pwa.favicon_1136_640 %>" media="(device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)"><% } %><% } %>

package/layout/partial/sidebar.ejs

@@ -0,0 +1,31 @@
+<div id="sidebar" style="zoom: 1;">
+    <div id="menu-mask" style="display: none;"></div>
+    <div id="sidebar-menus" class>
+        <span class="sidebar-menu-item-title">功能</span>
+        <div class="sidebar-menu-item">
+            <a class="darkmode_switchbutton menu-child" onclick="sco.switchDarkMode()" title="显示模式切换"
+               href="javascript:void(0);" rel="external nofollow">
+                <i class="scoicon ri-contrast-2-fill" style="font-size: 1rem;"></i>
+                <span>显示模式</span>
+            </a>
+        </div>
+        <% if(theme.nav.left.enable){ %>
+            <%- partial('partial/compoment/nav/left') %>
+        <% } %>
+        <%- partial('partial/compoment/nav/menu') %>
+        <span class="sidebar-menu-item-title">标签</span>
+        <div class="card-widget card-tags card-archives card-webinfo card-allinfo">
+            <div class="item-headline">
+                <i class="scoicon ri-price-tag-3-fill"></i>
+                <span>标签</span>
+            </div>
+            <div class="card-tag-cloud">
+                <% site.tags.data.forEach(data => { %>
+                    <a href="<%= url_for(data.path) %>" style="font-size: 1em; color: #d3d3d3"><%= data.name %>
+                        <sup><%= data.length %></sup>
+                    </a>
+                <% }) %>
+            </div>
+        </div>
+    </div>
+</div>    

package/layout/post.ejs

@@ -0,0 +1,36 @@
+<main class="layout" id="content-inner">
+    <div id="post">
+        <article class="post-content" id="article-container">
+            <%- page.content %>
+        </article>
+        <%- partial('partial/compoment/post/copyright') %>
+
+        <div class="post-tools-right">
+            <div class="tag_share">
+                <div class="post-meta__tag-list">
+                    <% page.tags.data.forEach(data => { %>
+                        <a href="<%= url_for(data.path) %>" class="post-meta__tags">
+                            <span class="tags-punctuation"></span>
+                            <%= data.name %>
+                            <span class="tagsPageCount"><%= data.length %></span>
+                        </a>
+                    <% }) %>
+                </div>
+            </div>
+        </div>
+
+        <%- partial('partial/compoment/post/postNav') %>
+
+        <%- related_posts(page, site.posts) %>
+
+        <% if(page.comment){ %>
+            <%- partial('partial/compoment/third-party/comments/comment') %>
+        <% } %>
+    </div>
+
+    <%- partial('partial/compoment/aside/aside') %>
+
+    <% if(theme.ai.enable){ %>
+        <script type="text/javascript" src="/js/post_ai.js"></script>
+    <% } %>
+</main>