hexo-theme-shokax 0.0.1-alpha1

package/layout/_partials/layout.pug

@@ -0,0 +1,143 @@
+include ../_mixin/breadcrumb.pug
+include ../_mixin/sidebar.pug
+include ../_mixin/widgets.pug
+
+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')
+        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")
+                    - var covers = _cover(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()
+        <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')}\"`
+            |    },
+            if theme.widgets.recent_comments || page.comment !== false
+                != `valine: ${page.valine ? _safedump(page.valine) : 'true'},`
+            if page.chart
+                | chart: true,
+            if page.math
+                | copy_tex: true,
+                | katex: true,
+            if page.mermaid
+                | mermaid: true,
+            if page.audio
+                != `audio: ${_safedump(page.audio)},`
+            if page.audio === false
+                | audio: {},
+            if page.fancybox !== false
+                | fancybox: true,
+            if page.copyright !== false
+                if page.copyright === true
+                    | nocopy: true,
+                    != `copyright: \'${__("tips.nocopy")}\',`
+                else
+                    != `copyright: \'${__("tips.copyright", ccIcon + ccText)}\',`
+            if page.outime === false
+                | outime: false,
+            else
+                | outime: true,template: "#{ __('outime.template') }",
+            if page.quiz
+                | quiz: {
+                != `choice: \'${__('quiz.choice')}\',`
+                != `multiple: \'${__('quiz.multiple')}\',`
+                != `true_false: \'${__('quiz.true_false')}\',`
+                != `essay: \'${__('quiz.essay')}\',`
+                != `gap_fill: \'${__('quiz.gap_fill')}\',`
+                != `mistake: \'${__('quiz.mistake')}\'`
+                | },
+            | ignores : [
+            |   function(uri) {
+            |       return uri.includes('#');
+            |   },
+            |   function(uri) {
+            |       return new RegExp(LOCAL.path+"$").test(uri);
+            |   }
+            if theme.quicklink.ignores
+                | ,
+                != _safedump(theme.quicklink.ignores)
+            | ]
+            | };
+        </script>
+        script(src="https://polyfill.alicdn.com/polyfill.min.js")
+        if theme.advVendors.enable
+            each i in _list_vendor_js()
+                != _adv_vendor_js(i)
+        else
+            != _vendor_js()
+        != _js('app.js')
+        != partial('_partials/third-party/baidu-analytics.pug', {}, {cache: true})
+        != partial('_partials/third-party/qweather.pug', {}, {cache: true})
+        != _new_comments('twikoo')
+        if theme.qweather.enable
+
+        - var jsInjects = theme?.inject?.body?.js,cssInjects = theme?.inject?.body?.css
+        if cssInjects
+            != css(cssInjects)
+
+        if jsInjects
+            != js(jsInjects)
+
+
+

package/layout/_partials/loading.pug

@@ -0,0 +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")

package/layout/_partials/pagination.pug

@@ -0,0 +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})

package/layout/_partials/post/copyright.pug

@@ -0,0 +1,20 @@
+if page.copyright !== false
+    - var ccIcon = '<i class="ic i-creative-commons"><em>(CC)</em></i>'
+    - var ccText = theme.creative_commons.license | upper
+    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

@@ -0,0 +1,13 @@
+div(class="meta")
+    if date(post.date) != date(post.updated) || time(post.date) != time(post.updated)
+        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)

package/layout/_partials/post/nav.pug

@@ -0,0 +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><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

@@ -0,0 +1,26 @@
+article(itemscope itemtype="http://schema.org/Article" class="post block" lang="{{ post.lang or config.language }}")
+    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.images + '/' + 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")
+        != 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')

package/layout/_partials/post/reward.pug

@@ -0,0 +1,18 @@
+if page.reward !== false
+    div(class="reward")
+        button
+            i(class="ic i-heartbeat")
+            != __('reward.donate')
+        p
+            != __('reward.text')
+        div(id="qr")
+            each name, image 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.images + image) }` alt=`${ author } ${ translation }`)
+                    p
+                        != translation

package/layout/_partials/sidebar/menu.pug

@@ -0,0 +1,37 @@
+mixin item(name, path, parent, dropdown, sublist)
+    - var trimn = (str)=>{if (str!=null) return str.trim(); else return ""}
+    - var path = path.split('||')
+    - var itemURL = path[0].trim()
+    - if (!itemURL.startsWith('http')){ itemURL = itemURL.replace('//', '/') }
+    - var menuIcon = '<i class="ic i-' + trimn(path[1]) + '"></i>'
+    - var menuText = __('menu.' + name).replace('menu.', '')
+    if parent
+        li(class="item dropdown")
+            if itemURL == '/'
+                a(href="javascript:void(0);")
+                    != menuIcon + menuText
+            else
+                != _url(itemURL, menuIcon + menuText, {rel: 'section'})
+            if dropdown
+                ul(class="submenu")
+                    each subvalue, subname in sublist
+                        - var path = subvalue.split('||')
+                        - var itemURL = path[0].trim()
+                        - if (itemURL==='/') itemURL='javascript:void(0)'
+                        - var menuText = __('menu.' + subname).replace('menu.', '')
+                        if subname == 'default'
+                            - var menuText = __('menu.' + name).replace('menu.', '')
+                        - var menuIcon = '<i class="ic i-' + trimn(path[1]) + '"></i>'
+                        li(class="item")
+                            != _url(itemURL, menuIcon + menuText, {rel: 'section'})
+    else
+        li(class="item")
+            != _url(itemURL, menuIcon + menuText, {rel: 'section'})
+
+each value, name in theme.menu
+    if value == '[object Object]'
+        each subvalue, subname in value
+            if subname == 'default'
+                +item(name, subvalue, true, true, value)
+    else
+        +item(name, value)

package/layout/_partials/sidebar/overview.pug

@@ -0,0 +1,40 @@
+div(class="author" itemprop="author" itemscope itemtype="http://schema.org/Person")
+    img(class="image" itemprop="image" alt=author
+        data-src=url_for(theme.statics + theme.assets + '/'+ theme.sidebar.avatar))
+    p(class="name" itemprop="name")
+        != author
+    div(class="description" itemprop="description")
+        != description
+
+nav(class="state")
+    if config.archive_dir !== '/' && site.posts.length > 0
+        div(class="item posts")
+            a(href=url_for(config.archive_dir + '/'))
+                span(class="count")
+                    != site.posts.length
+                span(class="name")
+                    != __('state.posts')
+    if config.category_dir !== '/' && site.categories.length > 0
+        div(class="item categories")
+            a(href=url_for(config.category_dir + '/'))
+                span(class="count")
+                    != site.categories.length
+                span(class="name")
+                    != __('state.categories')
+    if config.tag_dir !== '/' && site.tags.length > 0
+        div(class="item tags")
+            a(href=url_for(config.tag_dir + '/'))
+                span(class="count")
+                    != site.tags.length
+                span(class="name")
+                    != __('state.tags')
+
+div(class="social")
+    each link, name  in theme.social
+        - var sidebarURL = link.split('||')[0].trim()
+        - var sidebarIcon = '<i class="ic i-' + link.split('||')[1].trim() + '"></i>'
+        != _url(sidebarURL, sidebarIcon, {title: sidebarURL, class: 'item ' + name})
+
+div(class="menu")
+    //!= partial('_partials/sidebar/menu.pug', {}, {cache: true})
+    != partial('_partials/sidebar/menu.pug')

package/layout/_partials/third-party/baidu-analytics.pug

@@ -0,0 +1,11 @@
+- var hmSrc = `https://hm.baidu.com/hm.js?${ theme.baidu_analytics }`
+if theme.baidu_analytics
+    script(data-pjax=true).
+        var _hmt = _hmt || [];
+        (function () {
+            const hm = document.createElement("script");
+            hm.src = #{hmSrc}
+            hm.async = true;
+            const s = document.getElementsByTagName("script")[0];
+            s.parentNode.insertBefore(hm, s);
+         })();

package/layout/_partials/third-party/clarity.pug

@@ -0,0 +1,8 @@
+- var code = theme?.visitor?.clarity
+if code
+    script.
+        (function(c,l,a,r,i,t,y){
+            c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};
+            t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i;
+            y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y);
+        })(window, document, "clarity", "script", "#{code}");

package/layout/_partials/third-party/qweather.pug

@@ -0,0 +1,35 @@
+script.
+     WIDGET = {
+        "CONFIG": {
+            "modules": "012",
+            "background": "5",
+            "tmpColor": "var(--text-color);",
+            "tmpSize": "16",
+            "cityColor": "var(--text-color);",
+            "citySize": "16",
+            "aqiColor": "FFFFFF",
+            "aqiSize": "16",
+            "weatherIconSize": "24",
+            "alertIconSize": "18",
+            "padding": "10px 10px 10px 10px",
+            "shadow": "0",
+            "language": "auto",
+            "borderRadius": "5",
+            "fixed": "false",
+            "vertical": "top",
+            "horizontal": "left",
+            "key": #{theme.qweather.key}
+        }
+     }
+
+script.
+    (function (d) {
+        const c = d.createElement('link')
+        c.rel = 'stylesheet'
+        c.href = 'https://widget.qweather.net/simple/static/css/he-simple.css?v=1.4.0'
+        const s = d.createElement('script')
+        s.src = 'https://widget.qweather.net/simple/static/js/he-simple.js?v=1.4.0'
+        const sn = d.getElementsByTagName('script')[0]
+        sn.parentNode.insertBefore(c, sn)
+        sn.parentNode.insertBefore(s, sn)
+    })(document)

package/layout/archive.pug

@@ -0,0 +1,31 @@
+extends _partials/layout.pug
+
+block title
+    if is_month()
+        != `${page.year}${__('symbol.year')}/${page.month}${__('symbol.month')}`
+    else if is_year()
+        != `${page.year}${__('symbol.year')}`
+    != `${__('title.archive')}|`
+
+block header
+    h1(itemprop="name headline")
+        if is_month()
+            != _p('title.archive_in', page.year + __('symbol.year') + page.month + __('symbol.month'))
+        else if is_year()
+            != _p('title.archive_in', page.year + __('symbol.year'))
+        else
+            != __('title.archive')
+
+block content
+    div(class="collapse wrap")
+        h2(class="item header")
+            if is_month()
+                a(href=url_for(config.archive_dir))
+                    != __('title.all')
+                small /
+                a(href=url_for(config.archive_dir + '/' + page.year ))
+                    != `${page.year} ${__('symbol.year')}`
+                small /
+                != `${page.month}${__('symbol.month')}`
+                small
+                    != __('title.archive')

package/layout/category.pug

@@ -0,0 +1,66 @@
+extends ./_partials/layout.pug
+
+block title
+    != `${__('title.category')}${__('symbol.colon')}${page.category}|`
+
+block header
+    h1(itemprop="name headline")
+        != _p('title.category_in', page.title)
+
+block content
+    div(class="collapse wrap")
+        - var prev = _category_prev(page.category)
+        h2(class="item header")
+            a(href=url_for(config.category_dir))
+                != __('title.all')
+            if prev
+                small /
+                != prev
+            small /
+            != page.title
+            small
+                != __('title.category')
+        - var posts = page.posts
+        - var current = "c"
+        - var lastcat = ""
+        - var lastcatslug = ""
+        each post in posts.toArray()
+            if post.categories && post.categories.length
+                - var cat_length = post.categories.length
+                each cat,index in post.categories.toArray()
+                    if cat.name == page.title
+                        - var lastcat = ""
+                        - var lastcatslug = ""
+                    else
+                        mixin lastcat
+                            != lastcat
+                            a(href=url_for(cat.path))
+                                != cat.name
+                            small
+                                if index >= post.categories.toArray().length
+                                    != cat.length
+                                else
+                                    != "/"
+                    - var lastcatslug = lastcatslug + cat.slug
+            if lastcat && lastcatslug && lastcatslug !== current
+                h3(class="item section")
+                    +lastcat
+                - var current = lastcatslug
+            article(class="item normal" itemscope itemtype="http://schema.org/Article")
+                div(class="meta")
+                    time(
+                    itemprop="dateCreated"
+                    datetime=moment(post.date).format()
+                    content=date(post.date, config.date_format)
+                    )
+                        != date(post.date, 'MM-DD')
+                div(class="title")
+                    if post.link
+                        - var postTitleIcon = '<i class="ic i-link-alt"></i>'
+                        - var postText = post.title || post.link
+                        != _url(post.link, postText + postTitleIcon, {class: 'external', itemprop: 'url'})
+                    else
+                        a(href=url_for(post.path) itemprop="url")
+                            span(itemprop="name")
+                                != post.title || __('post.untitled')
+    include _partials/pagination.pug

package/layout/index.pug

@@ -0,0 +1,33 @@
+extends _partials/layout.pug
+include _mixin/card.pug
+include _mixin/postmeta.pug
+include _mixin/segment.pug
+
+block content
+    div(class="index wrap")
+        if page.current == 1
+            if page.sticky.length > 0
+                h2(class="divider")
+                    != __('index.sticky')
+                - var sticky = page.sticky.toArray()
+                div(class="segments sticky")
+                    each post in sticky
+                        +SMRender(post)
+            if page.catlist.length > 0
+                h2(class="divider")
+                    != __('index.category')
+                div(class="cards")
+                    each cat in page.catlist
+                        +CardRender(cat)
+        - var pagePosts = page?.posts?.length
+        if pagePosts > 0
+            - var posts = page.posts.toArray()
+            if page.current == 1
+                h2(class="divider")
+                    != __('index.posts')
+            div(class="segments posts")
+                each post in posts
+                    +SMRender(post)
+    include _partials/pagination.pug
+
+

package/layout/page.pug

@@ -0,0 +1,56 @@
+extends _partials/layout.pug
+include _mixin/sidebar.pug
+include _mixin/comment.pug
+
+block title
+    if page.type === 'categories'
+        != __('title.all') + __('title.category')
+    else if page.type === 'tags'
+        != __('title.all') + __('title.tag')
+    else if page.type === '404'
+        != __('title.not_found')
+    else
+        != page.title
+    != "|"
+
+block header
+    h1(itemprop="name headline")
+        if page.link
+            - var postTitleIcon = '<i class="ic i-link-alt"></i>'
+            - var postText = page.title || page.link
+            != _url(page.link, postText + postTitleIcon, {class: 'link external', itemprop: 'url'})
+        else
+            if page.type === 'categories'
+                != __('title.all') + __('title.category')
+            else if page.type === 'tags'
+                != __('title.all') + __('title.tag')
+            else if page.type === '404'
+                != __('title.not_found')
+            else
+                != page.title
+            != "|"
+
+block content
+    if page.type === 'categories'
+        div(class="collapse wrap")
+            h2(class="item title")
+                a(href=url_for(site.path))
+                    != __('menu.home')
+                small
+                != _p('counter.categories', site.categories.length)
+    else if page.type === 'tags'
+        div(class="collapse wrap")
+            h2(class="item title")
+                a(href=url_for(site.path))
+                    != __('menu.home')
+                small
+                != _p('counter.tag_cloud', site.tags.length)
+            div(class="tag cloud")
+                != tagcloud({min_font: theme.tagcloud.min,max_font: theme.tagcloud.max,amount: theme.tagcloud.amount,color: true,start_color: theme.tagcloud.start,end_color: theme.tagcloud.end})
+    else
+        div(class="page wrap")
+            != partial('_partials/post/post.pug', {post: page})
+        +CommentRender
+
+block sidebar
+    +sidebarRender(true)

package/layout/post.pug

@@ -0,0 +1,35 @@
+extends _partials/layout.pug
+include _mixin/sidebar.pug
+include _mixin/comment.pug
+include _mixin/postmeta.pug
+
+block title
+    - var page_title = page.title
+    if page.categories && page.categories.length
+        - var cat_list = ''
+        - var comma = ''
+        each cat in page.categories.toArray()
+            - var cat_list = cat.name + comma + cat_list
+            - var comma = ' - '
+        - var page_title = page.title + ' - ' + cat_list
+    != `${page_title} |`
+
+block header
+    h1(itemprop="name headline")
+        if page.link
+            - var postTitleIcon = '<i class="ic i-link-alt"></i>'
+            - var postText = page.title || page.link
+            != _url(page.link, postText + postTitleIcon, {class: 'link external', itemprop: 'url'})
+        else
+            != page.title
+    +PMRender(page, true)
+
+block content
+    div(class="article wrap")
+        +BCRender(page, true)
+        != partial('_partials/post/post.pug', {post: page})
+    != partial('_partials/post/nav.pug', {post: page})
+    +CommentRender
+
+block sidebar
+    +sidebarRender(true)