hexo-theme-solitude 1.0.0

package/layout/partial/compoment/aside/aside.ejs

@@ -0,0 +1,28 @@
+<div class="aside-content" id="aside-content">
+    <% 
+        var noSticky, Sticky;
+        if(is_home()){
+            noSticky = theme.aside.home.noSticky.split(',') 
+            Sticky = theme.aside.home.Sticky.split(',')    
+        }
+        if(is_post()){
+            noSticky = theme.aside.post.noSticky.split(',')   
+            Sticky = theme.aside.post.Sticky.split(',')   
+        }
+        if(is_page() || is_archive() || is_tag() || is_category()){
+            noSticky = theme.aside.page.noSticky.split(',')   
+            Sticky = theme.aside.page.Sticky.split(',') 
+        }
+    %>
+    <% if(noSticky)noSticky.forEach(item => { %>
+        <%- partial('partial/compoment/aside/asideSwitch', {item: item}) %>
+    <% }); %>
+    <div class="sticky_layout">
+        <% if(page.toc){ %>
+            <%- partial('partial/compoment/aside/asideToc') %>
+        <% } %>    
+        <% if(Sticky)Sticky.forEach(item => { %>
+            <%- partial('partial/compoment/aside/asideSwitch', {item: item}) %>
+        <% }); %>
+    </div>
+</div>

package/layout/partial/compoment/aside/asideAllInfo.ejs

@@ -0,0 +1,6 @@
+<div class="card-widget card-tags card-archives card-webinfo card-allinfo">
+    <%- partial('partial/compoment/aside/asideTag', {cache: true}) %>
+    <%- partial('partial/compoment/aside/asideArchive', {cache: true}) %>
+    <hr>
+    <%- partial('partial/compoment/aside/asideWebInfo', {cache: true}) %>
+</div>

package/layout/partial/compoment/aside/asideArchive.ejs

@@ -0,0 +1,11 @@
+<ul class="card-archive-list">
+    <% var type = locals.type ? locals.type : 'year'; %>
+    <% for(const [key, value] of Object.entries(getArchiveLength(type))){ %>
+        <li class="card-archive-list-item"><a class="card-archive-list-link" onclick="pjax.loadUrl('/archives/<%= key %>/')" data-pjax-state=""><span
+            class="card-archive-list-date"><%= key %></span>
+            <div class="card-archive-list-count-group"><span class="card-archive-list-count"><%= value %></span><span
+                    class="card-archive-list-count-unit">篇</span></div>
+            </a>
+        </li>
+    <% } %>    
+</ul>

package/layout/partial/compoment/aside/asideFlipCard.ejs

@@ -0,0 +1,8 @@
+<div class="card-widget heo-right-widget" id="card-wechat">
+    <div id="flip-wrapper">
+        <div id="flip-content">
+            <div class="face" style="background: url(<%= theme.aside.flip.face %>) center center no-repeat; background-size: 100%;"></div>
+            <div class="back face" style="background: url(<%= theme.aside.flip.backface %>) center center no-repeat;background-size: 100%"></div>
+        </div>
+    </div>
+</div>

package/layout/partial/compoment/aside/asideInfoCard.ejs

@@ -0,0 +1,39 @@
+<div class="card-widget card-info">
+    <div class="card-content">
+        <div class="card-info-avatar is-center">
+            <div class="author-info__top-group">
+                <div class="author-info__sayhi" id="author-info__sayhi" onclick="sco.changeSayHelloText()">
+                    一日之计在于晨
+                </div>
+            </div>
+        </div>
+        <div class="avatar-img-group">
+            <img class="avatar-img" alt="avatar" src="<%= theme.aside.card.author.img %>">
+            <div class="avatar-sticker">
+                <svg class="avatar-sticker-img"  alt="avatar" aria-hidden="true">
+                    <use xlink:href="<%= theme.aside.card.author.state %>"></use>
+                </svg>
+                <%- js(theme.aside.card.author.js) %>
+            </div>
+        </div>
+        <div class="author-info__description_group">
+            <div class="author-info__description"><%- theme.aside.card.content %></div>
+            <div class="author-info__description2"><%- theme.aside.card.content2 %></div>
+        </div>
+        <div class="author-info__bottom-group">
+            <a class="author-info__bottom-group-left" href="/about" data-pjax-state="">
+                <div class="author-info__name">
+                    <%= config.author %>
+                </div>
+                <div class="author-info__desc"><%- config.subtitle %></div>
+            </a>
+            <div class="card-info-social-icons is-center">
+                <% for(const i in theme.aside.card.information){ %>
+                    <a class="social-icon" href="<%= url_for(theme.aside.card.information[i].url) %>" title="<%= i %>">
+                        <i class="<%= theme.aside.card.information[i].icon %>"></i>
+                    </a>
+                <% } %>
+            </div>
+        </div>
+    </div>
+</div>

package/layout/partial/compoment/aside/asideNewestPost.ejs

@@ -0,0 +1,31 @@
+<div class="card-widget card-recent-post">
+    <div class="item-headline">
+        <i class="ri-map-2-line"></i>
+        <span>最近发布</span>
+    </div>
+    <div class="aside-list">
+        <% let index = 1 %>
+        <% for (const post of site.posts.data.sort((a, b) => {
+            return b.date < a.date ? -1 : 1
+        })){ %>
+            <div class="aside-list-item">
+                <a class="thumbnail" href="<%= url_for(post.path) %>" title="<%= post.title %>">
+                    <img
+                        alt="<%= post.title %>"
+                        src="<%= post.cover %>">
+                </a>
+                <div class="content">
+                    <% post.categories.data.forEach(categories => { %>
+                        <a class="article-recent_post_categories" href="<%= url_for(post.path) %>">
+                            <%= categories.name %>
+                        </a>
+                    <% }) %>
+                    <a class="title" href="<%= url_for(post.path) %>" title="<%= post.title %>">
+                        <%= post.title %>
+                    </a>
+                </div>
+            </div>
+            <% index++;if(index > 5)break; %>    
+        <% } %>
+    </div>
+</div>

package/layout/partial/compoment/aside/asidePower.ejs

@@ -0,0 +1,31 @@
+<div class="card-widget card-power">
+    <% const data = site.data.aifadian.links %>
+    <% const vip = data[Math.floor(Math.random() * data.length)] %>
+    <div class="item-headline">
+        <img src="/img/power.png" style="width: 1.2rem">
+        <span>爱发电赞助</span>
+        <a class="power-charge" href="<%= theme.aside.power.link %>" rel="external nofollow" target="_blank"
+           title="赞助博主">赞助</a>
+    </div>
+    <a id="power-star" data-pjax-state="" href="<%= vip.url %>>">
+        <div id="power-star-image"
+             style="background-image: url('<%= vip.avatar %>');"></div>
+        <div class="power-star-body">
+            <div id="power-star-title"><%= vip.name %></div>
+            <div id="power-star-desc"><%= vip.descr %></div>
+        </div>
+    </a>
+    <div class="power-list">
+        <div class="power-item">
+            <div class="power-item-body">
+                <% data.forEach(item => { %>
+                    <% if(item.name !== vip.name){ %>
+                        <div class="power-item-link">
+                            <a target="_blank" href="<%= item.link %>" rel="external nofollow"><%= item.name %></a>
+                        </div>
+                    <% } %>
+                <% }) %>
+            </div>
+        </div>
+    </div>
+</div>

package/layout/partial/compoment/aside/asideSwitch.ejs

@@ -0,0 +1,35 @@
+<% switch (item) {
+    case 'power': %>
+        <%- partial('partial/compoment/aside/asidePower', {cache: true}) %>
+    <% break;
+    case 'about': %>
+        <%- partial('partial/compoment/aside/asideInfoCard', {cache: true}) %>
+    <% break;
+    case 'flip': %>
+        <%- partial('partial/compoment/aside/asideFlipCard', {cache: true}) %>
+    <% break;
+    case 'newestPost': %>
+        <%- partial('partial/compoment/aside/asideNewestPost', {cache: true}) %>
+    <% break;
+    case 'tag': %>
+        <div class="card-widget card-tags">
+            <%- partial('partial/compoment/aside/asideTag', {cache: true}) %>
+        </div>
+    <% break;
+    case 'archive': %>
+        <div class="card-widget card-archives">
+            <%- partial('partial/compoment/aside/asideArchive', {cache: true}) %>
+        </div>
+    <% break;
+    case 'webInfo': %>
+        <div class="card-widget card-webinfo">
+            <%- partial('partial/compoment/aside/asideWebInfo', {cache: true}) %>
+        </div>
+    <% break;
+    case 'allInfo': %>
+        <%- partial('partial/compoment/aside/asideAllInfo', {cache: true}) %>
+    <% break;
+    default: %>
+        <%- partial('page/page') %>
+    <% break;
+} %> 

package/layout/partial/compoment/aside/asideTag.ejs

@@ -0,0 +1,5 @@
+<div class="card-tag-cloud">
+    <% site.tags.data.slice(0, 50).forEach((data, index) => { %>
+        <a href="<%= url_for(data.path) %>" style="font-size: 0.8rem; color: #d3d3d3"><%= data.name %><sup><%= data.length %></sup></a>
+    <% }) %>
+</div>

package/layout/partial/compoment/aside/asideToc.ejs

@@ -0,0 +1,11 @@
+<div class="card-widget" id="card-toc">
+    <div class="item-headline">
+        <i class="ri-menu-fill"></i>
+        <span>文章目录</span>
+    </div>
+    <div class="toc-content" id="toc-content">
+        <%- toc(page.content, {
+            list_number: false,
+        }) %>
+    </div>
+</div>

package/layout/partial/compoment/aside/asideWebInfo.ejs

@@ -0,0 +1,60 @@
+<div class="webinfo">
+    <% if(theme.aside.siteinfo.postcount){ %>
+        <div class="webinfo-item">
+            <div class="webinfo-item-title">
+                <i class="item-icon ri-archive-fill"></i>
+                <div class="item-name">文章总数 :</div>
+            </div>
+            <div class="item-count"><%= site.posts.length %></div>
+        </div>
+    <% } %>
+    <% if(theme.thirdparty.busuanzi){ %>
+        <% if(theme.aside.siteinfo.pv){ %>
+            <div class="webinfo-item">
+                <div class="webinfo-item-title">
+                    <i class="item-icon ri-window-fill"></i>
+                    <div class="item-name">总访问数 :</div>
+                </div>
+                <span id="busuanzi_value_site_pv"><i class="ri-loader-2-fill"></i></span>
+            </div>
+        <% } %>
+        <% if(theme.aside.siteinfo.uv){ %>
+            <div class="webinfo-item">
+                <div class="webinfo-item-title">
+                    <i class="item-icon ri-team-fill"></i>
+                    <div class="item-name">总访客数 :</div>
+                </div>
+                <span id="busuanzi_value_site_uv"><i class="ri-loader-2-fill"></i></span>
+            </div>
+        <% } %>
+    <% } %>
+    <% if(theme.aside.siteinfo.runtimeenable){ %>
+        <div class="webinfo-item">
+            <div class="webinfo-item-title">
+                <i class="item-icon ri-calendar-todo-fill"></i>
+                <div class="item-name">建站天数 :</div>
+            </div>
+            <div class="item-count" id="runtimeshow">
+            </div>
+        </div>
+    <% } %>
+    <% if(theme.aside.siteinfo.updatetime){ %>
+        <div class="webinfo-item">
+            <div class="webinfo-item-title">
+                <i class="item-icon ri-loop-left-fill"></i>
+                <div class="item-name">最后更新 :</div>
+            </div>
+            <time class="item-count" datetime="<%= new Date() %>">
+            </time>
+        </div>
+    <% } %>
+    <% if(theme.thirdparty.wordcount && theme.aside.siteinfo.wordcount){ %>
+        <div class="webinfo-item">
+            <div class="webinfo-item-title">
+                <i class="item-icon ri-file-word-fill"></i>
+                <div class="item-name">全站字数 :</div>
+            </div>
+            <div class="item-count"><%= totalcount(site) %></div>
+        </div>
+    <% } %>
+</div>

package/layout/partial/compoment/circle/angle.ejs

@@ -0,0 +1,26 @@
+<div class="title-h2-a">
+    <div class="title-h2-a-left">
+        <h2 style="padding-top: 0;margin:0.6rem 0 0.6rem;">🎣 钓鱼</h2>
+        <a id="random-post-start" href="javascript:fetchRandomPost();" rel="external nofollow"
+           style="transition-duration: 0.3s; transform: rotate(63000deg); opacity: 1;" data-pjax-state="">
+            <i class="scoicon ri-refresh-line"></i>
+        </a>
+    </div>
+    <div class="title-h2-a-right"><a class="random-post-all" href="/links/" data-pjax-state="">全部友链</a></div>
+</div>
+<div id="random-post"></div>
+
+<div class="title-h2-a">
+    <div class="title-h2-a-left">
+        <h2 style="padding-top: 0;margin:0.6rem 0 0.6rem;">🐟 鱼塘</h2>
+    </div>
+    <div class="title-h2-a-right"><span>以下内容自动生成，未经过审核</span></div>
+</div>
+<script>
+    var fdata = {
+        apiurl: "<%= theme.circle.api %>",
+        defaultFish: 100,
+        hungryFish: 100,
+    }
+</script>
+<script type="text/javascript" src="/lib/friends_post.js"></script>

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

@@ -0,0 +1,11 @@
+<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">使用 友链朋友圈 订阅友链最新文章</div>
+            <div class="tips"></div>
+        </div>
+    </div>
+</div>

package/layout/partial/compoment/circle/content.ejs

@@ -0,0 +1,22 @@
+<div id="hexo-circle-of-friends-root"></div>
+<script>
+    let UserConfig = {
+        // 填写你的api地址
+        private_api_url: '<%= theme.circle.api %>',
+        // 默认加载文章数
+        page_init_number: <%= theme.circle.page_init_number%>,
+        // 点击加载更多时，一次最多加载几篇文章，默认10
+        page_turning_number: <%= theme.circle.page_turning_number %>,
+        // 头像加载失败时，默认头像地址
+        error_img: '<%= theme.circle.error_img %>',
+        // 进入页面时第一次的排序规则
+        sort_rule: '<%= theme.circle.sort_rule %>',
+        // 本地文章缓存数据过期时间（天）
+        expire_days: <%= theme.circle.expire_days %>,
+    }
+</script>
+<script type="text/javascript"
+    src="<%= theme.circle.appjs ? theme.circle.appjs : '/js/circle.js' %>"    rel="external nofollow"></script>
+<script type="text/javascript"
+    src="<%= theme.circle.bundejs ? theme.circle.bundejs : 'https://npm.elemecdn.com/wzheo-absolute@1.0.3/lib/bundle.min.js' %>"
+    rel="external nofollow"></script>

package/layout/partial/compoment/dorakika/rightmenu.ejs

@@ -0,0 +1,115 @@
+<div id="rightMenu">
+    <div class="rightMenu-group rightMenu-small">
+        <a class="rightMenu-item" href="javascript:window.history.back();">
+            <i class="scoicon ri-arrow-left-circle-fill"></i>
+        </a>
+        <a class="rightMenu-item" href="javascript:window.history.forward();">
+            <i class="scoicon ri-arrow-right-circle-fill"></i>
+        </a>
+        <a class="rightMenu-item" href="javascript:window.location.reload();">
+            <i class="scoicon ri-restart-fill"></i>
+        </a>
+        <a class="rightMenu-item" href="javascript:sco.toTop();">
+            <i class="scoicon ri-arrow-up-circle-fill"></i>
+        </a>
+    </div>
+    <div class="rightMenu-group rightMenu-line hide" id="menu-text">
+        <a class="rightMenu-item" href="javascript:rmf.copySelect();">
+            <i class="scoicon ri-file-copy-fill"></i>
+            <span>复制选中文本</span>
+        </a>
+    </div>
+    <div class="rightMenu-group rightMenu-line">
+        <a class="rightMenu-item" href="javascript:toRandomPost();">
+            <i class="scoicon ri-signal-tower-fill"></i>
+            <span>随便逛逛</span>
+        </a>
+        <a class="rightMenu-item" href="/categories/">
+            <i class="scoicon ri-send-backward"></i>
+            <span>文章分类</span>
+        </a>
+        <a class="rightMenu-item" href="/tags/">
+            <i class="scoicon ri-price-tag-3-fill"></i>
+            <span>文章标签</span>
+        </a>
+    </div>
+    <div class="rightMenu-group rightMenu-line">
+        <a class="rightMenu-item" href="javascript:sco.switchDarkMode();">
+            <i class="scoicon ri-contrast-2-fill"></i>
+            <span>昼夜转换</span>
+        </a>
+        <a class="rightMenu-item" href="javascript:sco.copyPageUrl();">
+            <i class="scoicon ri-external-link-fill"></i>
+            <span>复制地址</span>
+        </a>
+        <% if(theme.comment.enable){ %>
+            <a class="rightMenu-item" href="javascript:sco.switchCommentBarrage()">
+                <i class="scoicon ri-message-3-fill"></i>
+                <span class="menu-commentBarrage-text">关闭热评</span>
+            </a>
+        <% } %>
+    </div>
+</div>
+<script>
+    let rmf = {};
+    rmf.showRightMenu = function (isTrue, x = 0, y = 0) {
+        let rightMenu = document.getElementById('rightMenu');
+        rightMenu.style.top = x + 'px';
+        rightMenu.style.left = y + 'px';
+
+        if (isTrue) {
+            rightMenu.style.display = 'block';
+        } else {
+            rightMenu.style.display = 'none';
+        }
+    }
+
+    //复制选中文字
+    rmf.copySelect = function () {
+        document.execCommand('Copy', false, null);
+        //这里可以写点东西提示一下 已复制
+    }
+
+    rmf.hideRightMenu = function () {
+        rmf.showRightMenu(false);
+        document.getElementById("rightmenu-item").style.display = "none";
+    };
+
+    rmf.rightmenuCopyText = function (e) {
+        navigator.clipboard && navigator.clipboard.writeText(e),
+            rmf.hideRightMenu()
+    }
+
+    // 右键菜单事件
+    if (!(navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i))) {
+        window.oncontextmenu = function (event) {
+            let rightMenuGroup = document.querySelectorAll('.rightMenu-group.hide');
+            rightMenuGroup.forEach(function (group) {
+                group.style.display = 'none';
+            });
+
+            //如果有文字选中，则显示 文字选中相关的菜单项
+            if (document.getSelection().toString()) {
+                document.getElementById('menu-text').style.display = 'block';
+            }
+
+            let pageX = event.clientX + 10;
+            let pageY = event.clientY;
+            let rmWidth = document.getElementById('rightMenu').offsetWidth;
+            let rmHeight = document.getElementById('rightMenu').offsetHeight;
+            if (pageX + rmWidth > window.innerWidth) {
+                pageX -= rmWidth + 10;
+            }
+            if (pageY + rmHeight > window.innerHeight) {
+                pageY -= pageY + rmHeight - window.innerHeight;
+            }
+
+            rmf.showRightMenu(true, pageY, pageX);
+            return false;
+        };
+
+        window.addEventListener('click', function () {
+            rmf.showRightMenu(false);
+        });
+    }
+</script>

package/layout/partial/compoment/equipment/list.ejs

@@ -0,0 +1,37 @@
+<div id="equipment">
+    <% if (site.data.equipment) { %>
+        <% site.data.equipment.forEach(function(i) { %>
+            <div class="equipment-item">
+                <h2 class="equipment-item-title"><%= i.class_name %></h2>
+                <div class="equipment-item-description"><%= i.description %></div>
+                <div class="equipment-item-content">
+                    <% i.equipment_list.forEach(function(item) { %>
+                        <div class="equipment-item-content-item">
+                            <div class="equipment-item-content-item-cover">
+                                <img class="equipment-item-content-item-image" src="<%= item.image %>" alt="<%= item.name %>">
+                            </div>
+                            <div class="equipment-item-content-item-info">
+                                <div class="equipment-item-content-item-name"><%= item.name %></div>
+                                <div class="equipment-item-content-item-specification"><%= item.specification %></div>
+                                <div class="equipment-item-content-item-description"><%= item.description %></div>
+                                <% if (item.link) { %>
+                                    <div class="equipment-item-content-item-toolbar">
+                                        <% if (item.link.includes('https://') || item.link.includes('http://')) { %>
+                                            <a class="equipment-item-content-item-link" href="<%= item.link %>" target="_blank">详情</a>
+                                        <% } else { %>
+                                            <a class="equipment-item-content-item-link" href="<%= item.link %>" target="_blank">查看文章</a>
+                                        <% } %>
+                                        <a class="bber-reply" onclick="sco.toTalk('<%- item.description %>')" >
+                                            <i class="fa-solid fa-comment" style="font-size: 1rem;">
+                                            </i>
+                                          </a>
+                                    </div>
+                                <% } %>       
+                            </div>
+                        </div>
+                    <% }) %>
+                </div>
+            </div>
+        <% }) %>
+    <% } %>
+</div>

package/layout/partial/compoment/home/homeCategoryBar.ejs

@@ -0,0 +1,11 @@
+<div class="category-bar-items" id="category-bar-items">
+    <div class="category-bar-item <%= is_home() ? 'select' : '' %>" id="category-bar-home">
+        <a href="/">首页</a>
+    </div>
+    <% for(const item of site.categories.data){ %>
+        <div class="category-bar-item <%= select ? (select === item.name ? 'select' : '') : '' %>">
+            <a href="<%= url_for(item.path) %>"><%= item.name %></a>
+        </div>
+    <% } %>
+</div>
+<a class="category-bar-more" href="/categories/">更多</a>

package/layout/partial/compoment/home/postList.ejs

@@ -0,0 +1,37 @@
+<div class="recent-post-item" onclick="pjax.loadUrl('/<%= post.path %>')">
+    <div class="post_cover left_radius">
+        <a href="<%= url_for(post.path) %>" title="<%= post.title %>">
+            <img class="post_bg" alt="<%= post.title %>" src="<%= post.cover %>">
+        </a>
+    </div>
+    <div class="recent-post-info">
+        <div class="recent-post-info-top">
+            <div class="recent-post-info-top-tips">
+                <% post.categories.data.forEach(categories => { %>
+                    <span class="original"><%= categories.name %></span>
+                <% }) %>
+                <% if(post.prev == null){ %>
+                    <span class="original">最新</span>
+                <% }%>
+                    <a class="unvisited-post" href="<%= url_for(post.path) %>" title="<%= post.title %>" data-pjax-state>未读</a>
+            </div>
+            <a class="article-title" href="<%= url_for(post.path) %>" title="<%= post.title %>">
+                <%= post.title %>
+            </a>
+        </div>
+        <div class="article-meta-wrap">
+            <span class="article-meta 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>
+                <% }) %>
+            </span>
+            <span class="post-meta-date">
+                <time datetime="<%= moment(post.date).format() %>"></time>
+            </span>
+        </div>
+    </div>
+</div>

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

@@ -0,0 +1,15 @@
+<div class="bbTimeList container" id="bbTimeList">
+    <i class="bber-logo scoicon sco-says" onclick="pjax.loadUrl('/essay/')" style="font-size: 1rem;"></i>
+    <div class="swiper-container swiper-no-swiping swiper-container-initialized swiper-container-vertical swiper-container-pointer-events"
+        id="bbtalk" tabindex="-1" onclick="pjax.loadUrl('/essay/')">
+        <div class="swiper-wrapper" id="bber-talk">
+            <% for(i in site.data.essay.essay_list){ %>
+                <% const item = site.data.essay.essay_list[i];if(i >= 10)break; %>
+                <div class="li-style swiper-slide">
+                    <%= item.image ? item.content + '【图片】' : item.content %>
+                </div>
+            <% } %>
+        </div>
+    </div>
+    <i class="bber-gotobb scoicon ri-arrow-right-circle-fill" style="font-size: 1rem" title="查看全文" onclick="pjax.loadUrl('/says/')"></i>
+</div>

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

@@ -0,0 +1,19 @@
+<div class="categoryItem" style="box-shadow: var(--sco-shadow-blue);"><a class="categoryButton CB1 bikan"
+        href="<%- url_for(theme.hometop.categoryGroup.G1.url) %>">
+        <span class="categoryButtonText"><%= theme.hometop.categoryGroup.G1.name %></span>
+        <i class="<%- theme.hometop.categoryGroup.G1.icon %>"></i>
+    </a>
+</div>
+<div class="categoryItem" style="box-shadow: var(--sco-shadow-red);">
+    <a class="categoryButton remen" href="<%- url_for(theme.hometop.categoryGroup.G2.url) %>">
+        <span class="categoryButtonText"><%= theme.hometop.categoryGroup.G2.name %></span>
+        <i class="<%- theme.hometop.categoryGroup.G2.icon %>"></i>
+    </a>
+</div>
+<div class="categoryItem" style="box-shadow: var(--sco-shadow-green);">
+    <a class="categoryButton shiyong"
+        href="<%- url_for(theme.hometop.categoryGroup.G3.url) %>">
+        <span class="categoryButtonText"><%= theme.hometop.categoryGroup.G3.name %></span>
+        <i class="<%- theme.hometop.categoryGroup.G3.icon %>"></i>
+    </a>
+</div>

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

@@ -0,0 +1,30 @@
+<div class="banners-title">
+    <div class="banners-title-big">
+        <%- theme.hometop.banner.title %>
+    </div>
+    <div class="banners-title-small">
+        <%= theme.hometop.banner.url %>
+    </div>
+</div>
+<div class="tags-group-all">
+    <div class="tags-group-wrapper">
+        <% for(let i = 1; i <= 2; i++){ %>
+            <% for(let j = 0; j < Object.keys(theme.hometop.banner.icon).length; j++){ %>
+                <% const key = Object.keys(theme.hometop.banner.icon)[j] %>
+                <% if(j % 2 == 0){ %>
+                    <div class="tags-group-icon-pair">
+                <% } %>    
+                    <div class="tags-group-icon" style="background: <%- theme.hometop.banner.icon[key].color %>">
+                        <img src="<%= theme.hometop.banner.icon[key].img %>" title="<%= key %>">
+                    </div>
+                <% if(j % 2 == 1 || j == Object.keys(theme.hometop.banner.icon).length - 1){ %>
+                    </div>
+                <% } %>
+            <% } %>   
+        <% } %>    
+    </div>
+</div>
+<a id="banner-hover" onclick="toRandomPost()" data-pjax-state="">
+    <span class="bannerText">随便逛逛</span>
+    <i class="scoicon ri-arrow-right-line banner-righticon"></i>
+</a>