hexo-theme-shokax 0.0.1-alpha1

package/languages/zh-TW.yml

@@ -0,0 +1,146 @@
+---
+name: 繁體中文
+favicon:
+  show: （●´3｀●）復活成功
+  hide: (´Д｀)瀏覽器崩潰啦
+
+title:
+  archive: 歸檔
+  category: 分類
+  tag: 標籤
+  all: 全部
+  not_found: Σ( ° △ °|||)︴404！何も見えない
+  category_in: 分類於"%s"的文章
+  tag_in: 包含標籤"%s"的文章
+  archive_in: 發表於"%s"的文章
+
+menu:
+  home: 首頁
+  posts: 文章
+  archives: 歸檔
+  categories: 分類
+  tags: 標籤
+  about: 關於
+  search: 檢索
+
+sidebar:
+  overview: 本站概要
+  toc: 文章目錄
+  related: 系列文章
+
+index:
+  sticky: 置頂文章
+  category: 精選分類
+  posts: 文章列表
+  random_posts: 隨機文章
+  recent_comments: 最新評論
+
+post:
+  posted: 發表於
+  edited: 更新於
+  created: 創建時間
+  modified: 修改時間
+  edit: 編輯
+  in: 分類於
+  read_more: 閱讀全文
+  untitled: 未命名
+  sticky: 置頂
+  views: 閱讀次數
+  related_posts: 相關文章
+  next: 下一篇
+  prev: 上一篇
+  copyright:
+    author: 作者
+    link: 文章連結
+    license_title: 版權聲明
+    license_content: "本網誌所有文章除特別聲明外，均採用 %s 許可協議。轉載請註明出處！"
+    nocopy: "<span class=\"red\">本頁內容禁止轉載！</span>"
+
+footer:
+  powered: "基於 %s"
+  total_views: 總瀏覽次數
+  total_visitors: 訪客總數
+
+counter:
+  index:
+    post: "%d 篇文章"
+    category:  "%d 個子項，"
+  tag_cloud:
+    zero: 沒有標籤
+    one: 目前共有 1 個標籤
+    other: "目前共有 %d 個標籤"
+  categories:
+    zero: 沒有分類
+    one: 目前共有 1 個分類
+    other: "目前共有 %d 個分類"
+  archive_posts:
+    zero: 沒有文章。
+    one: 目前共有 1 篇文章。
+    other: "目前共有 %d 篇文章。"
+
+state:
+  posts: 文章
+  tags: 標籤
+  categories: 分類
+
+search:
+  placeholder: 文章搜尋
+  empty: "關於 「 ${query} 」 ，什麼也沒搜到"
+  stats: "${time} ms 內找到 ${hits} 條結果"
+
+cheers:
+  um: 嗯..
+  ok: 還行
+  nice: 好
+  good: 很好
+  great: 非常好
+  excellent: 太棒了
+
+keep_on: 繼續努力。
+
+symbol:
+  comma: "，"
+  period: "。"
+  colon: "："
+  year: 年
+  month: 月
+
+reward:
+  donate: 捐贈
+  text: 請我喝[茶]~(￣▽￣)~*
+  wechatpay: 微信支付
+  alipay: 支付寶
+  paypal: PayPal
+  bitcoin: 比特幣
+
+follow_me:
+  welcome: 歡迎關注我的其它發布渠道
+
+accessibility:
+  nav_toggle: 切換導航欄
+  prev_page: 上一頁
+  next_page: 下一頁
+
+symbols_count_time:
+  count: 文章字數
+  count_total: 總字數
+  time: 所需閱讀時間
+  time_total: 所需總閱讀時間
+  time_minutes: 分鐘
+  word: 字
+  view: 次
+
+tips:
+  copyright: "複製成功，轉載請遵守 %s 協議。"
+  nocopy: "複製失敗，本頁內容禁止轉載！"
+
+quiz:
+  choice: 單選題
+  multiple: 多選題
+  true_false: 判斷題
+  essay: 問答題
+  gap_fill: 填空題
+  mistake: 錯題備註
+
+outime:
+  template: "<div class=\"note warning\"><p><span class=\"label warning\">文章時效性提示</span><br>這是一篇發佈於 {{publish}} 天前，最後一次更新在 {{updated}} 天前的文章，部分信息可能已經發生改變，請注意甄別。</p></div>"

package/layout/_alternate/atom.ejs

@@ -0,0 +1,30 @@
+<?xml version="1.0"?>
+<feed xmlns="http://www.w3.org/2005/Atom">
+    <id><%= config.url %></id>
+    <title><%= config.title %></title>
+    <subtitle><%= config.subtitle %></subtitle>
+    <icon><%= full_url_for('/images/favicon.ico') %></icon>
+    <link href="<%= config.url %>" />
+    <author>
+      <name><%= config.author %></name>
+    </author>
+    <updated><%= moment(lastBuildDate).toISOString() %></updated>
+    <%_ for (item of (config.keywords ? config.keywords.split(',') : [])) { _%>
+    <category term="<%= item %>" />
+    <%_ } _%>
+    <%_ for (const post of posts) { _%>
+    <entry>
+        <id><%= post.permalink %></id>
+        <title><%= post.title %></title>
+        <link rel="alternate" href="<%= post.permalink %>"/>
+        <content type="html"><%= post.content %></content>
+        <%_ 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) %>" />
+        <%_ } _%>
+        <updated><%= moment(post.date).toISOString() %></updated>
+    </entry>
+    <%_ } _%>
+</feed>

package/layout/_alternate/json.ejs

@@ -0,0 +1,16 @@
+<%- JSON.stringify({
+    version: 'https://jsonfeed.org/version/1',
+    title: config.title,
+    subtitle: config.subtitle,
+    icon: full_url_for('/images/favicon.ico'),
+    description: config.description,
+    home_page_url: config.url,
+    items: posts.map(post => ({
+        id: post.permalink,
+        url: post.permalink,
+        title: post.title,
+        date_published: moment(post.date).toISOString(),
+        content_html: post.content || '',
+        tags: [...(post.categories ? post.categories.toArray() : []).map(({ name }) => name), ...(post.tags ? post.tags.toArray() : []).map(({ name }) => name)]
+    }))
+}, null, 4) _%>

package/layout/_alternate/rss.ejs

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

package/layout/_mixin/breadcrumb.pug

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

package/layout/_mixin/card.pug

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

package/layout/_mixin/comment.pug

@@ -0,0 +1,10 @@
+mixin CommentRender()
+    - 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")
+

package/layout/_mixin/postmeta.pug

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

package/layout/_mixin/segment.pug

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

package/layout/_mixin/sidebar.pug

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

package/layout/_mixin/widgets.pug

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

package/layout/_partials/footer.pug

@@ -0,0 +1,61 @@
+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/tree/vue', 'ShokaX with Vue'))
+    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
+
+
+if theme.footer.lantern.enable
+    div(class="deng-box")
+        div(class="deng")
+            div(class="xian")
+            div(class="deng-a")
+                div(class="deng-b")
+                    div(class="deng-t")
+                        != theme.footer.lantern.word2
+            div(class="shui shui-a")
+                div(class="shui-c")
+                div(class="shui-b")
+    div(class="deng-box1")
+        div(class="deng")
+            div(class="xian")
+            div(class="deng-a")
+                div(class="deng-b")
+                    div(class="deng-t")
+                        != theme.footer.lantern.word1
+            div(class="shui shui-a")
+                div(class="shui-c")
+                div(class="shui-b")
+

package/layout/_partials/head/head.pug

@@ -0,0 +1,54 @@
+- var msValidate = theme?.seo?.bing,googleValid = theme?.seo?.google
+- var yandexValid = theme?.seo?.yandex,baiduValid = theme?.seo?.baidu
+- var siteTitle = config.title,noBaiduT = theme?.seo?.disable_baidu_transformation
+- var feedLink = full_url_for("/feed.json")
+- var twikooLink = theme?.twikoo?.link;var jsInjects = theme?.inject?.head?.js,cssInjects = theme?.inject?.head?.css
+- var wl = theme.waline.enable
+meta(charset="UTF-8")
+meta(name="viewport" content="width=device-width,initial-scale=1,maximum-scale=2")
+meta(name="theme-color" content="#222")
+
+meta(http-equiv="X-UA-COMPATIBLE" content="IE=edge,chrome=1")
+meta(name="renderer" content="webkit")
+link(rel="icon" type="image/ico" sizes="32x32" href=url_for(theme.statics +  theme.assets + theme.icon.favicon))
+if theme.icon.apple_touch_icon
+    link(rel="apple-touch-icon" sizes="180x180" href=url_for(theme.statics +  theme.assets + theme.icon.apple_touch_icon))
+
+if msValidate
+    meta(name="msvalidate.01" content=msValidate)
+if googleValid
+    meta(name="google-site-verification" content=googleValid)
+if yandexValid
+    meta(name="yandex-verification" content=yandexValid)
+if baiduValid
+    meta(name="baidu-site-verification" content=baiduValid)
+if noBaiduT
+    meta(http-equiv="Cache-Control" content="no-transform")
+    meta(http-equiv="Cache-Control" content="no-siteapp")
+
+!= feed_tag('rss.xml')
+!= feed_tag('atom.xml')
+link(rel="alternate" type="application/json" title=siteTitle href=feedLink)
+!= _vendor_font()
+if theme.custom.enable
+    != _local_fonts()
+!= _css('app.css')
+script(src="https://unpkg.com/vue@3/dist/vue.global.js")
+include pwa.pug
+if twikooLink && !wl
+    != _css("twikoo.css")
+    script(src=twikooLink)
+else if wl
+    link(rel="stylesheet" href="https://unpkg.com/@waline/client@v2/dist/waline.css")
+    script(nomodule src="https://unpkg.com/@waline/client@v2/dist/waline.js")
+if theme.qweather.enable
+    style.
+        img[data-v-7d48daab] {
+            max-width: 2em !important;
+        }
+
+if cssInjects
+    != css(cssInjects)
+
+if jsInjects
+    != js(jsInjects)

package/layout/_partials/head/head_com.pug

@@ -0,0 +1,17 @@
+- var keywords='',tmp=page?.tags?.toArray()
+if tmp
+    each tag,index in tmp
+        -   keywords += tag.name
+        -   index++
+        -   if (index < tmp.length) keywords += ','
+if page.keywords
+    meta(name="keywords" content=page.keywords)
+else if page.tags && page.tags.length
+    meta(name="keywords" content=keywords)
+else if config.keywords
+    meta(name="keywords" content=config.keywords)
+
+!= canonical()
+
+if theme.open_graph
+    != open_graph(theme.open_graph)

package/layout/_partials/head/pwa.pug

@@ -0,0 +1,17 @@
+//- https://blog.cyfan.top/p/c0af86bb.html#%E5%AE%89%E8%A3%85-Install
+if theme.pwa.enable
+    script(data-pjax async)
+        | if ('serviceWorker' in navigator) {
+        !=    `navigator.serviceWorker.register(\"/${theme.pwa.serviceworker}?time=${new Date().getTime()}\").then(async (reg) => {`
+        |            if (window.localStorage.getItem('install') !== 'true') {
+        |                window.localStorage.setItem('install', 'true');
+        |                setTimeout(() => {
+        |                    window.location.reload()
+        |                }, 500)
+        |            }
+        |        }).catch(err => {
+        |        console.log(err)
+        |    })
+        |    ;
+        |}
+    link(rel="manifest" href=`/${theme.pwa.manifest}`)

package/layout/_partials/header.pug

@@ -0,0 +1,19 @@
+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")
+            li(class="item weather")
+                div(id="he-plugin-simple")
+