hexo-theme-solitude 1.1.0 → 1.2.1

package/layout/includes/mixins/articleSort.pug

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

package/layout/includes/mixins/pagination.pug

@@ -0,0 +1,8 @@
+nav#pagination
+    div.pagination
+        - var options = {mid_size: 1,escape: false,next_text: '<div class="pagination_tips_next">下页</div> <i class="scoicon sco-arrow-right-bold"></i>',prev_text: '<i class="scoicon sco-arrow-left-bold"></i> <div class="pagination_tips_prev">上页</div>'}
+        !=paginator(options)
+        div.toPageGroup
+            input#toPageText(oninput="value=value.replace(/[^0-9]/g,'')", maxlength="3", title="跳转到指定页面", onkeyup="if (this.value === '0') this.value = ''")
+            a#toPageButton(onclick="sco.toPage()", data-pjax-state="")
+                i.scoicon.sco-show-right-line

package/layout/includes/nav.pug

@@ -0,0 +1,22 @@
+nav#nav.show
+    div#nav-group
+        div#blog_name
+            if theme.nav.left.enable
+                div.back-home-button(tabindex="-1")
+                    i.back-home-button-icon.scoicon.sco-more-fill
+                    include ./widgets/nav/left.pug
+            a#site-name(href="/", title="返回博客主页", traget="_self")
+                if theme.site.name.class === 'i_class'
+                    i.scoicon(class=theme.site.name.custom, style="font-size: 16px;")
+                else if theme.site.name.class === 'img'
+                    img(src=theme.site.name.custom, alt=config.title)
+                else if theme.site.name.class === 'text'
+                    span.scoicon= theme.site.name.custom
+        div#page-name-mask
+            div#page-name
+                a#page-name-text(onclick="sco.toTop()")= page.title || config.title
+        div#menus
+            include ./widgets/nav/menu.pug
+        div#nav-left
+        div#nav-right
+            include ./widgets/nav/right.pug

package/layout/includes/page/about.pug

@@ -0,0 +1,10 @@
+if theme.about.enable && site.data.about
+    #about-page
+        include ../widgets/page/about/authorinfo
+        include ../widgets/page/about/contentinfo
+        include ../widgets/page/about/skillsinfo
+        include ../widgets/page/about/personalities
+        include ../widgets/page/about/motto
+        include ../widgets/page/about/hobbies
+        include ../widgets/page/about/other
+        include ../widgets/page/about/award

package/layout/includes/page/categories.pug

@@ -0,0 +1,8 @@
+h1.page-title(style='display: inline')= _p('page.category')
+div.category-lists
+    div.tag-cloud-list.is-center
+        each item in site.categories.find({ parent: { $exists: false } }).data
+            a(href=url_for(item.path))
+                span.tags-punctuation
+                = item.name
+                span.tagsPageCount= item.length

package/layout/includes/page/default.pug

@@ -0,0 +1,2 @@
+div#article-container
+    != page.content

package/layout/includes/page/echarts.pug

@@ -0,0 +1,7 @@
+- var startDate = theme.about.echarts.startDate
+- var tagLength = theme.about.echarts.tagLength
+- var categoryParent = ""+theme.about.echarts.categoryParent
+
+div#posts-chart(data-start=startDate, style="border-radius: 8px; height: 300px; padding: 10px;")
+div#tags-chart(data-length=tagLength, style="border-radius: 8px; height: 300px; padding: 10px;")
+div#categories-chart(data-parent=categoryParent, style="border-radius: 8px; height: 300px; padding: 10px;")

package/layout/includes/page/equipment.pug

@@ -0,0 +1,3 @@
+- var pageClass = "equipment"
+include ../widgets/page/banner
+include ../widgets/page/equipment/content

package/layout/includes/page/links.pug

@@ -0,0 +1,35 @@
+div.flink#banners
+    include ../widgets/page/links/banner
+if theme.thirdparty.circle.angle.enable
+    include ../widgets/page/moments/angle
+div.flink#article-container
+    each data in site.data.links.links
+        h2= data.class_name
+        div.flink-desc= data.descr
+        case data.type
+            when 'card'
+                include ../widgets/page/links/linksCard
+            when 'item'
+                include ../widgets/page/links/linksItem
+h3(align='end') ——本站友链排序不分先后，所有站点都值得一看。
+if theme.comment.enable
+    h2(id="友情链接申请")= "友情链接申请"
+    div#article-container!= page.content
+    p 请<b>勾选</b>你符合的条件：
+    div#friendlink_checkboxs
+        p
+            label
+                input(type='checkbox', id='checkbox1', onclick='checkForm()')
+                | 我已添加 <b>#{config.title}</b> 博客的友情链接
+        p
+            label
+                input(type='checkbox', id='checkbox2', onclick='checkForm()')
+                | 我的链接主体为 <b>个人</b>，网站类型为<b>博客</b>
+        p
+            label
+                input(type='checkbox', id='checkbox3', onclick='checkForm()')
+                | 我的网站现在可以在中国大陆区域正常访问
+        p
+            label
+                input(type='checkbox', id='checkbox4', onclick='checkForm()')
+                | 网站内容符合中国大陆法律法规

package/layout/includes/page/moments.pug

@@ -0,0 +1,5 @@
+- var pageClass = "momentsPage"
+include ../widgets/page/banner
+if theme.thirdparty.circle.angle.enable
+    include ../widgets/page/moments/angle
+include ../widgets/page/moments/index

package/layout/includes/page/rss.pug

@@ -0,0 +1,22 @@
+main.layout.hide-aside#content-inner
+    #page
+        .rss-plan-list
+            a.rss-plan-item.rss-plan-wechat(href=theme.footer.rss.wechatOA, title="公众号", target="_blank")
+                .rss-plan-description 推送精选文章<br>推送全文
+                .rss-plan-info-group
+                    .rss-plan-title 公众号订阅
+                    .rss-plan-info 推荐的订阅方式
+                    img.rss-plan-icon(src="https://bu.dusays.com/2023/11/01/6541d14a4de78.png", alt="wechat")
+            a.rss-plan-item.rss-plan-mail(href=theme.footer.rss.emailOA, rel="external nofollow", title="email", target="_blank")
+                .rss-plan-description 推送全部文章<br>推送封面与简介
+                .rss-plan-info-group
+                    .rss-plan-title 邮件订阅
+                    .rss-plan-info 推荐的订阅方式
+                    img.rss-plan-icon(src="https://bu.dusays.com/2023/11/01/6541d16c3ea22.png", alt="email")
+            a.rss-plan-item.rss-plan-rss(href=theme.footer.rss.rssOA, title="rss", target="_blank")
+                .rss-plan-description 推送全部文章<br>推送简介
+                .rss-plan-info-group
+                    .rss-plan-title RSS
+                    .rss-plan-info 备用订阅方式
+                    img.rss-plan-icon(src="https://bu.dusays.com/2023/11/01/6541d184e2a09.png", alt="rss")
+        != page.content

package/layout/includes/page/says.pug

@@ -0,0 +1,20 @@
+if theme.says.enable
+    - var pageClass = "essayPage"
+    include ../widgets/page/banner
+    #bber
+        section.timeline.page-1
+            ul.list#waterfall
+                - var limitedList = site.data.essay.essay_list.slice(0, 30)
+                each item in limitedList
+                    li.item
+                        if theme.says.style === 2
+                            include ../widgets/page/says/saysMeta
+                        include ../widgets/page/says/saysContent
+                        include ../widgets/page/says/saysFunction
+                        if theme.says.style === 1
+                            hr
+                            include ../widgets/page/says/saysBottom
+    #bber-tips(style="color: var(--sco-secondtext);") - 只展示最近30条短文 -
+
+script.
+    sco.reflashEssayWaterFall()

package/layout/includes/page/tags.pug

@@ -0,0 +1,8 @@
+h1.page-title(style='display: inline-block')= __('page.tag')
+div.category-lists
+    div.tag-cloud-list.is-center
+        each tag in site.tags.find({ parent: { $exists: false } }).data
+            a(href=url_for(tag.path))
+                span.tags-punctuation
+                = tag.name
+                span.tagsPageCount= tag.length

package/layout/includes/page/tlink.pug

@@ -0,0 +1,9 @@
+- var pageClass = "essayPage"
+include ../widgets/page/banner
+.flink#article-container
+    each data in site.data.tlink.links
+        h2= data.class_name
+        .flink-desc= data.descr
+        include ../widgets/page/links/linksItem
+
+    != page.content

package/layout/includes/recent-posts.pug

@@ -0,0 +1,9 @@
+
+if page.posts.length > 0
+  #recent-posts
+    h1 Recent Posts
+    each post in page.posts.sort('date', -1).limit(10).toArray()
+      .recent-post-item
+        a(href=url_for(post.path))= post.title
+        if post.date
+          time(datetime=post.date.toJSON())= date(post.date, date_format)

package/layout/includes/sidebar.pug

@@ -0,0 +1,17 @@
+div#sidebar(style="zoom: 1;")
+    div#menu-mask(style="display: none;")
+    div#sidebar-menus
+        span.sidebar-menu-item-title= "功能"
+        div.sidebar-menu-item
+            a.darkmode_switchbutton.menu-child(onclick="sco.switchDarkMode()", title="显示模式切换", href="javascript:void(0);" rel="nofollow" data-pjax-state)
+                i.scoicon.sco-moon-clear-fill(style="font-size: 1rem;")
+                span= "显示模式"
+        if theme.nav.left.enable
+            include ./widgets/nav/left.pug
+        include ./widgets/nav/menu.pug
+        span.sidebar-menu-item-title= "标签"
+        div.card-widget.card-tags.card-archives.card-webinfo.card-allinfo
+            div.card-tag-cloud
+                each tag in site.tags.data
+                    a(href=url_for(tag.path), style="font-size: 1rem; color: #d3d3d3")= tag.name
+                        sup= tag.length

package/layout/includes/widgets/aside/aside.pug

@@ -0,0 +1,18 @@
+.aside-content#aside-content
+    - var noSticky, Sticky;
+    if(is_home())
+        - noSticky = theme.aside.home.noSticky.split(',')
+        - Sticky = theme.aside.home.Sticky.split(',')
+    else if(is_post())
+        - noSticky = theme.aside.post.noSticky.split(',')
+        - Sticky = theme.aside.post.Sticky.split(',')
+    else if(is_page() || is_archive() || is_tag() || is_category())
+        - noSticky = theme.aside.page.noSticky.split(',')
+        - Sticky = theme.aside.page.Sticky.split(',')
+    each item in noSticky
+        include ./asideSwitch.pug
+    .sticky_layout
+        if page.toc
+            include ./asideToc.pug
+        each item in Sticky
+            include ./asideSwitch.pug

package/layout/includes/widgets/aside/asideAllInfo.pug

@@ -0,0 +1,8 @@
+.card-widget.card-tags.card-archives.card-webinfo.card-allinfo
+    if theme.aside.tags.enable
+        include ./asideTag
+        hr
+    if theme.aside.archive.enable
+        include ./asideArchive
+        hr
+    include ./asideWebInfo

package/layout/includes/widgets/aside/asideArchive.pug

@@ -0,0 +1,9 @@
+ul.card-archive-list
+    - var type = locals.type ? locals.type : 'year'
+    each value, key in getArchiveLength(type)
+        li.card-archive-list-item
+            a.card-archive-list-link(onclick=`pjax.loadUrl('/archives/${key}/')`, data-pjax-state="", href="javascript:void(0);")
+                span.card-archive-list-date= key
+                .card-archive-list-count-group
+                    span.card-archive-list-count= value
+                    span.card-archive-list-count-unit 篇

package/layout/includes/widgets/aside/asideFlipCard.pug

@@ -0,0 +1,5 @@
+.card-widget.card-platform
+    #flip-wrapper
+        #flip-content
+            .face
+            .back.face

package/layout/includes/widgets/aside/asideHistory.pug

@@ -0,0 +1,8 @@
+if theme.aside.history.enable
+    .card-widget.card-history
+        .item-headline
+            i(class=theme.aside.history.icon || 'scoicon sco-clock-fill')
+            span= theme.aside.history.title || '那年今日'
+        #history-baidu(style="height: 100px;overflow: hidden")
+            #history-container.history_swiper-container(style="width: 100%;height: 100%;margin-top: 6px")
+                #history_container_wrapper.swiper-wrapper(style="height:20px")

package/layout/includes/widgets/aside/asideInfoCard.pug

@@ -0,0 +1,22 @@
+.card-widget.card-info
+    .card-content
+        .card-info-avatar.is-center
+            .author-info__top-group
+                .author-info__sayhi#author-info__sayhi(onclick="sco.changeSayHelloText()") 一日之计在于晨
+        .avatar-img-group
+            img.avatar-img(alt="avatar", src=theme.aside.card.author.img)
+            .avatar-sticker
+                svg.avatar-sticker-img(alt="avatar", aria-hidden="true")
+                    use(xlink:href=theme.aside.card.author.state)
+                script(src=url_for(theme.aside.card.author.js))
+        .author-info__description_group
+            .author-info__description!= theme.aside.card.content
+            .author-info__description2!= theme.aside.card.content2
+        .author-info__bottom-group
+            a.author-info__bottom-group-left(href=theme.about ? "/about" : "/", data-pjax-state)
+                .author-info__name= config.author
+                .author-info__desc!= config.subtitle
+            .card-info-social-icons.is-center
+                each value, key in theme.aside.card.information
+                    a.social-icon(href=url_for(value.url), title=key)
+                        i(class=value.icon)

package/layout/includes/widgets/aside/asideNewestPost.pug

@@ -0,0 +1,16 @@
+.card-widget.card-recent-post
+    .item-headline
+        i.scoicon.sco-map-line
+        span 最近发布
+    .aside-list
+        - let index = 1
+        each post in site.posts.data.sort((a, b) => b.date < a.date ? -1 : 1)
+            if index <= 5
+                .aside-list-item
+                    a.thumbnail(href=url_for(post.path) title=post.title)
+                        img(alt=post.title src=post.cover)
+                    .content
+                        a.title(href=url_for(post.path) title=post.title)= post.title
+                        if post.categories.data[0]
+                            a.article-recent_post_categories(href=url_for(post.path))= post.categories.data[0].name
+                - index++

package/layout/includes/widgets/aside/asidePower.pug

@@ -0,0 +1,19 @@
+- const data = theme.aside.power.list
+- const vip = data[Math.floor(Math.random() * data.length)]
+.card-widget.card-power
+    .item-headline
+        i.scoicon.sco-afdian-line
+        span 爱发电赞助
+        a.power-charge(href=theme.aside.power.link, rel="external nofollow", target="_blank", title="赞助博主") 赞助
+    a#power-star(data-pjax-state="", href=vip.link)
+        #power-star-image(style=`background-image: url('${vip.avatar}');`)
+        .power-star-body
+            #power-star-title= vip.name
+            #power-star-desc= vip.descr
+    .power-list
+        .power-item
+            .power-item-body
+                each item in data
+                    if item.name !== vip.name
+                        .power-item-link
+                            a(target="_blank", href=item.link, rel="external nofollow")= item.name

package/layout/includes/widgets/aside/asideSwitch.pug

@@ -0,0 +1,26 @@
+case item
+    when 'power'
+        include ./asidePower.pug
+    when 'about'
+        include ./asideInfoCard.pug
+    when 'flip'
+        include ./asideFlipCard.pug
+    when 'welcome'
+        include ./asideWelcome.pug
+    when 'history'
+        include ./asideHistory.pug
+    when 'newestPost'
+        include ./asideNewestPost.pug
+    when 'tag'
+        .card-widget.card-tags
+            include ./asideTag.pug
+    when 'archive'
+        .card-widget.card-archives
+            include ./asideArchive.pug
+    when 'webInfo'
+        .card-widget.card-webinfo
+            include ./asideWebInfo.pug
+    when 'allInfo'
+        include ./asideAllInfo.pug
+    default
+        include ../../page/default.pug

package/layout/includes/widgets/aside/asideTag.pug

@@ -0,0 +1,11 @@
+.card-tag-cloud
+    each tag in site.tags.data
+        a(href=url_for(tag.path), style="font-size: 0.8rem;")= tag.name
+            sup= tag.length
+if site.tags.length > 50
+    a#more-tags-btn(href="javascript:void(0);", rel="external nofollow", onclick="sco.openAllTags();", data-pjax-state="") 查看全部
+else
+    style.
+        .card-tag-cloud::after {
+            display: none !important;
+        }

package/layout/includes/widgets/aside/asideToc.pug

@@ -0,0 +1,5 @@
+.card-widget#card-toc
+    .item-headline
+        i.scoicon.sco-menu-line
+        span 文章目录
+    .toc-content#toc-content!= toc(page.content, { list_number: false })

package/layout/includes/widgets/aside/asideWebInfo.pug

@@ -0,0 +1,40 @@
+.webinfo
+    if theme.aside.siteinfo.postcount
+        .webinfo-item
+            .webinfo-item-title
+                i.item-icon.scoicon.sco-folder-fill
+                .item-name 文章总数 :
+            .item-count= site.posts.length
+    if theme.thirdparty.busuanzi
+        if theme.aside.siteinfo.pv
+            .webinfo-item
+                .webinfo-item-title
+                    i.item-icon.scoicon.sco-visitor-line
+                    .item-name 总访问数 :
+                span#busuanzi_value_site_pv
+                    i.scoicon.sco-loading-line
+        if theme.aside.siteinfo.uv
+            .webinfo-item
+                .webinfo-item-title
+                    i.item-icon.scoicon.sco-team-fill
+                    .item-name 总访客数 :
+                span#busuanzi_value_site_uv
+                    i.scoicon.sco-loading-line
+    if theme.aside.siteinfo.runtimeenable
+        .webinfo-item
+            .webinfo-item-title
+                i.item-icon.scoicon.sco-calendar-todo-fill
+                .item-name 建站天数 :
+            .item-count#runtimeshow
+    if theme.aside.siteinfo.updatetime
+        .webinfo-item
+            .webinfo-item-title
+                i.item-icon.scoicon.sco-loop-left-fill
+                .item-name 最后更新 :
+            time.item-count(datetime=new Date())
+    if theme.thirdparty.wordcount && theme.aside.siteinfo.wordcount
+        .webinfo-item
+            .webinfo-item-title
+                i.item-icon.scoicon.sco-word-fill
+                .item-name 全站字数 :
+            .item-count= totalcount(site)

package/layout/includes/widgets/aside/asideWelcome.pug

@@ -0,0 +1,12 @@
+if theme.aside.welcome.enable
+    .card-widget.card-welcome
+        .item-headline
+            i(class=theme.aside.welcome.icon || 'scoicon sco-map-pin-fill')
+            span= theme.aside.welcome.title || '来访者'
+        #welcome-info
+
+    script(data-pjax).
+        var longitude = '#{theme.aside.welcome.longitude}';
+        var Latitude = '#{theme.aside.welcome.Latitude}';
+        var txkey = '#{theme.aside.welcome.key}';
+        var ipLoacation;

package/layout/includes/widgets/home/banner.pug

@@ -0,0 +1,16 @@
+div.banners-title
+    div.banners-title-big!= theme.hometop.banner.title
+    div.banners-title-small= theme.hometop.banner.url
+div.tags-group-all
+    .tags-group-wrapper
+        each i in [1,2]
+            - var keys = Object.keys(theme.hometop.banner.icon)
+            - var pairs = keys.map((val, i) => i % 2 ? [keys[i - 1], val] : []).filter(x => x.length)
+            each pair in pairs
+                .tags-group-icon-pair
+                    each key in pair
+                        .tags-group-icon(style=`background: ${theme.hometop.banner.icon[key].color}`)
+                            img(src=theme.hometop.banner.icon[key].img, title=key)
+a#banner-hover(onclick="toRandomPost()" data-pjax-state="")
+    span.bannerText 随便逛逛
+    i.scoicon.sco-arrow-2-right-line.banner-righticon

package/layout/includes/widgets/home/bbTimeList.pug

@@ -0,0 +1,8 @@
+.bbTimeList.container#bbTimeList
+    i.bber-logo.scoicon.sco-says(onclick="pjax.loadUrl('/essay/')", style="font-size: 1rem;")
+    .swiper-container.swiper-no-swiping.swiper-container-initialized.swiper-container-vertical.swiper-container-pointer-events#bbtalk(tabindex="-1", onclick="pjax.loadUrl('/essay/')")
+        .swiper-wrapper#bber-talk
+            each item, i in site.data.essay.essay_list
+                if i < 10
+                    .li-style.swiper-slide= item.image ? item.content + '【图片】' : item.content
+    i.bber-gotobb.scoicon.sco-right-btn-fill(style="font-size: 1rem", title="查看全文", onclick="pjax.loadUrl('/essay/')")

package/layout/includes/widgets/home/categoryBar.pug

@@ -0,0 +1,10 @@
+.category-bar-items#category-bar-items
+    .category-bar-item(class=is_home() ? 'select' : '', id="category-bar-home")
+        a(href="/") 首页
+    each item in site.tags.find({ parent: { $exists: false } }).data
+        .category-bar-item(class=select ? (select === item.name ? 'select' : '') : '', id=item.name)
+            a(href=url_for(item.path))= item.name
+if site.categories.length > 10
+    .category-bar-next#category-bar-next(onclick="sco.scrollCategoryBarToRight()")
+        i.scoicon.sco-show-right-line
+a.category-bar-more(href="/categories/") 更多

package/layout/includes/widgets/home/categoryGroup.pug

@@ -0,0 +1,9 @@
+- var groupNames = ['G1', 'G2', 'G3'];
+- var styles = ['--sco-shadow-blue', '--sco-shadow-red', '--sco-shadow-green'];
+- var classes = ['CB1 bikan', 'remen', 'shiyong'];
+
+each groupName, index in groupNames
+    .categoryItem(style=`box-shadow: var(${styles[index]});`)
+        a.categoryButton(class=classes[index], href=url_for(theme.hometop.categoryGroup[groupName].url))
+            span.categoryButtonText= theme.hometop.categoryGroup[groupName].name
+            i(class=theme.hometop.categoryGroup[groupName].icon)

package/layout/includes/widgets/home/hometop.pug

@@ -0,0 +1,9 @@
+div.recent-top-post-group#recent-top-post-group
+    div.recent-post-top#recent-post-top
+        div#bannerGroup
+            div#banners
+                include ./banner.pug
+            div.categoryGroup
+                include ./categoryGroup.pug
+        div.topGroup
+            include ./rencentPost.pug

package/layout/includes/widgets/home/postList.pug

@@ -0,0 +1,26 @@
+for post in page.posts.sort('-date').data
+    div(class="recent-post-item" onclick="pjax.loadUrl('/"+post.path+"')")
+        div.post_cover.left_radius
+            a(href=url_for(post.path), title=post.title)
+                img(src=url_for(post.cover), alt=post.title, class="post_bg")
+        div.recent-post-info
+            div.recent-post-info-top
+                div.recent-post-info-top-tips
+                    each category in post.categories.data
+                       span(class="original")= category.name
+
+                    if post.prev == null && is_home()
+                        span(class="original")="最新"
+
+                    a(class="unvisited-post" href=url_for(post.path), data-pjax-state)= "未读"
+
+                a(class="article-title" href=url_for(post.path), data-pjax-state, title=post.title)= post.title
+
+            div.article-meta-wrap
+                span.article-meta.tags
+                   each tag in post.tags.data
+                       a(class="article-meta__tags" href=url_for(tag.path), data-pjax-state, onclick="window.event.cancelable=true")
+                         span.tags-punctuation=tag.name
+
+                span.post-meta-date
+                   time(datetime=moment(post.date))

package/layout/includes/widgets/home/rencentPost.pug

@@ -0,0 +1,26 @@
+- var filteredPosts = site.posts.data.filter(item => item.recommend === true).slice(0,6)
+each post in filteredPosts
+    .recent-post-item
+        .post_cover.left_radius
+            a(href=url_for(post.path), title=post.title)
+                span.recent-post-top-text 荐
+                img.post_bg(alt=post.title, src=post.cover, loading="lazy")
+        .recent-post-info
+            a.article-title(href=url_for(post.path), title=post.title)= post.title
+
+if theme.hometop.recommendList.url.startsWith('/') && theme.hometop.recommendList.url.endsWith('/')
+    .todayCard#todayCard(onclick=`pjax.loadUrl('${theme.hometop.recommendList.url}')`, style="z-index: 1;")
+else
+    script.
+        function GoTodayCard() {
+            window.open("#{theme.hometop.recommendList.url}", "_blank");
+        }
+    .todayCard#todayCard(onclick="GoTodayCard()", style="z-index: 1;")
+        .todayCard-info
+            .todayCard-tips= theme.hometop.recommendList.sup
+            .todayCard-title= theme.hometop.recommendList.title
+        .todayCard-cover.nolazyload(style=`background: url('${theme.hometop.recommendList.img}') no-repeat center /cover`)
+        .banner-button-group
+            a.banner-button(onclick="window.event.cancelBubble=true;sco.hideTodayCard();")
+                i.scoicon.sco-add-fill
+                span.banner-button-text 更多推荐

package/layout/includes/widgets/home/topGroup.pug

@@ -0,0 +1,27 @@
+- var filteredPosts = site.posts.data.filter(item => item.recommend === true).slice(0,6)
+each post in filteredPosts
+    .recent-post-item
+        .post_cover.left_radius
+            a(href=url_for(post.path), title=post.title)
+                span.recent-post-top-text 荐
+                img.post_bg(alt=post.title, src=post.cover, loading="lazy")
+        .recent-post-info
+            a.article-title(href=url_for(post.path), title=post.title)= post.title
+
+if theme.hometop.recommendList.url.startsWith('/') && theme.hometop.recommendList.url.endsWith('/')
+    .todayCard#todayCard(onclick=`pjax.loadUrl('${theme.hometop.recommendList.url}')`, style="z-index: 1;")
+else
+    script.
+        function GoTodayCard() {
+            window.open("#{theme.hometop.recommendList.url}", "_blank");
+        }
+    .todayCard#todayCard(onclick="GoTodayCard()", style="z-index: 1;")
+
+    .todayCard-info
+        .todayCard-tips= theme.hometop.recommendList.sup
+        .todayCard-title= theme.hometop.recommendList.title
+    .todayCard-cover.nolazyload(style=`background: url('${theme.hometop.recommendList.img}') no-repeat center /cover`)
+    .banner-button-group
+        a.banner-button(onclick="window.event.cancelBubble=true;sco.hideTodayCard();")
+            i.scoicon.sco-add-fill
+            span.banner-button-text 更多推荐

package/layout/includes/widgets/nav/left.pug

@@ -0,0 +1,10 @@
+div.back-menu-list-groups
+    - var menu = theme.nav && theme.nav.left && theme.nav.left.menu ? theme.nav.left.menu : {}
+    each groupData, x in menu
+        div.back-menu-list-group
+            div.back-menu-list-title= x
+            div.back-menu-list
+                each data, y in groupData
+                    a.back-menu-item(href=url_for(data.url), rel="external nofollow", title=y)
+                        img.back-menu-item-icon(src=data.icon, loading="lazy", alt=x)
+                        span.back-menu-item-text= y

package/layout/includes/widgets/nav/menu.pug

@@ -0,0 +1,16 @@
+div.menus_items
+    - var menu = theme.nav && theme.nav.menu ? theme.nav.menu : {}
+    each value, x in menu
+        div.menus_item
+            if !value.url
+                a.site-page(href="javascript:void(0);", rel="external nofollow")
+                    span= x
+                ul.menus_item_child
+                    each childValue, y in value.child
+                        li
+                            a.site-page.child(href=url_for(childValue.url))
+                                i(class=childValue.icon)
+                                span= y
+            else
+                a.site-page.not-child(href=url_for(value.url), rel="external nofollow")
+                    span= x