hexo-theme-shokax 0.0.2-alpha1 → 0.0.2-alpha3

package/layout/_alternate/rss.ejs

@@ -1,34 +1,34 @@
-<?xml version="1.0"?>
-<rss version="2.0">
-    <channel>
-        <title><%= config.title %></title>
-        <subtitle><%= config.subtitle %></subtitle>
-        <icon><%= full_url_for('/images/favicon.ico') %></icon>
-        <link><%= config.url %></link>
-        <author>
-          <name><%= config.author %></name>
-        </author>
-        <description><%= config.description %></description>
-        <language><%= config.language %></language>
-        <pubDate><%= moment(lastBuildDate).locale('en').format('ddd, DD MMM YYYY HH:mm:ss ZZ') %></pubDate>
-        <lastBuildDate><%= moment(lastBuildDate).locale('en').format('ddd, DD MMM YYYY HH:mm:ss ZZ') %></lastBuildDate>
-        <%_ for (item of (config.keywords ? config.keywords.split(',') : [])) { _%>
-        <category term="<%= item %>" />
-        <%_ } _%>
-        <%_ for (const post of posts) { _%>
-        <item>
-            <guid isPermalink="true"><%= post.permalink %></guid>
-            <title><%= post.title %></title>
-            <link><%= post.permalink %></link>
-            <%_ for (const { name, path } of (post.categories ? post.categories.toArray() : [])) { _%>
-            <category term="<%= name %>" scheme="<%= full_url_for(path) %>" />
-            <%_ } _%>
-            <%_ for (const { name, path } of (post.tags ? post.tags.toArray() : [])) { _%>
-            <category term="<%= name %>" scheme="<%= full_url_for(path) %>" />
-            <%_ } _%>
-            <pubDate><%= moment(post.date).locale('en').format('ddd, DD MMM YYYY HH:mm:ss ZZ') %></pubDate>
-            <description><![CDATA[ <%= post.content %> ]]></description>
-        </item>
-        <%_ } _%>
-    </channel>
-</rss>
+<?xml version="1.0"?>
+<rss version="2.0">
+    <channel>
+        <title><%= config.title %></title>
+        <subtitle><%= config.subtitle %></subtitle>
+        <icon><%= full_url_for('/images/favicon.ico') %></icon>
+        <link><%= config.url %></link>
+        <author>
+          <name><%= config.author %></name>
+        </author>
+        <description><%= config.description %></description>
+        <language><%= config.language %></language>
+        <pubDate><%= moment(lastBuildDate).locale('en').format('ddd, DD MMM YYYY HH:mm:ss ZZ') %></pubDate>
+        <lastBuildDate><%= moment(lastBuildDate).locale('en').format('ddd, DD MMM YYYY HH:mm:ss ZZ') %></lastBuildDate>
+        <%_ for (item of (config.keywords ? config.keywords.split(',') : [])) { _%>
+        <category term="<%= item %>" />
+        <%_ } _%>
+        <%_ for (const post of posts) { _%>
+        <item>
+            <guid isPermalink="true"><%= post.permalink %></guid>
+            <title><%= post.title %></title>
+            <link><%= post.permalink %></link>
+            <%_ for (const { name, path } of (post.categories ? post.categories.toArray() : [])) { _%>
+            <category term="<%= name %>" scheme="<%= full_url_for(path) %>" />
+            <%_ } _%>
+            <%_ for (const { name, path } of (post.tags ? post.tags.toArray() : [])) { _%>
+            <category term="<%= name %>" scheme="<%= full_url_for(path) %>" />
+            <%_ } _%>
+            <pubDate><%= moment(post.date).locale('en').format('ddd, DD MMM YYYY HH:mm:ss ZZ') %></pubDate>
+            <description><![CDATA[ <%= post.content %> ]]></description>
+        </item>
+        <%_ } _%>
+    </channel>
+</rss>

package/layout/_mixin/breadcrumb.pug

@@ -1,33 +1,33 @@
-mixin BCRender(post, home)
-    if home
-        != '<div class="breadcrumb" itemListElement itemscope itemtype="https://schema.org/BreadcrumbList">'
-        i(class="ic i-home")
-        span
-            a(href=url_for(site.path))
-                != __('menu.home')
-    else
-        != '<div class="breadcrumb">'
-    if post.categories && post.categories.length
-        - var cat_length = post.categories.length
-        if home
-            i(class="ic i-angle-right")
-        each cat,index in post.categories.toArray()
-            if home
-                if index===cat_length
-                    span(class="current" itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem")
-                        a(href=url_for(cat.path) itemprop="item" rel="index" title=__('post.in')+ cat.name)
-                            span(itemprop="name")
-                                != cat.name
-                                meta(itemprop="position" content=index)
-                else
-                    span(itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem")
-                        a(href=url_for(cat.path) itemprop="item" rel="index" title=__('post.in') + cat.name)
-                            span(itemprop="name")
-                                != cat.name
-                                meta(itemprop="position" content=index)
-            else
-                a(href=url_for(cat.path) title=__('post.in')+cat.name)
-                    != cat.name
-            if cat_length > 1 && index !== cat_length
-                i(class="ic i-angle-right")
-    != '</div>'
+mixin BCRender(post, home)
+    if home
+        != '<div class="breadcrumb" itemListElement itemscope itemtype="https://schema.org/BreadcrumbList">'
+        i(class="ic i-home")
+        span
+            a(href=url_for(site.path))
+                != __('menu.home')
+    else
+        != '<div class="breadcrumb">'
+    if post.categories && post.categories.length
+        - var cat_length = post.categories.length
+        if home
+            i(class="ic i-angle-right")
+        each cat,index in post.categories.toArray()
+            if home
+                if index===cat_length
+                    span(class="current" itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem")
+                        a(href=url_for(cat.path) itemprop="item" rel="index" title=__('post.in')+ cat.name)
+                            span(itemprop="name")
+                                != cat.name
+                                meta(itemprop="position" content=index)
+                else
+                    span(itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem")
+                        a(href=url_for(cat.path) itemprop="item" rel="index" title=__('post.in') + cat.name)
+                            span(itemprop="name")
+                                != cat.name
+                                meta(itemprop="position" content=index)
+            else
+                a(href=url_for(cat.path) title=__('post.in')+cat.name)
+                    != cat.name
+            if cat_length > 1 && index !== cat_length
+                i(class="ic i-angle-right")
+    != '</div>'

package/layout/_mixin/card.pug

@@ -1,37 +1,37 @@
-mixin CardRender(item)
-    - cover = url_for(theme.statics + item.slug + '/cover.jpg')
-    - itemname = item.name
-
-    section(class="item")
-        div(class="cover" data-background-image!=cover ? cover:"")
-            h2(class="title")
-                != itemname
-            - var temp = item?.top?.name
-            if temp
-                span
-                    != item.top.name
-        div(class="info")
-            if item.link
-                - var postTitleIcon = '<i class="ic i-link-alt"></i>'
-            - var postText = itemname || item.link || __('post.untitled')
-            div(class="ribbon")
-                != _url(item.link , postText + (postTitleIcon || ''), {itemprop: 'url', title: postText})
-            div(class="inner")
-                - var len = ''
-                if item.child
-                    - len = _p('counter.index.category', item.child)
-                - len = len + _p('counter.index.post', item.length)
-                ul(class="posts")
-                    each sub in item.subs
-                        - var subname = sub.name || sub.title
-                        li
-                            a(title=subname href=url_for(sub.path))
-                                = subname
-                div(class="meta footer")
-                    if item.top
-                        span
-                            != _url(item.top.path, '<i class="ic i-flag"></i>'+item.top.name, {itemprop: 'url', title: item.top.name})
-                    span
-                        i(class="ic i-file")
-                        != len
-            != _url(item.path, 'more...', {itemprop: 'url', title: itemname, class: 'btn'})
+mixin CardRender(item)
+    - cover = url_for(theme.statics + item.slug + '/cover.jpg')
+    - itemname = item.name
+
+    section(class="item")
+        div(class="cover" data-background-image!=cover ? cover:"")
+            h2(class="title")
+                != itemname
+            - var temp = item?.top?.name
+            if temp
+                span
+                    != item.top.name
+        div(class="info")
+            if item.link
+                - var postTitleIcon = '<i class="ic i-link-alt"></i>'
+            - var postText = itemname || item.link || __('post.untitled')
+            div(class="ribbon")
+                != _url(item.link , postText + (postTitleIcon || ''), {itemprop: 'url', title: postText})
+            div(class="inner")
+                - var len = ''
+                if item.child
+                    - len = _p('counter.index.category', item.child)
+                - len = len + _p('counter.index.post', item.length)
+                ul(class="posts")
+                    each sub in item.subs
+                        - var subname = sub.name || sub.title
+                        li
+                            a(title=subname href=url_for(sub.path))
+                                = subname
+                div(class="meta footer")
+                    if item.top
+                        span
+                            != _url(item.top.path, '<i class="ic i-flag"></i>'+item.top.name, {itemprop: 'url', title: item.top.name})
+                    span
+                        i(class="ic i-file")
+                        != len
+            != _url(item.path, 'more...', {itemprop: 'url', title: itemname, class: 'btn'})

package/layout/_mixin/comment.pug

@@ -1,12 +1,66 @@
-mixin CommentRender()
-    != shokax_inject('comment')
-    - var tk = theme?.twikoo?.enable,wl = theme?.waline?.enable
-    if page.comment !== false
-        if tk
-            div(class="wrap" id="tcomments")
-            != _init_comments("twikoo")
-        else if wl
-            div(class="warp" id="wcomments")
-            != _init_comments("waline")
-
-
+mixin CommentRender()
+    != shokax_inject('comment')
+    - var tk = theme?.twikoo?.enable,wl = theme?.waline?.enable,gt=theme?.gitalk?.enable,gs=theme?.giscus?.enable
+    if page.comment !== false && !theme.experiments.disableThemeComment
+        if tk
+            div(class="wrap" id="tcomments")
+            script(type="text/javascript" data-pjax).
+                setTimeout(function () {
+                    twikoo.init({
+                        envId: '#{ hexo.theme.config.twikoo.envId }',
+                        el: '#tcomments',
+                        region: '#{hexo.theme.config.twikoo?.region}'
+                    })
+                }, 1000)
+        else if wl
+            div(class="warp" id="wcomments")
+            script(type="module" data-pjax).
+                import { init } from 'https://unpkg.com/@waline/client@v2/dist/waline.mjs';
+
+                setTimeout(function () {
+                    init({
+                        el: '#wcomments',
+                        serverURL: '#{hexo.theme.config.waline.serverURL}',
+                        lang: '#{hexo.theme.config.waline?.lang || 'zh-CN'}',
+                        locale: #{hexo.theme.config.waline?.locale || {}},
+                        emoji: #{hexo.theme.config.waline?.emoji || []},
+                        meta: #{hexo.theme.config.waline?.meta ?? ['nick', 'mail', 'link']},
+                        requiredMeta: #{hexo.theme.config.waline?.requiredMeta ?? ['nick', 'mail']},
+                        wordLimit: #{hexo.theme.config.waline?.wordLimit ?? 0},
+                        pageSize: #{hexo.theme.config.waline?.pageSize || 10}
+                    });
+                }, 1000)
+        else if gt
+            div(class="warp" id="gtcomments")
+            script(type="text/javascript" data-pjax).
+                const gitalk = new Gitalk({
+                    clientID: '#{theme.gitalk.clientID}',
+                    clientSecret: '#{theme.gitalk.clientSecret}',
+                    repo: '#{theme.gitalk.repo}',
+                    owner: '#{theme.gitalk.owner}',
+                    admin: #{theme.gitalk.admin},
+                    id: location.pathname,      // Ensure uniqueness and length less than 50
+                    distractionFreeMode: false,  // Facebook-like distraction free mode
+                    proxy: "#{theme.gitalk?.proxy || undefined}"
+                });
+                gitalk.render("gtcomments")
+        else if gs
+            div(class="warp giscus" id="gscomments")
+            script( src="https://giscus.app/client.js"
+                    data-repo="#{theme.giscus.repo}"
+                    data-repo-id="#{theme.giscus.repoId}"
+                    data-category="#{theme.giscus.category}"
+                    data-category-id="#{theme.giscus.categoryId}"
+                    data-mapping="#{theme.giscus.mapping || "pathname" }"
+                    data-strict="#{theme.giscus.strict || "1" }"
+                    data-reactions-enabled="#{theme.giscus.reactionsEnabled || "1"}"
+                    data-emit-metadata="#{theme.giscus.emitMetadata || "0"}"
+                    data-input-position="#{theme.giscus.inputPosition || "bottom"}"
+                    data-theme="#{theme.giscus.commentTheme || "preferred_color_scheme"}"
+                    data-lang="#{theme.giscus.lang || "zh-CN"}"
+                    data-loading="lazy"
+                    crossorigin="anonymous"
+                    async
+                    )
+
+

package/layout/_mixin/postmeta.pug

@@ -1,30 +1,30 @@
-mixin PMRender(item, full)
-    - full ||= false
-    //- 下方的_content为暴力修复法,在未来需要重写
-    div(class="meta")
-        - var create_title = __('post.created') + __('symbol.colon') + full_date(item.date)
-        span(class="item" title=create_title)
-            span(class="icon")
-                i(class="ic i-calendar")
-            if full
-                span(class="text")
-                    != __('post.posted')
-            time(itemprop="dateCreated datePublished" datetime=moment(item.date).format())
-                != date(item.date)
-        if theme.post.count
-            span(class="item" title=__('symbols_count_time.count'))
-                span(class="icon")
-                    i(class="ic i-pen")
-                if full
-                    span(class="text")
-                        != __('symbols_count_time.count')
-                span= symbolsCount(item)
-                span(class="text")
-                    != __('symbols_count_time.word')
-        span(class="item" title=__('symbols_count_time.time'))
-            span(class="icon")
-                i(class="ic i-clock")
-            if full
-                span(class="text")
-                    != __('symbols_count_time.time')
-            span= symbolsTime(item, config.symbols_count_time.awl, config.symbols_count_time.wpm, __('symbols_count_time.time_minutes'))
+mixin PMRender(item, full)
+    - full ||= false
+    //- 下方的_content为暴力修复法,在未来需要重写
+    div(class="meta")
+        - var create_title = __('post.created') + __('symbol.colon') + full_date(item.date)
+        span(class="item" title=create_title)
+            span(class="icon")
+                i(class="ic i-calendar")
+            if full
+                span(class="text")
+                    != __('post.posted')
+            time(itemprop="dateCreated datePublished" datetime=moment(item.date).format())
+                != date(item.date)
+        if theme.post.count
+            span(class="item" title=__('symbols_count_time.count'))
+                span(class="icon")
+                    i(class="ic i-pen")
+                if full
+                    span(class="text")
+                        != __('symbols_count_time.count')
+                span= symbolsCount(item)
+                span(class="text")
+                    != __('symbols_count_time.word')
+        span(class="item" title=__('symbols_count_time.time'))
+            span(class="icon")
+                i(class="ic i-clock")
+            if full
+                span(class="text")
+                    != __('symbols_count_time.time')
+            span= symbolsTime(item, config.symbols_count_time.awl, config.symbols_count_time.wpm, __('symbols_count_time.time_minutes'))

package/layout/_mixin/segment.pug

@@ -1,32 +1,32 @@
-include postmeta.pug
-
-mixin SMRender(item)
-    - var link1 = item.link || item.path
-    - var gradient = theme?.experiments?.gradient
-    if item.link
-        - var postTitleIcon = '<i class="ic i-link-alt"></i>'
-    - var postText = item.title || item.link || __('post.untitled')
-    article(class="item")
-        if gradient
-            div(class="cover" style=`background: linear-gradient(to bottom right, ${random_color()}, ${random_color()});`)
-        else
-            div(class="cover")
-                != _url(link1, '<img data-src="'+ _cover(item) +'" alt="article cover">', {itemprop: 'url', title: postText})
-        div(class="info")
-            +PMRender(item)
-            h3
-                != _url(link1, postText + (postTitleIcon || ''), {itemprop: 'url', title: postText})
-            div(class="excerpt")
-                if item.description
-                    != item.description
-                else if item.excerpt
-                    != item.excerpt
-                else
-                    != _truncate(escape_html(_striptags(item.content)),300)
-            if item.categories.length > 0
-                div(class="meta footer")
-                    span
-                        - var lastcat = item.categories.last()
-                        != _url(lastcat.path, '<i class="ic i-flag"></i>' + lastcat.name, {itemprop: 'url', title: lastcat.name})
-            != _url(link1, 'more...', {itemprop: 'url', title: postText, class: 'btn'})
-
+include postmeta.pug
+
+mixin SMRender(item)
+    - var link1 = item.link || item.path
+    - var gradient = theme?.experiments?.gradient
+    if item.link
+        - var postTitleIcon = '<i class="ic i-link-alt"></i>'
+    - var postText = item.title || item.link || __('post.untitled')
+    article(class="item")
+        if gradient
+            div(class="cover" style=`background: linear-gradient(to bottom right, ${random_color()}, ${random_color()});`)
+        else
+            div(class="cover")
+                != _url(link1, '<img data-src="'+ _cover(item) +'" alt="article cover">', {itemprop: 'url', title: postText})
+        div(class="info")
+            +PMRender(item)
+            h3
+                != _url(link1, postText + (postTitleIcon || ''), {itemprop: 'url', title: postText})
+            div(class="excerpt")
+                if item.description
+                    != item.description
+                else if item.excerpt
+                    != item.excerpt
+                else
+                    != _truncate(escape_html(_striptags(item.content)),300)
+            if item.categories.length > 0
+                div(class="meta footer")
+                    span
+                        - var lastcat = item.categories.last()
+                        != _url(lastcat.path, '<i class="ic i-flag"></i>' + lastcat.name, {itemprop: 'url', title: lastcat.name})
+            != _url(link1, 'more...', {itemprop: 'url', title: postText, class: 'btn'})
+

package/layout/_mixin/sidebar.pug

@@ -1,36 +1,36 @@
-mixin sidebarRender(display_toc)
-    - var related = _category_posts(page)
-    if page && page.prev
-        -   var prevlink = page?.prev_link
-        if is_page() || is_post()
-            - prevlink = page?.next?.path
-    if page && page.next
-        - var nextlink = page?.next_link
-        if is_page() || is_post()
-            - nextlink = page?.prev?.path
-    div(class="inner")
-        div(class="panels")
-            div(class="inner")
-                div(class="contents panel pjax" data-title=__('sidebar.toc'))
-                    if display_toc
-                        != toc(page.content)
-
-                div(class="related panel pjax" data-title=__('sidebar.related'))
-                    if related
-                        ul
-                            != related
-                div(class="overview panel" data-title=__('sidebar.overview'))
-                    != partial('_partials/sidebar/overview.pug', {}, {cache: true})
-        ul(id="quick")
-            li(class="prev pjax")
-                if page && page.prev
-                    if prevlink
-                        != _url(prevlink, '<i class="ic i-chevron-left"></i>', {rel: 'prev', title: __('post.prev')})
-            li(class="up")
-                i(class="ic i-arrow-up")
-            li(class="down")
-                i(class="ic i-arrow-down")
-            li(class="next pjax")
-                if nextlink
-                    != _url(nextlink, '<i class="ic i-chevron-right"></i>', {rel: 'next', title: __('post.next')})
-            li(class="percent")
+mixin sidebarRender(display_toc)
+    - var related = _category_posts(page)
+    if page && page.prev
+        -   var prevlink = page?.prev_link
+        if is_page() || is_post()
+            - prevlink = page?.next?.path
+    if page && page.next
+        - var nextlink = page?.next_link
+        if is_page() || is_post()
+            - nextlink = page?.prev?.path
+    div(class="inner")
+        div(class="panels")
+            div(class="inner")
+                div(class="contents panel pjax" data-title=__('sidebar.toc'))
+                    if display_toc
+                        != toc(page.content)
+
+                div(class="related panel pjax" data-title=__('sidebar.related'))
+                    if related
+                        ul
+                            != related
+                div(class="overview panel" data-title=__('sidebar.overview'))
+                    != partial('_partials/sidebar/overview.pug', {}, {cache: true})
+        ul(id="quick")
+            li(class="prev pjax")
+                if page && page.prev
+                    if prevlink
+                        != _url(prevlink, '<i class="ic i-chevron-left"></i>', {rel: 'prev', title: __('post.prev')})
+            li(class="up")
+                i(class="ic i-arrow-up")
+            li(class="down")
+                i(class="ic i-arrow-down")
+            li(class="next pjax")
+                if nextlink
+                    != _url(nextlink, '<i class="ic i-chevron-right"></i>', {rel: 'next', title: __('post.next')})
+            li(class="percent")

package/layout/_mixin/widgets.pug

@@ -1,29 +1,31 @@
-mixin field(item)
-    if item.link
-        - var postTitleIcon = '<i class="ic i-link-alt"></i>'
-    li(class="item")
-        +BCRender(item, false)
-        - var postText = item.title || item.link || __('post.untitled')
-        - var link1 = item.link || item.path
-        span
-            != _url(link1, postText + (postTitleIcon || ''))
-
-mixin WRender(item)
-    if theme.widgets.random_posts
-        div(class="rpost pjax")
-            h2
-                != __('index.random_posts')
-            ul
-                - var posts = site.posts.shuffle().limit(10).toArray()
-                each item in posts
-                    +field(item)
-    if theme.widgets.recent_comments
-        div(class="rpost pjax")
-            h2 最新评论
-            ul(class="leancloud-recent-comment" id="new-comment")
-                li(v-for="com in coms" class="item")
-                    a(v-bind:href="com.href" data-pjax-state="data-pjax-state")
-                        span(class="breadcrumb") {{com.nick}}@{{com.time}}
-                        span {{com.text}}
-                            br
-
+mixin field(item)
+    if item.link
+        - var postTitleIcon = '<i class="ic i-link-alt"></i>'
+    li(class="item")
+        +BCRender(item, false)
+        - var postText = item.title || item.link || __('post.untitled')
+        - var link1 = item.link || item.path
+        span
+            != _url(link1, postText + (postTitleIcon || ''))
+
+mixin WRender(item)
+    - var tk = theme?.twikoo?.enable
+    if theme.widgets.random_posts
+        div(class="rpost pjax")
+            h2
+                != __('index.random_posts')
+            ul
+                - var posts = site.posts.shuffle().limit(10).toArray()
+                each item in posts
+                    +field(item)
+    if theme.widgets.recent_comments
+        div(class="rpost pjax")
+            h2 最新评论
+            ul(class="leancloud-recent-comment" id="new-comment")
+                if tk
+                    li(v-for="com in coms" class="item")
+                        a(v-bind:href="com.href" data-pjax-state="data-pjax-state")
+                            span(class="breadcrumb") {{com.nick}}@{{com.time}}
+                            span {{com.text}}
+                                br
+

package/layout/_partials/footer.pug

@@ -1,40 +1,40 @@
-div(class="status")
-    div(class="copyright")
-        - var copyright_year = date(null, 'YYYY')
-        if theme.footer.since && theme.footer.since != copyright_year
-        span(itemprop="copyrightYear")
-            != copyright_year
-        span(class="with-love")
-            i(class=`ic i-${ theme.footer.icon.name }`)
-        span(class="author" itemprop="copyrightHolder")
-            != `${author} @ ${ alternate?alternate:title}`
-    if theme.footer.count
-        div(class="count")
-            span(class="post-meta-item-icon")
-                i(class="ic i-chart-area")
-            span(title=__('symbols_count_time.count_total'))
-                != `${ symbolsCountTotal(site) } ${__('symbols_count_time.word')}`
-            span(class="post-meta-divider") |
-            span(class="post-meta-item-icon")
-                i(class="ic i-coffee")
-            span(title=__('symbols_count_time.time_total'))
-                != symbolsTimeTotal(site, config.symbols_count_time.awl, config.symbols_count_time.wpm, __('symbols_count_time.time_minutes'))
-            //- span(id="timeDate")
-            //- span(id="times")
-    if theme.footer.powered
-        div(class="powered-by")
-            != __('footer.powered', _url('https://hexo.io', 'Hexo') + ' & Theme.' + _url('https://github.com/zkz098/hexo-theme-shokaX/', 'ShokaX'))
-    if theme.footer.icp.enable
-        br
-        span(style="display:inline;height:20px;line-height:20px;margin: 0px 0px 0px 5px; color:#939393;")
-            a(href="https://beian.miit.gov.cn")
-                != theme.footer.icp.icpnumber
-            - var beianN = theme.footer.icp?.beian, RC=theme.footer.icp?.recordcode
-            if beianN && RC
-                br
-                a(target="_blank" href=`https://www.beian.gov.cn/portal/registerSystemInfo?recordcode=${RC}`)
-                    img(src=theme.statics + theme.assets + '/' + theme.footer.icp.icon style="max-width: 2em;display:inline;")
-                    != beianN
-
-!= shokax_inject('footer')
-
+div(class="status")
+    div(class="copyright")
+        - var copyright_year = date(null, 'YYYY')
+        if theme.footer.since && theme.footer.since != copyright_year
+        span(itemprop="copyrightYear")
+            != copyright_year
+        span(class="with-love")
+            i(class=`ic i-${ theme.footer.icon.name }`)
+        span(class="author" itemprop="copyrightHolder")
+            != `${author} @ ${ alternate?alternate:title}`
+    if theme.footer.count
+        div(class="count")
+            span(class="post-meta-item-icon")
+                i(class="ic i-chart-area")
+            span(title=__('symbols_count_time.count_total'))
+                != `${ symbolsCountTotal(site) } ${__('symbols_count_time.word')}`
+            span(class="post-meta-divider") |
+            span(class="post-meta-item-icon")
+                i(class="ic i-coffee")
+            span(title=__('symbols_count_time.time_total'))
+                != symbolsTimeTotal(site, config.symbols_count_time.awl, config.symbols_count_time.wpm, __('symbols_count_time.time_minutes'))
+            //- span(id="timeDate")
+            //- span(id="times")
+    if theme.footer.powered
+        div(class="powered-by")
+            != __('footer.powered', _url('https://hexo.io', 'Hexo') + ' & Theme.' + _url('https://github.com/zkz098/hexo-theme-shokaX/', 'ShokaX'))
+    if theme.footer.icp.enable
+        br
+        span(style="display:inline;height:20px;line-height:20px;margin: 0px 0px 0px 5px; color:#939393;")
+            a(href="https://beian.miit.gov.cn")
+                != theme.footer.icp.icpnumber
+            - var beianN = theme.footer.icp?.beian, RC=theme.footer.icp?.recordcode
+            if beianN && RC
+                br
+                a(target="_blank" href=`https://www.beian.gov.cn/portal/registerSystemInfo?recordcode=${RC}`)
+                    img(src=theme.statics + theme.assets + '/' + theme.footer.icp.icon style="max-width: 2em;display:inline;")
+                    != beianN
+
+!= shokax_inject('footer')
+