hexo-theme-shokax 0.3.12 → 0.3.14

package/layout/_partials/header.pug

@@ -1,18 +1,18 @@
-nav(id="nav")
-    div(class="inner")
-        div(class="toggle")
-            div(class="lines" aria-label!=__('accessibility.nav_toggle'))
-                span(class="line")
-                span(class="line")
-                span(class="line")
-        ul(class="menu")
-            li(class="item title")
-                a(href=config.root rel="start")
-                    != alternate || title
-        ul(class="right" id="rightNav")
-            li(class="item theme" @click="changeThemeByBtn")
-                i(class="ic" :class="{'i-sun': !themeStatus,'i-moon': themeStatus}")
-            li(class="item search")
-                i(class="ic i-search")
-            != shokax_inject('rightNav')
-
+nav(id="nav")
+    div(class="inner")
+        div(class="toggle")
+            div(class="lines" aria-label!=__('accessibility.nav_toggle'))
+                span(class="line")
+                span(class="line")
+                span(class="line")
+        ul(class="menu")
+            li(class="item title")
+                a(href=config.root rel="start")
+                    != alternate || title
+        ul(class="right" id="rightNav")
+            li(class="item theme" @click="changeThemeByBtn")
+                i(class="ic" :class="{'i-sun': !themeStatus,'i-moon': themeStatus}")
+            li(class="item search")
+                i(class="ic i-search")
+            != shokax_inject('rightNav')
+

package/layout/_partials/layout.pug

@@ -1,139 +1,139 @@
-include ../_mixin/breadcrumb.pug
-include ../_mixin/sidebar.pug
-include ../_mixin/widgets.pug
-
-- ignores = []
-if (theme.quicklink.ignores)
-    - ignores.push(theme.quicklink.ignores)
-
-doctype html
-html(lang=page.language?page.language:config.language, style=theme.grayMode ? 'filter: grayscale(1);':'' )
-    head
-        != partial('_partials/head/head.pug', {}, {cache: true})
-        != partial('_partials/head/head_com.pug')
-        != shokax_inject('head')
-        title
-            block title
-                != `${alternate?alternate + " = ":""}${title}${subtitle?" = "+subtitle:""}`
-    body(itemscope itemtype="http://schema.org/WebPage")
-        != partial('_partials/loading.pug', {}, {cache: true})
-        div(id="container")
-            header(id="header" itemscope itemtype="http://schema.org/WPHeader")
-                div(class="inner")
-                    div(id="brand")
-                        div(class="pjax")
-                            block header
-                                a(href=config.root class="logo" rel="start")
-                                    if alternate
-                                        p(class="artboard")
-                                            != alternate
-                                    h1(itemprop="name headline" class="title")
-                                        != title
-                                if subtitle
-                                    p(class="meta" itemprop="description")
-                                        != `= ${subtitle} =`
-
-                    != partial('_partials/header.pug', {}, {cache: true})
-                div(id="imgs" class="pjax")
-                    if theme.experiments.gradient || theme.experiments.fixedCover
-                        //- cover不可用时用Bing随机图片代替
-                        - var coverImage = theme.experiments.fixedCover || "https://7ed.net/bing/api"
-                        img(src=coverImage)
-                    else
-                        - var covers = _cover_index(page, 6)
-                        if covers.length === 6
-                            ul
-                                each image in covers
-                                    li(class="item" data-background-image=image)
-                        else
-                            img(src=covers)
-            div(id="waves")
-                svg(class="waves" xmlns="http://www.w3.org/2000/svg" xmlns: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 44c30 0 58-18 88-18s 58 18 88 18 58-18 88-18 58 18 88 18 v44h-352z")
-                    g(class="parallax")
-                        use(xlink:href="#gentle-wave" x="48" y="0")
-                        use(xlink:href="#gentle-wave" x="48" y="3")
-                        use(xlink:href="#gentle-wave" x="48" y="5")
-                        use(xlink:href="#gentle-wave" x="48" y="7")
-            main
-                div(class="inner")
-                    div(id="main" class="pjax")
-                        block content
-                    div(id="sidebar")
-                        block sidebar
-                            +sidebarRender
-                    div(class="dimmer")
-            footer(id="footer")
-                div(class="inner")
-                    div(class="widgets")
-                        +WRender
-                    != partial('_partials/footer.pug', {}, {cache: true})
-        - var ccIcon = '<i class="ic i-creative-commons"></i>'
-        - var ccText = theme.creative_commons.license.toUpperCase()
-        - var audioValue
-        if page.audio
-            - audioValue = JSON.stringify(page.audio);
-
-        else if page.audio === false
-            - audioValue = JSON.stringify({});
-        else
-            - audioValue = "undefined"
-
-        script(data-config type="text/javascript").
-            var LOCAL = {
-                    path: `#{_permapath(page.path)}`,
-                    favicon: {
-                    show: `#{__('favicon.show')}`,
-                    hide: `#{__('favicon.hide')}`
-                },
-                search: {
-                    placeholder: "!{__('search.placeholder')}",
-                    empty: "!{__('search.empty')}",
-                    stats: "!{__('search.stats')}"
-                },
-                copy_tex: #{!!page.math},
-                katex: #{!!page.math},
-                mermaid: #{!!page.mermaid},
-                audio: !{audioValue},
-                fancybox: #{page.fancybox !== false},
-                nocopy: #{!!page.nocopy},
-                outime: #{page.outime !== false},
-                template: `!{__('outime.template')}`,
-                quiz: {
-                    choice: `#{__('quiz.choice')}`,
-                    multiple: `#{__('quiz.multiple')}`,
-                    true_false: `#{__('quiz.true_false')}`,
-                    essay: `#{__('quiz.essay')}`,
-                    gap_fill: `#{__('quiz.gap_fill')}`,
-                    mistake: `#{__('quiz.mistake')}`
-                },
-                ignores: [
-                    (uri) => uri.includes('#'),
-                    (uri) => new RegExp(LOCAL.path + '$').test(uri),
-                        !{JSON.stringify(ignores)}
-                ]
-            };
-
-        if theme.polyfill.enable
-            script(src=`https://polyfill.io/v3/polyfill.min.js?features=${theme.polyfill.features}`)
-
-        - debugVue = theme?.experiments?.debug
-        if debugVue
-            script(src="https://cdn.bootcdn.net/ajax/libs/vue/3.3.4/vue.global.min.js")
-        else
-            script(src="https://cdn.bootcdn.net/ajax/libs/vue/3.3.4/vue.global.prod.min.js")
-        != vendor_js()
-        != _js('app.js')
-        != partial('_partials/third-party/baidu-analytics.pug', {}, {cache: true})
-        != partial('_partials/third-party/clarity.pug', {}, {cache: true})
-        != partial('_partials/third-party/google-analytics.pug', {}, {cache: true})
-        if theme.twikoo.enable
-            != _new_comments('twikoo')
-        else if theme.waline.enable
-            != _new_comments('waline')
-
-        != shokax_inject('bodyEnd')
-
-
-
+include ../_mixin/breadcrumb.pug
+include ../_mixin/sidebar.pug
+include ../_mixin/widgets.pug
+
+- ignores = []
+if (theme.quicklink.ignores)
+    - ignores.push(theme.quicklink.ignores)
+
+doctype html
+html(lang=page.language?page.language:config.language, style=theme.grayMode ? 'filter: grayscale(1);':'' )
+    head
+        != partial('_partials/head/head.pug', {}, {cache: true})
+        != partial('_partials/head/head_com.pug')
+        != shokax_inject('head')
+        title
+            block title
+                != `${alternate?alternate + " = ":""}${title}${subtitle?" = "+subtitle:""}`
+    body(itemscope itemtype="http://schema.org/WebPage")
+        != partial('_partials/loading.pug', {}, {cache: true})
+        div(id="container")
+            header(id="header" itemscope itemtype="http://schema.org/WPHeader")
+                div(class="inner")
+                    div(id="brand")
+                        div(class="pjax")
+                            block header
+                                a(href=config.root class="logo" rel="start")
+                                    if alternate
+                                        p(class="artboard")
+                                            != alternate
+                                    h1(itemprop="name headline" class="title")
+                                        != title
+                                if subtitle
+                                    p(class="meta" itemprop="description")
+                                        != `= ${subtitle} =`
+
+                    != partial('_partials/header.pug', {}, {cache: true})
+                div(id="imgs" class="pjax")
+                    if theme.experiments.gradient || theme.experiments.fixedCover
+                        //- cover不可用时用Bing随机图片代替
+                        - var coverImage = theme.experiments.fixedCover || "https://7ed.net/bing/api"
+                        img(src=coverImage)
+                    else
+                        - var covers = _cover_index(page, 6)
+                        if covers.length === 6
+                            ul
+                                each image in covers
+                                    li(class="item" data-background-image=image)
+                        else
+                            img(src=covers)
+            div(id="waves")
+                svg(class="waves" xmlns="http://www.w3.org/2000/svg" xmlns: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 44c30 0 58-18 88-18s 58 18 88 18 58-18 88-18 58 18 88 18 v44h-352z")
+                    g(class="parallax")
+                        use(xlink:href="#gentle-wave" x="48" y="0")
+                        use(xlink:href="#gentle-wave" x="48" y="3")
+                        use(xlink:href="#gentle-wave" x="48" y="5")
+                        use(xlink:href="#gentle-wave" x="48" y="7")
+            main
+                div(class="inner")
+                    div(id="main" class="pjax")
+                        block content
+                    div(id="sidebar")
+                        block sidebar
+                            +sidebarRender
+                    div(class="dimmer")
+            footer(id="footer")
+                div(class="inner")
+                    div(class="widgets")
+                        +WRender
+                    != partial('_partials/footer.pug', {}, {cache: true})
+        - var ccIcon = '<i class="ic i-creative-commons"></i>'
+        - var ccText = theme.creative_commons.license.toUpperCase()
+        - var audioValue
+        if page.audio
+            - audioValue = JSON.stringify(page.audio);
+
+        else if page.audio === false
+            - audioValue = JSON.stringify({});
+        else
+            - audioValue = "undefined"
+
+        script(data-config type="text/javascript").
+            var LOCAL = {
+                    path: `#{_permapath(page.path)}`,
+                    favicon: {
+                    show: `#{__('favicon.show')}`,
+                    hide: `#{__('favicon.hide')}`
+                },
+                search: {
+                    placeholder: "!{__('search.placeholder')}",
+                    empty: "!{__('search.empty')}",
+                    stats: "!{__('search.stats')}"
+                },
+                copy_tex: #{!!page.math},
+                katex: #{!!page.math},
+                mermaid: #{!!page.mermaid},
+                audio: !{audioValue},
+                fancybox: #{page.fancybox !== false},
+                nocopy: #{!!page.nocopy},
+                outime: #{page.outime !== false},
+                template: `!{__('outime.template')}`,
+                quiz: {
+                    choice: `#{__('quiz.choice')}`,
+                    multiple: `#{__('quiz.multiple')}`,
+                    true_false: `#{__('quiz.true_false')}`,
+                    essay: `#{__('quiz.essay')}`,
+                    gap_fill: `#{__('quiz.gap_fill')}`,
+                    mistake: `#{__('quiz.mistake')}`
+                },
+                ignores: [
+                    (uri) => uri.includes('#'),
+                    (uri) => new RegExp(LOCAL.path + '$').test(uri),
+                        !{JSON.stringify(ignores)}
+                ]
+            };
+
+        if theme.polyfill.enable
+            script(src=`https://polyfill.io/v3/polyfill.min.js?features=${theme.polyfill.features}`)
+
+        - debugVue = theme?.experiments?.debug
+        if debugVue
+            script(src="https://cdn.bootcdn.net/ajax/libs/vue/3.3.4/vue.global.min.js")
+        else
+            script(src="https://cdn.bootcdn.net/ajax/libs/vue/3.3.4/vue.global.prod.min.js")
+        != vendor_js()
+        != _js('app.js')
+        != partial('_partials/third-party/baidu-analytics.pug', {}, {cache: true})
+        != partial('_partials/third-party/clarity.pug', {}, {cache: true})
+        != partial('_partials/third-party/google-analytics.pug', {}, {cache: true})
+        if theme.twikoo.enable
+            != _new_comments('twikoo')
+        else if theme.waline.enable
+            != _new_comments('waline')
+
+        != shokax_inject('bodyEnd')
+
+
+

package/layout/_partials/loading.pug

@@ -1,13 +1,13 @@
-div(id="loading")
-    div(class="cat")
-        div(class="body")
-        div(class="head")
-            div(class="face")
-        div(class="foot")
-            div(class="tummy-end")
-            div(class="bottom")
-            div(class="legs left")
-            div(class="legs right")
-        div(class="paw")
-            div(class="hands left")
-            div(class="hands right")
+div(id="loading")
+    div(class="cat")
+        div(class="body")
+        div(class="head")
+            div(class="face")
+        div(class="foot")
+            div(class="tummy-end")
+            div(class="bottom")
+            div(class="legs left")
+            div(class="legs right")
+        div(class="paw")
+            div(class="hands left")
+            div(class="hands right")

package/layout/_partials/pagination.pug

@@ -1,4 +1,4 @@
-if page.prev || page.next
-    nav(class="pagination")
-        div(class="inner")
-            != paginator({prev_text: '<i class="ic i-angle-left" aria-label="' + __('accessibility.prev_page') + '"></i>',next_text: '<i class="ic i-angle-right" aria-label="' + __('accessibility.next_page') + '"></i>',mid_size : 1,escape   : false})
+if page.prev || page.next
+    nav(class="pagination")
+        div(class="inner")
+            != paginator({prev_text: '<i class="ic i-angle-left" aria-label="' + __('accessibility.prev_page') + '"></i>',next_text: '<i class="ic i-angle-right" aria-label="' + __('accessibility.next_page') + '"></i>',mid_size : 1,escape   : false})

package/layout/_partials/post/copyright.pug

@@ -1,20 +1,20 @@
-if page.copyright !== false
-    - var ccIcon = '<i class="ic i-creative-commons"><em>(CC)</em></i>'
-    - var ccText = theme.creative_commons.license.toUpperCase()
-    div(id="copyright")
-        ul
-            li(class="author")
-                strong
-                    != __('post.copyright.author') + __('symbol.colon')
-                != page.author || author
-                i(class="ic i-at")
-                    em @
-                != title
-            li(class="link")
-                strong
-                    != __('post.copyright.link') + __('symbol.colon')
-                != _url(page.permalink, page.permalink, {title: page.title})
-            li(class="license")
-                strong
-                    != __('post.copyright.license_title') + __('symbol.colon')
-                != page.copyright !== true ? __('post.copyright.license_content', _url(ccURL, ccIcon + ccText)) : __("post.copyright.nocopy")
+if page.copyright !== false
+    - var ccIcon = '<i class="ic i-creative-commons"><em>(CC)</em></i>'
+    - var ccText = theme.creative_commons.license.toUpperCase()
+    div(id="copyright")
+        ul
+            li(class="author")
+                strong
+                    != __('post.copyright.author') + __('symbol.colon')
+                != page.author || author
+                i(class="ic i-at")
+                    em @
+                != title
+            li(class="link")
+                strong
+                    != __('post.copyright.link') + __('symbol.colon')
+                != _url(page.permalink, page.permalink, {title: page.title})
+            li(class="license")
+                strong
+                    != __('post.copyright.license_title') + __('symbol.colon')
+                != page.copyright !== true ? __('post.copyright.license_content', _url(ccURL, ccIcon + ccText)) : __("post.copyright.nocopy")

package/layout/_partials/post/footer.pug

@@ -1,25 +1,25 @@
-div(class="meta")
-    if date(post.date) !== date(post.updated) || time(post.date) !== time(post.updated)
-        if theme.twikoo.enable || theme.waline.pageview
-            span(class="icon")
-                i(class="ic i-eye")
-            span 此文章已被阅读次数:
-            span(id="twikoo_visitors" class="waline-pageview-count" data-path=post.path) 正在加载...
-        span(class="item")
-            span(class="icon")
-                i(class="ic i-calendar-check")
-            span(class="text")
-                != __('post.edited')
-            time(title=__('post.modified') + __('symbol.colon') + full_date(post.updated) itemprop="dateModified" datetime=moment(post.updated).format())
-                != date(post.updated)
-    if theme.waline.pageview && !theme.waline.enable && !theme.twikoo.enable
-        script(type = "module" data-pjax).
-            import { pageviewCount } from 'https://unpkg.com/@waline/client@2/dist/pageview.mjs';
-
-            const path = document.getElementById("twikoo_visitors").getAttribute("data-path");
-            pageviewCount({
-                serverURL: '#{theme.waline.serverURL}',
-                path: path,
-            });
-
-    != shokax_inject('postMeta')
+div(class="meta")
+    if date(post.date) !== date(post.updated) || time(post.date) !== time(post.updated)
+        if theme.twikoo.enable || theme.waline.pageview
+            span(class="icon")
+                i(class="ic i-eye")
+            span 此文章已被阅读次数:
+            span(id="twikoo_visitors" class="waline-pageview-count" data-path=post.path) 正在加载...
+        span(class="item")
+            span(class="icon")
+                i(class="ic i-calendar-check")
+            span(class="text")
+                != __('post.edited')
+            time(title=__('post.modified') + __('symbol.colon') + full_date(post.updated) itemprop="dateModified" datetime=moment(post.updated).format())
+                != date(post.updated)
+    if theme.waline.pageview && !theme.waline.enable && !theme.twikoo.enable
+        script(type = "module" data-pjax).
+            import { pageviewCount } from 'https://unpkg.com/@waline/client@2/dist/pageview.mjs';
+
+            const path = document.getElementById("twikoo_visitors").getAttribute("data-path");
+            pageviewCount({
+                serverURL: '#{theme.waline.serverURL}',
+                path: path,
+            });
+
+    != shokax_inject('postMeta')

package/layout/_partials/post/nav.pug

@@ -1,13 +1,13 @@
-mixin navpost(item, type)
-    - var postText = item.title || item.link || __('post.untitled')
-    - var lastcat = item.categories.last()
-    - var itemlink = `<span class="type">${__('post.' + type)}</span>${lastcat && lastcat.name ? `<span class="category"><i class="ic i-flag"></i>${lastcat.name}</span>` : ''}<h3>${postText}</h3>`
-    != _url(item.path, itemlink, {itemprop: 'url', rel: type, 'data-background-image': _cover(item), title: postText})
-
-div(class="post-nav")
-    div(class="item left")
-        if post.next
-            +navpost(post.next, 'prev')
-    div(class="item right")
-        if post.prev
-            +navpost(post.prev, 'next')
+mixin navpost(item, type)
+    - var postText = item.title || item.link || __('post.untitled')
+    - var lastcat = item.categories.last()
+    - var itemlink = `<span class="type">${__('post.' + type)}</span>${lastcat && lastcat.name ? `<span class="category"><i class="ic i-flag"></i>${lastcat.name}</span>` : ''}<h3>${postText}</h3>`
+    != _url(item.path, itemlink, {itemprop: 'url', rel: type, 'data-background-image': _cover(item), title: postText})
+
+div(class="post-nav")
+    div(class="item left")
+        if post.next
+            +navpost(post.next, 'prev')
+    div(class="item right")
+        if post.prev
+            +navpost(post.prev, 'next')

package/layout/_partials/post/post.pug

@@ -1,41 +1,41 @@
-- var temp = post.lang || config.language
-article(itemscope itemtype="http://schema.org/Article" class="post block" lang=temp)
-    link(itemprop="mainEntityOfPage" href!=post.permalink)
-    span(hidden itemprop="author" itemscope itemtype="http://schema.org/Person")
-        meta(itemprop="image" content=url_for(theme.statics + theme.assets + '/' + theme.sidebar.avatar))
-        meta(itemprop="name" content=author)
-        meta(itemprop="description" content=`${ subtitle }, ${ description }`)
-    span(hidden itemprop="publisher" itemscope itemtype="http://schema.org/Organization")
-        meta(itemprop="name" content=title)
-    div(class=`body md${post.direction && post.direction.toLowerCase() === 'rtl'? rtl:""}` itemprop="articleBody")
-        if post.photos && post.photos.length
-            div(class="gallery" itemscope itemtype="http://schema.org/ImageGallery")
-                each photo in post.photos
-                    img(data-src=_image_url(photo, post.path) itemprop="contentUrl")
-        if theme.summary.enable && page.layout === 'post'
-            div(class='tabs' id='summary')
-                div(class="show-btn")
-                div(class="nav")
-                    ul(class="special")
-                div(class="tab" data-id="summary" data-title="自我介绍")
-                    p
-                        != get_introduce()
-                div(class="tab active" data-id="summary" data-title="文章概括")
-                    p
-                        != get_summary(page)
-
-
-        != post.content
-        if post.tags && post.tags.length
-            div(class="tags")
-                each tag in post.tags.toArray()
-                    a(href!=url_for(tag.path) rel="tag")
-                        i(class="ic i-tag")
-                        != tag.name
-    footer
-        != partial('_partials/post/footer.pug')
-        if theme.reward.enable
-            != partial('_partials/post/reward.pug', {}, {cache: true})
-        if theme.creative_commons.license
-            != partial('_partials/post/copyright.pug')
-    != shokax_inject('postBodyEnd')
+- var temp = post.lang || config.language
+article(itemscope itemtype="http://schema.org/Article" class="post block" lang=temp)
+    link(itemprop="mainEntityOfPage" href!=post.permalink)
+    span(hidden itemprop="author" itemscope itemtype="http://schema.org/Person")
+        meta(itemprop="image" content=url_for(theme.statics + theme.assets + '/' + theme.sidebar.avatar))
+        meta(itemprop="name" content=author)
+        meta(itemprop="description" content=`${ subtitle }, ${ description }`)
+    span(hidden itemprop="publisher" itemscope itemtype="http://schema.org/Organization")
+        meta(itemprop="name" content=title)
+    div(class=`body md${post.direction && post.direction.toLowerCase() === 'rtl'? rtl:""}` itemprop="articleBody")
+        if post.photos && post.photos.length
+            div(class="gallery" itemscope itemtype="http://schema.org/ImageGallery")
+                each photo in post.photos
+                    img(loading="lazy" data-src=_image_url(photo, post.path) itemprop="contentUrl")
+        if theme.summary.enable && page.layout === 'post'
+            div(class='tabs' id='summary')
+                div(class="show-btn")
+                div(class="nav")
+                    ul(class="special")
+                div(class="tab" data-id="summary" data-title="自我介绍")
+                    p
+                        != get_introduce()
+                div(class="tab active" data-id="summary" data-title="文章概括")
+                    p
+                        != get_summary(page)
+
+
+        != post.content
+        if post.tags && post.tags.length
+            div(class="tags")
+                each tag in post.tags.toArray()
+                    a(href!=url_for(tag.path) rel="tag")
+                        i(class="ic i-tag")
+                        != tag.name
+    footer
+        != partial('_partials/post/footer.pug')
+        if theme.reward.enable
+            != partial('_partials/post/reward.pug', {}, {cache: true})
+        if theme.creative_commons.license
+            != partial('_partials/post/copyright.pug')
+    != shokax_inject('postBodyEnd')

package/layout/_partials/post/reward.pug

@@ -1,18 +1,18 @@
-if page.reward !== false
-    div(class="reward")
-        button
-            i(class="ic i-heartbeat")
-            != __('reward.donate')
-        p
-            != __('reward.text')
-        div(id="qr")
-            each image, name  in theme.reward.account
-                - var builtin = ['wechatpay', 'alipay', 'paypal', 'bitcoin']
-                if builtin.includes(name)
-                    - var translation = __('reward.' + name)
-                else
-                    - var translation = name
-                div
-                    img(data-src=`${url_for(theme.statics + theme.assets + image) }` alt=`${ author } ${ translation }`)
-                    p
-                        != translation
+if page.reward !== false
+    div(class="reward")
+        button
+            i(class="ic i-heartbeat")
+            != __('reward.donate')
+        p
+            != __('reward.text')
+        div(id="qr")
+            each image, name  in theme.reward.account
+                - var builtin = ['wechatpay', 'alipay', 'paypal', 'bitcoin']
+                if builtin.includes(name)
+                    - var translation = __('reward.' + name)
+                else
+                    - var translation = name
+                div
+                    img(loading="lazy" data-src=`${url_for(theme.statics + theme.assets + image) }` alt=`${ author } ${ translation }`)
+                    p
+                        != translation