hexo-theme-solitude 1.0.0

package/layout/partial/compoment/hometop/topGroup.ejs

@@ -0,0 +1,48 @@
+<style type="text/css">
+    <!--.topGroup .todayCard::after {-->
+    <!--    box-shadow: 0 -109px 133px -9px <%- theme.hometop.recommendList.color %> inset;-->
+    <!--}-->
+
+    .todayCard-title,
+    .todayCard-tips,
+    .topGroup .banner-button {
+        color: #ffffff;
+    }
+
+    .topGroup .todayCard {
+        background: <%- theme.hometop.recommendList.color %>;
+    }
+</style>
+<% for (const post of site.posts.data.filter(item => item.recommend === true).slice(0,6)){ %>
+    <div class="recent-post-item">
+        <div class="post_cover left_radius">
+            <a href="<%= url_for(post.path) %>"
+                title="<%= post.title %>">
+                <span class="recent-post-top-text">荐</span>
+                <img class="post_bg"
+                    alt="<%= post.title %>" src="<%= post.cover %>" loading="lazy">
+            </a>
+        </div>
+        <div class="recent-post-info">
+            <a class="article-title" href="<%= url_for(post.path) %>"
+                title="<%= post.title %>"><%= post.title %>
+            </a>
+        </div>
+    </div> 
+<% } %>
+<div class="todayCard" id="todayCard" onclick="pjax.loadUrl('<%= theme.hometop.recommendList.url %>')"
+    style="z-index: 1;">
+    <div class="todayCard-info">
+        <div class="todayCard-tips"><%= theme.hometop.recommendList.sup %></div>
+        <div class="todayCard-title"><%= theme.hometop.recommendList.title %></div>
+    </div>
+    <div class="todayCard-cover nolazyload"
+        style="background: url('<%- theme.hometop.recommendList.img %>') no-repeat center /cover">
+    </div>
+    <div class="banner-button-group"><a class="banner-button"
+            onclick="window.event.cancelBubble=true;sco.hideTodayCard();">
+            <i class="scoicon ri-add-circle-fill"></i>
+            <span class="banner-button-text">更多推荐</span>
+        </a>
+    </div>
+</div>

package/layout/partial/compoment/inject/body.ejs

@@ -0,0 +1,57 @@
+<% const cdn = theme.cdn.body %>
+<%- js(cdn.pjaxjs) %>
+<% if(theme.lazyload.enable){ %>
+    <%- js(cdn.lazyloadjs) %>
+<% } %>
+<%- js(cdn.snackbarjs) %>
+<% if(theme.lightbox){ %>
+    <%- js(cdn.viewimagejs) %>
+<% } %>
+<% if(theme.hometop.bbtime){ %>
+    <%- css(cdn.swipercss) %>
+    <%- js(cdn.swiperjs) %>
+<% } %>
+<div id="js-pjax">
+    <% if(page.type === 'says' || page.type === 'album' || page.type === 'album_detail' ){ %>
+        <%- js(cdn.waterfalljs) %>
+        <script>
+            window.addEventListener('resize', utils.throttle(function () {
+                if (document.getElementById('waterfall')) {
+                    sco.reflashEssayWaterFall();
+                }
+            }), 500);
+        </script>
+    <% } %>
+    <% if(theme.thirdparty.busuanzi && (theme.aside.siteinfo.uv || theme.aside.siteinfo.pv)){ %>
+        <script async
+                src="<%= cdn.busuanzijs %>"></script>
+    <% } %>
+</div>
+<% if(theme.thirdparty.aplayer.enable){ %>
+    <%- css(cdn.aplayercss) %>
+    <%- js(cdn.aplayerjs) %>
+    <%- js(cdn.metingjs) %>
+    <script>
+        var meting_api = "<%- theme.thirdparty.aplayer.api %>";
+    </script>
+<% } %>
+<% if(theme.post.covercolor && !theme.post.covercolor.local){ %>
+    <%- js('/js/extend/covercolor/web') %>
+<% }else{ %>
+    <%- js('/js/extend/covercolor/local') %>
+<% } %>
+
+<% if(theme.footer.randomlink){ %>
+    <%- randomLinks() %>
+<% } %>
+
+<% if(theme.comment.enable){
+%>
+    <%- js('/js/extend/console/comment')
+    %>
+<% } %>
+
+<% if (page.katex){ %>
+    <% css(cdn.katexcss) %>
+    <% js(cdn.katexjs) %>
+<% } %>

package/layout/partial/compoment/inject/head.ejs

@@ -0,0 +1,19 @@
+<% const cdn = theme.cdn.head %>
+<% if(theme.verify.baidu){%>
+    <meta name="baidu-site-verification" content="<%- theme.verify.baidu %>" />
+<%} %>
+<% if(theme.loading.pace){ %>
+    <script data-pace-options="{ &quot;restartOnRequestAfter&quot;:false,&quot;eventLag&quot;:false}" src="<%= cdn.pacejs %>"></script>
+<% } %>
+<%- css(theme.icon.customicon) %>
+<%- css(cdn.remixicon) %>
+<%- css(cdn.snackbarcss) %>
+<% if(theme.comment.enable){ %>
+    <%- css('/css/commentBarrage') %>
+    <%- js(cdn.twikoojs) %>
+<% } %>
+<% if(theme.thirdparty.search.algolia_search.enable){ %>
+    <%- js(cdn.instantsearch) %>
+    <%- js(cdn.algolia) %>
+<% } %>
+<script type="text/javascript" src="/js/utils.js"></script>

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

@@ -0,0 +1,42 @@
+<div class="banners-title">
+    <div class="banners-title-small"><%= page.title %></div>
+    <div class="banners-title-big"><%= page.desc %></div>
+</div>
+<div class="banner-button-group">
+    <% if (theme.footer.randomlink){ %>
+        <a class="banner-button secondary" onclick="travelling()">
+            <i class="scoicon ri-signal-tower-fill"></i>
+            <span class="banner-button-text">随机访问</span>
+        </a>
+    <% } %>
+    <a class="banner-button" onclick="sco.scrollToComment()">
+        <i class="scoicon ri-arrow-right-circle-fill"></i>
+        <span class="scoicon banner-button-text">申请友链</span>
+    </a>
+</div>
+<div class="tags-group-all nowrapMove">
+    <div class="tags-group-wrapper">
+        <% const data = site.data.links.links %>
+        <% for (let i = 0; i < 2; i++){ %>
+            <% data.forEach(x => {
+            if (x.type === "item") {
+            x.link_list.forEach((y, index) => { %>
+                <% if(index % 2 === 0){ %>
+                <div class="tags-group-icon-pair">
+                    <% } %>
+                    <a class="tags-group-icon" href="<%= url_for(y.link) %>" title="<%= y.name %>">
+                        <img src="<%= y.avatar %>" title="<%= y.name %>">
+                    </a>
+                    <% if(index % 2 !== 0 || index === x.link_list.length - 1){ %>
+                </div>
+                <% } %>
+            <% })
+            }
+            }) %>
+        <% } %>
+    </div>
+</div>
+  
+  
+  
+

package/layout/partial/compoment/links/linksCard.ejs

@@ -0,0 +1,27 @@
+<div class="site-card-group">
+    <% data.forEach(item =>{ %>
+        <div class="site-card">
+            <% if(item.tag){ %>
+                <% if(item.vip){ %>
+                    <span class="site-card-tag vip"><%= item.tag %></span>
+                <% }else{ %>
+                    <span class="site-card-tag"><%= item.tag %></span>
+                <% } %>
+            <% } %>
+            <a class="img" itle="<%= item.name %>" href="<%= url_for(item.link) %>">
+                <img class="flink-avatar" src="<%= item.topimg %>" alt="<%= item.name %>">
+                <div class="img-alt is-center"><%= item.name %></div>
+            </a>
+            <a class="info cf-friends-link" title="<%= item.name %>" href="<%= url_for(item.link) %>">
+                <div class="site-card-avatar">
+                    <img class="flink-avatar cf-friends-avatar" src="<%= item.avatar %>" alt="<%= item.name %>">
+                    <div class="img-alt is-center"><%= item.name %></div>
+                </div>
+                <div class="site-card-text">
+                    <span class="title cf-friends-name"><%= item.name %></span>
+                    <span class="desc" title="<%= item.descr %>"><%= item.descr %></span>
+                </div>
+            </a>
+        </div>
+    <% }) %>
+</div>

package/layout/partial/compoment/links/linksItem.ejs

@@ -0,0 +1,21 @@
+<div class="flink-list">
+    <% data.forEach(item =>{ %>
+        <div class="flink-list-item">
+            <a class="cf-friends-link" href="<%= url_for(item.link) %>" title="<%= item.name %>">
+                <% if(item.tag){ %>
+                    <% if(item.vip){ %>
+                        <span class="site-card-tag vip"><%= item.tag %></span>
+                    <% }else{ %>
+                        <span class="site-card-tag"><%= item.tag %></span>
+                    <% } %>
+                <% } %>
+                <img class="flink-avatar cf-friends-avatar" alt="<%= item.name %>" src="<%= item.avatar %>">
+                <div class="img-alt is-center"><%= item.name %></div>
+                <div class="flink-item-info">
+                    <span class="flink-item-name cf-friends-name"><%= item.name %></span>
+                    <span class="flink-item-desc" title="<%= item.descr %>"><%= item.descr %></span>
+                </div>
+            </a>
+        </div>
+    <% }) %>    
+</div>

package/layout/partial/compoment/mixins/articleSort.ejs

@@ -0,0 +1,26 @@
+<% let year %>
+<% page.posts.data.forEach(post => { %>
+    <% if(year !== moment(post.date).year()){ year = moment(post.date).year() %>
+        <div class="article-sort-item year"><%= year %></div>
+    <% } %>
+    <div class="article-sort-item">
+        <a class="article-sort-item-img" href="<%= url_for(post.path) %>" title="<%= post.title %>">
+            <img src="<%= post.cover %>"
+                alt="<%= post.title %>">
+        </a>
+        <div class="article-sort-item-info">
+            <a class="article-sort-item-title" href="<%= url_for(post.path) %>" title="<%= post.title %>"
+                onclick="window.event.cancelBubble=true;">
+                <%= post.title %>
+            </a>
+            <div class="article-sort-item-tags">
+                <% post.tags.data.forEach(tags => { %>
+                    <a class="article-meta__tags" href="<%= url_for(tags.path) %>" onclick="window.event.cancelBubble=true;">
+                        <span class="tags-punctuation"></span>
+                        <%= tags.name %>
+                    </a>
+                <% }) %>
+            </div>
+        </div>
+    </div>
+<% }); %>

package/layout/partial/compoment/mixins/pagination.ejs

@@ -0,0 +1,11 @@
+<nav id="pagination">
+    <div class="pagination">
+        <% const options = {
+            mid_size: 1,
+            escape: false,
+            next_text: '<div class="pagination_tips_next">下页</div> <i class="scoicon ri-arrow-right-s-line"></i>',
+            prev_text: '<i class="scoicon ri-arrow-left-s-line"></i> <div class="pagination_tips_prev">上页</div>'
+        } %>
+        <%- paginator(options) %>
+    </div>
+</nav>

package/layout/partial/compoment/nav/left.ejs

@@ -0,0 +1,22 @@
+<div class="back-menu-list-groups">
+    <% for(const x in theme.nav.left.menu){ %>
+      <% const groupData=theme.nav.left.menu[x] %>
+      <div class="back-menu-list-group">
+        <div class="back-menu-list-title">
+          <%= x %>
+        </div>
+        <div class="back-menu-list">
+          <% for(const y in groupData){ %>
+            <% const data=groupData[y] %>
+            <a class="back-menu-item" href="<%= url_for(data.url) %>" rel="external nofollow" title="<%= y %>">
+              <img class="back-menu-item-icon" src="<%= data.icon %>" loading="lazy">
+              <span class="back-menu-item-text">
+                <%= y %>
+              </span>
+            </a>
+          <% } %>
+        </div>
+      </div>
+    <% } %>
+  </div>
+  

package/layout/partial/compoment/nav/menu.ejs

@@ -0,0 +1,25 @@
+<div class="menus_items">
+    <% for(const x in theme.nav.menu){ %>
+        <div class="menus_item">
+            <% if(!theme.nav.menu[x].url){ %>
+                <a class="site-page" href="javascript:void(0);" rel="external nofollow">
+                    <span> <%= x %></span>
+                </a>
+                <ul class="menus_item_child">
+                    <% for(y in theme.nav.menu[x].child){ %>
+                        <li>
+                            <a class="site-page child" href="<%- url_for(theme.nav.menu[x].child[y].url) %>">
+                                <i class="<%- theme.nav.menu[x].child[y].icon %>"></i>
+                                <span> <%= y %></span>
+                            </a>
+                        </li>
+                    <% } %>
+                </ul>
+            <% } else { %>
+                <a class="site-page not-child" href="<%- url_for(theme.nav.menu[x].url) %>" rel="external nofollow">
+                    <span> <%= x %></span>
+                </a>
+            <% } %> 
+        </div>
+    <% } %>
+</div>

package/layout/partial/compoment/nav/right.ejs

@@ -0,0 +1,42 @@
+<% if(theme.nav.right.travellings){ %>
+    <div class="nav-button only-home" id="travellings_button">
+        <a class="site-page"  target="_blank" rel="noopener external nofollow" href="https://www.travellings.cn/go.html" title="开往-友链接力"  width="120">
+            <i class="scoicon ri-subway-line" style="font-size: 1rem;"></i>
+        </a>
+    </div>
+<% } %>
+<% if(theme.nav.right.random){ %>
+    <div class="nav-button" id="randomPost_button">
+        <a class="site-page" onclick="toRandomPost()"
+            title="随机前往一个文章">
+            <i class="scoicon ri-signal-tower-fill" style="font-size: 1rem;"></i>
+        </a>
+    </div>
+<% } %>
+<% if(theme.thirdparty.search.algolia_search.enable || theme.thirdparty.search.local_search.enable){ %>
+    <div class="nav-button" id="search-button">
+        <a class="site-page social-icon search" title="站内搜索"
+            href="javascript:void(0);" rel="external nofollow">
+            <i class="scoicon ri-search-2-line" style="font-size: 1rem;"></i>
+        </a>
+    </div>
+<% } %>
+<% if(theme.nav.right.console){ %>
+    <div class="nav-button" id="nav-console">
+        <a class="console_switchbutton" onclick="sco.showConsole()"
+        title="显示中控台" href="javascript:void(0);" rel="external nofollow">
+        <i class="scoicon ri-layout-masonry-fill" style="font-size: 1rem;"></i>
+        </a>
+    </div>
+<% } %>
+<div class="nav-button" id="nav-totop" onclick="sco.toTop()">
+    <a class="totopbtn">
+        <i class="scoicon ri-arrow-up-line"></i>
+        <span id="percent">0</span>
+    </a>
+</div>
+<div id="toggle-menu">
+    <a class="site-page">
+        <i class="scoicon ri-menu-fill" style="font-size: 1rem;"></i>
+    </a>
+</div>

package/layout/partial/compoment/post/award.ejs

@@ -0,0 +1,52 @@
+<div class="post-reward">
+    <div class="reward-button button--animated" title="赞赏作者">
+        <script>
+            if (utils.isMobile()) {
+                const showReward = () => {
+                    const rewardMain = document.querySelector('.reward-main');
+                    rewardMain.style.display = 'flex';
+                    document.addEventListener('touchstart', hideReward);
+                };
+                const hideReward = () => {
+                    const rewardMain = document.querySelector('.reward-main');
+                    rewardMain.style.display = 'none';
+                    document.removeEventListener('touchstart', hideReward);
+                };
+                const rewardButton = document.querySelector('.reward-button');
+                rewardButton.addEventListener('touchstart', event => {
+                    event.stopPropagation();
+                    showReward();
+                });
+            }
+        </script>
+        <i class="heofont icon-hand-heart-fill"></i>
+        打赏作者
+    </div>
+    <div class="reward-main">
+        <ul class="reward-all">
+            <span class="reward-title">感谢你赐予我前进的力量</span>
+            <ul class="reward-group">
+                <% if(theme.post.award.wechat){ %>
+                    <li class="reward-item">
+                        <a href="<%= theme.post.award.wechat %>" target="_blank">
+                            <img class="post-qr-code-img" src="<%= theme.post.award.wechat %>" alt="微信">
+                        </a>
+                        <div class="post-qr-code-desc">微信</div>
+                    </li>
+                <% } %>
+                <% if(theme.post.award.alipay){ %>
+                    <li class="reward-item">
+                        <a href="<%= theme.post.award.alipay %>" target="_blank">
+                            <img class="post-qr-code-img" src="<%= theme.post.award.alipay %>" alt="支付宝">
+                        </a>
+                        <div class="post-qr-code-desc">支付宝</div>
+                    </li>
+                <% } %>
+            </ul>
+            <a class="reward-main-btn" href="<%= url_for(theme.post.award.url) %>">
+                <div class="reward-text">赞赏者名单</div>
+                <div class="reward-dec">因为你们的支持让我意识到写文章的价值🙏</div>
+            </a>
+        </ul>
+    </div>
+</div>

package/layout/partial/compoment/post/copyright.ejs

@@ -0,0 +1,37 @@
+<div class="post-copyright">
+    <div class="post-copyright__author_group">
+        <a class="post-copyright__author_img" href="/about/"
+           data-pjax-state="">
+            <img class="post-copyright__author_img_back"
+                 src="https://bu.dusays.com/2023/11/01/6541f6d4b2573.png">
+            <img class="post-copyright__author_img_front"
+                 src="<%= theme.site.icon %>"></a>
+        <div class="post-copyright__author_name"><%= config.title %></div>
+        <div class="post-copyright__author_desc"><%= config.subtitle %></div>
+    </div>
+    <div class="post-tools" id="post-tools">
+        <div class="post-tools-left">
+            <% if(theme.post.award.enable){%>
+                <%- partial('/award', {cache: true}) %>
+            <%} %>
+            <div class="reward-link mode">
+                <a class="reward-link-button" href="<%= theme.footer.rss.url %>">
+                    <i class="heofont icon-plant-fill"></i>
+                    订阅
+                </a>
+            </div>
+        </div>
+    </div>
+    <div class="post-copyright__notice">
+        <span class="post-copyright-info">
+            本文是<%= page.cc || theme.post.default.copyright %>文章，
+            <% if(page.cc === "转载或翻译"){ %>
+                版权归原作者所有。转载本文请联系原作者。
+            <% }else{ %>
+                采用 <a href="/copyright/" target="_blank">CC BY-NC-ND 4.0</a>
+                协议，完整转载请注明来自
+                <a href="/" target="_blank"><%= config.title %></a>
+            <% } %>
+        </span>
+    </div>
+</div>

package/layout/partial/compoment/post/postMeta.ejs

@@ -0,0 +1,83 @@
+<div class="coverdiv" id="coverdiv">
+    <img id="post-cover" class="nolazyload" src="<%= page.cover %>" alt="cover">
+</div>
+<div id="post-info">
+    <div id="post-firstinfo">
+        <div class="meta-firstline">
+            <a class="post-meta-original" title="该文章为<%= page.cc %>文章，注意版权协议">
+                <%= page.cc %>
+            </a>
+            <% if (page.categories.data.length) { %>
+            <span class="post-meta-categories">
+                <% page.categories.data.forEach(item => { %>
+                    <a class="post-meta-categories" href="<%= url_for(item.path) %>"><%= item.name %></a>
+                <% }) %>
+            </span>
+            <% } %>
+            <div class="tag_share">
+                <div class="post-meta__tag-list">
+                    <% page.tags.data.forEach(tags => { %>
+                        <a class="post-meta__tags" href="<%= url_for(tags.path) %>">
+                            <span class="tags-punctuation"></span>
+                            <span class="tags-name"><%= tags.name %></span>
+                        </a>
+                    <% }) %>
+                </div>
+            </div>
+        </div>
+    </div>
+    <h1 class="post-title"><%= page.title %></h1>
+    <div id="post-meta">
+        <div class="meta-secondline">
+            <span class="post-meta-date" title="发布于">
+                <i class="post-meta-icon ri-calendar-todo-fill"></i>
+                <time datetime="<%= moment(page.date).format() %>"></time>
+            </span>
+            <% if(theme.post.meta.updated){ %>
+                <span class="post-meta-date" title="更新于">
+                    <i class="post-meta-icon ri-refresh-line"></i>
+                    <time datetime="<%= moment(page.updated).format() %>"></time>
+                </span>
+            <% } %>
+            <% if(theme.post.meta.locate){ %>
+                <span class="post-meta-position" title="作者IP归属地为<%= page.locate %>">
+                    <i class="post-meta-icon ri-map-pin-fill"></i>
+                    <span><%= page.locate %></span>
+                </span>
+            <% } %>
+            <% if(theme.thirdparty.wordcount){ %>
+                <% if(theme.post.meta.wordcount){ %>
+                    <span class="post-meta-wordcount">
+                        <i class="ri-file-word-fill post-meta-icon" title="文章字数"></i>
+                        <span class="word-count"><%= wordcount(page.content) %></span>
+                    </span>
+                <% } %>
+                <% if(theme.post.meta.readtime){ %>
+                    <span class="post-meta-time">
+                        <i class="ri-time-fill post-meta-icon" title="阅读耗时"></i>
+                        <span><%= min2read(page.content) %> min</span>
+                    </span>
+                <% } %>
+            <% } %>
+            <% if(theme.thirdparty.busuanzi.enable && theme.post.meta.pv){ %>
+                <span class="post-meta-pv" title="文章热度">
+                    <i class="ri-fire-fill post-meta-icon"></i>
+                    <% if(theme.thirdparty.busuanzi.usecomment){ %>
+                        <span id="twikoo_visitors"><i class="ri-loader-2-fill"></i></span>
+                    <% }else{ %>
+                        <span id="busuanzi_value_page_pv"><i class="ri-loader-2-fill"></i></span>
+                    <% } %>        
+                </span>
+            <% } %>
+            <% if(theme.post.meta.comment && page.comment){ %>
+                <span class="post-meta-commentcount" title="评论数">
+                    <i class="ri-message-fill"></i>
+                    <a href="#post-comment">
+                        <span id="twikoo-count"><i class="ri-loader-2-fill"></i></span>
+                    </a>
+                </span>
+            <% } %>    
+        </div>
+    </div>
+</div>
+<%- partial('partial/compoment/post/wave', {cache: true}) %>

package/layout/partial/compoment/post/postNav.ejs

@@ -0,0 +1,41 @@
+<nav class="needEndHide pagination-post" id="pagination">
+    <% if(page.prev && page.next){ %>
+        <div class="prev-post pull-left">
+            <a href="<%= url_for(page.prev.path) %>">
+                <div class="pagination-info">
+                    <div class="label">上一篇</div>
+                    <div class="prev_info"><%= page.prev.title %></div>
+                </div>
+            </a>
+        </div>
+        <div class="next-post pull-right">
+            <a href="<%= url_for(page.next.path) %>">
+                <div class="pagination-info">
+                    <div class="label">下一篇</div>
+                    <div class="next_info"><%= page.next.title %></div>
+                </div>
+            </a>
+        </div>
+    <% }else{ %>
+        <% if(!page.prev && page.next){ %>
+            <div class="next-post pull-full">
+                <a href="<%= url_for(page.next.path) %>">
+                    <div class="pagination-info">
+                        <div class="label">下一篇</div>
+                        <div class="next_info"><%= page.next.title %></div>
+                    </div>
+                </a>
+            </div>
+        <% } %>        
+        <% if(!page.next && page.prev){ %>
+            <div class="prev-post pull-full">
+                <a href="<%= url_for(page.prev.path) %>">
+                    <div class="pagination-info">
+                        <div class="label">上一篇</div>
+                        <div class="prev_info"><%= page.prev.title %></div>
+                    </div>
+                </a>
+            </div>
+        <% } %>
+    <% } %>
+</nav>

package/layout/partial/compoment/post/wave.ejs

@@ -0,0 +1,14 @@
+<section class="main-hero-waves-area waves-area"><svg class="waves-svg" xmlns="http://www.w3.org/2000/svg"
+    xlink="http://www.w3.org/1999/xlink" viewBox="0 24 150 28" preserveAspectRatio="none" shape-rendering="auto">
+    <defs>
+        <path id="gentle-wave"
+            d="M -160 44 c 30 0 58 -18 88 -18 s 58 18 88 18 s 58 -18 88 -18 s 58 18 88 18 v 44 h -352 Z"></path>
+    </defs>
+    <g class="parallax">
+        <use href="#gentle-wave" x="48" y="0"></use>
+        <use href="#gentle-wave" x="48" y="3"></use>
+        <use href="#gentle-wave" x="48" y="5"></use>
+        <use href="#gentle-wave" x="48" y="7"></use>
+    </g>
+</svg>
+</section>

package/layout/partial/compoment/says/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/compoment/says/saysBottom.ejs

@@ -0,0 +1,18 @@
+<div class="bber-bottom">
+    <div class="bber-info">
+        <div class="bber-info-time">
+            <i class="ri-time-fill"></i>
+            <time class="datetime" datetime="<%= moment(item.date).format() %>"></time>
+        </div>
+        <% if(item.link){ %>
+            <a class="bber-content-link" href="<%= url_for(item.link) %>" title="跳转到短文指引的链接">
+                <i class="ri-link-m"></i>
+                链接
+            </a>   
+        <% } %> 
+    </div>
+    <a class="bber-reply" onclick="sco.toTalk('<%- item.content %>')" >
+        <i class="ri-message-3-fill" style="font-size: 1rem;">
+        </i>
+      </a>
+</div>

package/layout/partial/compoment/says/saysContent.ejs

@@ -0,0 +1,11 @@
+<div id="bber-content">
+    <p class="datacont"><%- item.content %></p>
+    <% if(item.image){ %>
+        <div class="bber-content-img">
+            <% item.image.forEach(img => { %>
+                <img src="<%= img %>" title="即刻短文配图">
+            <% }); %>
+            </a>
+        </div>
+    <% } %>
+</div>

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

@@ -0,0 +1,12 @@
+<div id="post-comment" view-image>
+    <div class="comment-head">
+        <div class="comment-headline">
+            <i class="scoicon ri-message-fill"></i>
+            <span> 评论</span>
+        </div>
+    </div>
+    <div class="comment-wrap">
+        <div id="comment"></div>
+        <%- partial('partial/compoment/third-party/comments/twikoo', {cache: true}) %>
+    </div>
+</div>