hexo-theme-solitude 1.0.0

package/layout/tag.ejs

@@ -0,0 +1,19 @@
+<main class="layout" id="content-inner">
+    <div id="tag">
+        <div id="tag-page-tags">
+            <% site.tags.data.forEach(data => { %>
+                <a href="<%= url_for(data.path) %>" class="<%= data.name === page.tag ? 'select' : '' %>">
+                    <span class="tags-punctuation"></span>
+                    <%= data.name %>
+                    <span class="tagsPageCount"><%= data.length %></span>
+                </a>
+            <% }) %>
+        </div>
+        <div class="article-sort-title"><%= page.tag %></div>
+        <div class="article-sort">
+            <%- partial('partial/compoment/mixins/articleSort') %>
+        </div>
+        <%- partial('partial/compoment/mixins/pagination') %>       
+    </div>
+    <%- partial('partial/compoment/aside/aside') %> 
+</main>

package/package.json

@@ -0,0 +1,24 @@
+{
+  "name": "hexo-theme-solitude",
+  "version": "1.0.0",
+  "description": "A beautiful, powerful, and efficient Hexo theme developed by the hexo-theme-Solitude team",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/DuoSco/hexo-theme-solitude.git"
+  },
+  "keywords": [
+    "hexo",
+    "theme",
+    "hexo-theme-solitude"
+  ],
+  "author": "Hexo-Theme-Solitude <wleelw@sondy.top>",
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/DuoSco/Hexo-theme-solitude/issues"
+  },
+  "homepage": "https://github.com/DuoSco/hexo-theme-solitude#readme",
+  "main": "index.js"
+}

package/scripts/event/init.js

@@ -0,0 +1,22 @@
+hexo.extend.filter.register('before_generate', () => {
+    // Get first two digits of the Hexo version number
+    const hexoVer = hexo.version.replace(/(^.*\..*)\..*/, '$1')
+    const nodeVer = process.version.replace(/^v/, '');
+    const [majorVer] = nodeVer.split('.');
+    const logger = hexo.log, config = hexo.config
+  
+    if (hexoVer < 5.3) {
+      logger.error('请把 Hexo 升级到 V5.3.0 或更高的版本！')
+      process.exit(-1)
+    }
+
+    if(config.prismjs.enable){
+      logger.error('主题尚未支持 prismjs 请使用 highlightjs ！')
+      process.exit(-1)
+    }
+    if (Number(majorVer) < 14) {
+      logger.error('请将 Node.js 升级到 v14.0.0 或更高的版本！');
+      process.exit(-1);
+  }
+  }
+  )

package/scripts/event/page.js

@@ -0,0 +1,40 @@
+hexo.extend.generator.register('404', function (locals) {
+  if(!this.theme.config.page.error)return
+  return {
+    path: '404.html',
+    layout: ['404'],
+    data: {
+      title: '404',
+      type: '404',
+      comment: false
+    }
+  }
+})
+
+// generate tags Page
+hexo.extend.generator.register('tags', function(locals) {
+  if(!this.theme.config.page.tags)return
+  return {
+    path: 'tags/index.html',
+    layout: ['page'],
+    data: {
+      title: 'tags',
+      type: 'tags',
+      comment: false
+    }
+  };
+});
+
+// generate categories Page
+hexo.extend.generator.register('categories', function(locals) {
+  if(!this.theme.config.page.categories)return
+  return {
+    path: 'categories/index.html',
+    layout: ['page'],
+    data: {
+      title: 'categories',
+      type: 'categories',
+      comment: false
+    }
+  };
+});

package/scripts/event/welcome.js

@@ -0,0 +1,15 @@
+hexo.on('ready', () => {
+  const { version } = require('../../package.json')
+  hexo.log.info(`
+  ===================================================================
+      #####  #    #  ####  #####  ######   ##   #####
+      #    # #    # #    # #    # #       #  #  #    #
+      #####  #    # #      #####  ###### #    # ######
+      #    # #    # #  ### #    # #      ###### #  #
+      #    # #    # #    # #    # #      #    # #   #
+      #####   ####    ###  #####  ###### #    # #    #
+                            ${version}
+  ===================================================================
+  主题链接：https://github.com/DuoSco/Hexo-theme-solitude
+  主题开发：王卓Sco`)
+})

package/scripts/filter/checkThemeConfig.js

@@ -0,0 +1,18 @@
+'use strict';
+
+hexo.extend.filter.register('before_post_render', () => {
+
+    const logger = hexo.log;
+    const theme = hexo.theme.config;
+    const config = hexo.config;
+    if (theme.hometop.banner.enable && !theme.hometop.banner.icon) {
+        logger.error('\n 启用banner的情况下，必须提供 icon 图片！\n 请在主题配置文件中设置 hometop.banner.icon 选项。');
+        logger.error('\n If banner is enabled, icon image must be supplied! \n Please set the hometop.banner.icon option in the theme configuration file.');
+        process.exit(-1);
+    }
+    if (config.language !== 'zh-CN' && config.language !== 'en-US') {
+        logger.error('\n 请在站点配置文件中设置 language 选项为 zh-CN 或 en-US。');
+        process.exit(-1);
+    }
+}
+);

package/scripts/filter/default.js

@@ -0,0 +1,23 @@
+'use strict';
+
+hexo.extend.filter.register('after_post_render', function(data){
+  const config = hexo.theme.config
+  data.title = data.title || '无标题';
+  if(data.layout === 'post'){
+    data.locate = data.locate || config.post.default.locate
+    data.cc = data.cc || config.post.default.copyright
+    data.cover = data.cover || config.post.default.cover
+    data.excerpt =  data.description || data.excerpt
+    if(config.aside.toc.post && data.toc !== false)data.toc = true
+    else data.toc = false
+  }
+  if(data.layout === 'page'){
+    data.cover = data.cover || config.page.default.cover
+    data.excerpt =  data.title
+    if(config.aside.toc.page && data.toc !== false && data.aside)data.toc = true
+    else data.toc = false
+  }
+  if(config.comment.enable && data.comment !== false)data.comment = true
+  else data.comment = false
+  return data;
+});

package/scripts/filter/katex.js

@@ -0,0 +1,25 @@
+const katex = require('katex');
+
+hexo.extend.filter.register('marked:extensions', function(extensions) {
+    // Info: `extensions` is an array.
+    extensions.push({
+        name: 'blockMath',
+        level: 'block',
+        tokenizer(src) {
+            const cap = /^\s{0,3}\$\$((?:[^\n]|\n[^\n])+?)\n{0,1}\$\$/.exec(src);
+
+            if (cap !== null) {
+                return {
+                    type: 'blockMath',
+                    raw: cap[0],
+                    math: cap[1]
+                };
+            }
+
+            return undefined;
+        },
+        renderer(token) {
+            return `<p>${katex.renderToString(token.math, {displayMode: true})}</p>\n`;
+        }
+    });
+});

package/scripts/filter/lazyload.js

@@ -0,0 +1,11 @@
+const urlFor = require('hexo-util').url_for.bind(hexo)
+
+hexo.extend.filter.register('after_render:html', function (data) {
+    const config = hexo.theme.config.lazyload
+    if (!config.enable) return
+    const bg = config.placeholder ? urlFor(config.placeholder) : 'data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7'
+    return data.replace(
+        /(<img(?!.*?class[\t]*=[\t]*['"].*?nolazyload.*?['"]).*? src=)/gi,
+        `$1 "${bg}" data-lazy-src=`
+    )
+})

package/scripts/filter/randomPosts.js

@@ -0,0 +1,9 @@
+hexo.extend.filter.register('after_render:html', function (data) {
+    const posts = []
+    hexo.locals.get('posts').map(function (post) {
+      if (post.random !== false) posts.push(post.path)
+    })
+    data += `<script>const posts=${JSON.stringify(posts)};function toRandomPost(){ pjax.loadUrl('/'+posts[Math.floor(Math.random()*posts.length)]); };</script>`
+    //data += `<script>const posts=${JSON.stringify(posts)};function toRandomPost(){ window.pjax ?  : window.open('/'+posts[Math.floor(Math.random()*posts.length)], "_self"); };</script>`
+    return data
+})

package/scripts/helper/charts.js

@@ -0,0 +1,397 @@
+const cheerio = require('cheerio')
+const moment = require('moment')
+
+hexo.extend.filter.register('after_render:html', function (locals) {
+    const $ = cheerio.load(locals)
+    const post = $('#posts-chart')
+    const tag = $('#tags-chart')
+    const category = $('#categories-chart')
+    const htmlEncode = false
+
+    if (post.length > 0 || tag.length > 0 || category.length > 0) {
+        if (post.length > 0 && $('#postsChart').length === 0) {
+            if (post.attr('data-encode') === 'true') htmlEncode = true
+            post.after(postsChart(post.attr('data-start')))
+        }
+        if (tag.length > 0 && $('#tagsChart').length === 0) {
+            if (tag.attr('data-encode') === 'true') htmlEncode = true
+            tag.after(tagsChart(tag.attr('data-length')))
+        }
+        if (category.length > 0 && $('#categoriesChart').length === 0) {
+            if (category.attr('data-encode') === 'true') htmlEncode = true
+            category.after(categoriesChart(category.attr('data-parent')))
+        }
+
+        if (htmlEncode) {
+            return $.root().html().replace(/&#/g, '&#')
+        } else {
+            return $.root().html()
+        }
+    } else {
+        return locals
+    }
+}, 15)
+
+function postsChart (startMonth) {
+    const startDate = moment(startMonth || '2020-01')
+    const endDate = moment()
+
+    const monthMap = new Map()
+    const dayTime = 3600 * 24 * 1000
+    for (let time = startDate; time <= endDate; time += dayTime) {
+        const month = moment(time).format('YYYY-MM')
+        if (!monthMap.has(month)) {
+            monthMap.set(month, 0)
+        }
+    }
+    hexo.locals.get('posts').forEach(function (post) {
+        const month = post.date.format('YYYY-MM')
+        if (monthMap.has(month)) {
+            monthMap.set(month, monthMap.get(month) + 1)
+        }
+    })
+    const monthArr = JSON.stringify([...monthMap.keys()])
+    const monthValueArr = JSON.stringify([...monthMap.values()])
+
+    return `
+  <script id="postsChart">
+    var color = document.documentElement.getAttribute('data-theme') === 'light' ? '#4c4948' : 'rgba(255,255,255,0.7)'
+    var postsChart = echarts.init(document.getElementById('posts-chart'), 'light');
+    var postsOption = {
+      title: {
+        text: '文章发布统计图',
+        x: 'center',
+        textStyle: {
+          color: color
+        }
+      },
+      tooltip: {
+        trigger: 'axis'
+      },
+      xAxis: {
+        name: '日期',
+        type: 'category',
+        boundaryGap: false,
+        nameTextStyle: {
+          color: color
+        },
+        axisTick: {
+          show: false
+        },
+        axisLabel: {
+          show: true,
+          color: color
+        },
+        axisLine: {
+          show: true,
+          lineStyle: {
+            color: color
+          }
+        },
+        data: ${monthArr}
+      },
+      yAxis: {
+        name: '文章篇数',
+        type: 'value',
+        nameTextStyle: {
+          color: color
+        },
+        splitLine: {
+          show: false
+        },
+        axisTick: {
+          show: false
+        },
+        axisLabel: {
+          show: true,
+          color: color
+        },
+        axisLine: {
+          show: true,
+          lineStyle: {
+            color: color
+          }
+        }
+      },
+      series: [{
+        name: '文章篇数',
+        type: 'line',
+        smooth: true,
+        lineStyle: {
+            width: 0
+        },
+        showSymbol: false,
+        itemStyle: {
+          opacity: 1,
+          color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
+            offset: 0,
+            color: 'rgba(128, 255, 165)'
+          },
+          {
+            offset: 1,
+            color: 'rgba(1, 191, 236)'
+          }])
+        },
+        areaStyle: {
+          opacity: 1,
+          color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
+            offset: 0,
+            color: 'rgba(128, 255, 165)'
+          }, {
+            offset: 1,
+            color: 'rgba(1, 191, 236)'
+          }])
+        },
+        data: ${monthValueArr},
+        markLine: {
+          data: [{
+            name: '平均值',
+            type: 'average',
+            label: {
+              color: color
+            }
+          }]
+        }
+      }]
+    };
+    postsChart.setOption(postsOption);
+    window.addEventListener('resize', () => { 
+      postsChart.resize();
+    });
+    postsChart.on('click', 'series', (event) => {
+      if (event.componentType === 'series') window.location.href = '/archives/' + event.name.replace('-', '/');
+    });
+  </script>`
+}
+
+function tagsChart (len) {
+    const tagArr = []
+    hexo.locals.get('tags').map(function (tag) {
+        tagArr.push({ name: tag.name, value: tag.length, path: tag.path })
+    })
+    tagArr.sort((a, b) => { return b.value - a.value })
+
+    const dataLength = Math.min(tagArr.length, len) || tagArr.length
+    const tagNameArr = []
+    for (let i = 0; i < dataLength; i++) {
+        tagNameArr.push(tagArr[i].name)
+    }
+    const tagNameArrJson = JSON.stringify(tagNameArr)
+    const tagArrJson = JSON.stringify(tagArr)
+
+    return `
+  <script id="tagsChart">
+    var color = document.documentElement.getAttribute('data-theme') === 'light' ? '#4c4948' : 'rgba(255,255,255,0.7)'
+    var tagsChart = echarts.init(document.getElementById('tags-chart'), 'light');
+    var tagsOption = {
+      title: {
+        text: 'Top ${dataLength} 标签统计图',
+        x: 'center',
+        textStyle: {
+          color: color
+        }
+      },
+      tooltip: {},
+      xAxis: {
+        name: '标签',
+        type: 'category',
+        nameTextStyle: {
+          color: color
+        },
+        axisTick: {
+          show: false
+        },
+        axisLabel: {
+          show: true,
+          color: color,
+          interval: 0
+        },
+        axisLine: {
+          show: true,
+          lineStyle: {
+            color: color
+          }
+        },
+        data: ${tagNameArrJson}
+      },
+      yAxis: {
+        name: '文章篇数',
+        type: 'value',
+        splitLine: {
+          show: false
+        },
+        nameTextStyle: {
+          color: color
+        },
+        axisTick: {
+          show: false
+        },
+        axisLabel: {
+          show: true,
+          color: color
+        },
+        axisLine: {
+          show: true,
+          lineStyle: {
+            color: color
+          }
+        }
+      },
+      series: [{
+        name: '文章篇数',
+        type: 'bar',
+        data: ${tagArrJson},
+        itemStyle: {
+          borderRadius: [5, 5, 0, 0],
+          color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
+            offset: 0,
+            color: 'rgba(128, 255, 165)'
+          },
+          {
+            offset: 1,
+            color: 'rgba(1, 191, 236)'
+          }])
+        },
+        emphasis: {
+          itemStyle: {
+            color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
+              offset: 0,
+              color: 'rgba(128, 255, 195)'
+            },
+            {
+              offset: 1,
+              color: 'rgba(1, 211, 255)'
+            }])
+          }
+        },
+        markLine: {
+          data: [{
+            name: '平均值',
+            type: 'average',
+            label: {
+              color: color
+            }
+          }]
+        }
+      }]
+    };
+    tagsChart.setOption(tagsOption);
+    window.addEventListener('resize', () => { 
+      tagsChart.resize();
+    });
+    tagsChart.on('click', 'series', (event) => {
+      if(event.data.path) window.location.href = '/' + event.data.path;
+    });
+  </script>`
+}
+
+function categoriesChart (dataParent) {
+    const categoryArr = []
+    let categoryParentFlag = false
+    hexo.locals.get('categories').map(function (category) {
+        if (category.parent) categoryParentFlag = true
+        categoryArr.push({
+            name: category.name,
+            value: category.length,
+            path: category.path,
+            id: category._id,
+            parentId: category.parent || '0'
+        })
+    })
+    categoryParentFlag = categoryParentFlag && dataParent === 'true'
+    categoryArr.sort((a, b) => { return b.value - a.value })
+    function translateListToTree (data, parent) {
+        let tree = []
+        let temp
+        data.forEach((item, index) => {
+            if (data[index].parentId == parent) {
+                let obj = data[index];
+                temp = translateListToTree(data, data[index].id);
+                if (temp.length > 0) {
+                    obj.children = temp
+                }
+                if (tree.indexOf())
+                    tree.push(obj)
+            }
+        })
+        return tree
+    }
+    const categoryNameJson = JSON.stringify(categoryArr.map(function (category) { return category.name }))
+    const categoryArrJson = JSON.stringify(categoryArr)
+    const categoryArrParentJson = JSON.stringify(translateListToTree(categoryArr, '0'))
+
+    return `
+  <script id="categoriesChart">
+    var color = document.documentElement.getAttribute('data-theme') === 'light' ? '#4c4948' : 'rgba(255,255,255,0.7)'
+    var categoriesChart = echarts.init(document.getElementById('categories-chart'), 'light');
+    var categoryParentFlag = ${categoryParentFlag}
+    var categoriesOption = {
+      title: {
+        text: '文章分类统计图',
+        x: 'center',
+        textStyle: {
+          color: color
+        }
+      },
+      legend: {
+        top: 'bottom',
+        data: ${categoryNameJson},
+        textStyle: {
+          color: color
+        }
+      },
+      tooltip: {
+        trigger: 'item'
+      },
+      series: []
+    };
+    categoriesOption.series.push(
+      categoryParentFlag ? 
+      {
+        nodeClick :false,
+        name: '文章篇数',
+        type: 'sunburst',
+        radius: ['15%', '90%'],
+        center: ['50%', '55%'],
+        sort: 'desc',
+        data: ${categoryArrParentJson},
+        itemStyle: {
+          borderColor: '#fff',
+          borderWidth: 2,
+          emphasis: {
+            focus: 'ancestor',
+            shadowBlur: 10,
+            shadowOffsetX: 0,
+            shadowColor: 'rgba(255, 255, 255, 0.5)'
+          }
+        }
+      }
+      :
+      {
+        name: '文章篇数',
+        type: 'pie',
+        radius: [30, 80],
+        roseType: 'area',
+        label: {
+          color: color,
+          formatter: '{b} : {c} ({d}%)'
+        },
+        data: ${categoryArrJson},
+        itemStyle: {
+          emphasis: {
+            shadowBlur: 10,
+            shadowOffsetX: 0,
+            shadowColor: 'rgba(255, 255, 255, 0.5)'
+          }
+        }
+      }
+    )
+    categoriesChart.setOption(categoriesOption);
+    window.addEventListener('resize', () => { 
+      categoriesChart.resize();
+    });
+    categoriesChart.on('click', 'series', (event) => {
+      if(event.data.path) window.location.href = '/' + event.data.path;
+    });
+  </script>`
+}

package/scripts/helper/getArchiveLength.js

@@ -0,0 +1,18 @@
+const moment = require('moment')
+
+hexo.extend.helper.register('getArchiveLength', function (type) {
+    if (type !== 'year' && type !== 'month') {
+        type = 'year';
+    }
+    const posts = this.site.posts.sort('-date').data
+    let archive = {}
+    posts.forEach(post => {
+        const postdate = type === 'year' ? moment(post.date).format('YYYY') : moment(post.date).format('YYYY/MM');
+        if(!archive[postdate]){
+            archive[postdate] = 1
+        } else {
+            archive[postdate] ++
+        }
+    });
+    return archive
+});

package/scripts/helper/randomLinks.js

@@ -0,0 +1,16 @@
+hexo.extend.helper.register('randomLinks', function(){
+    const links = []
+    const data = this.site.data.links.links
+    if(!data)return
+    data.forEach(x => {
+        if(x.type === "item"){
+            x.link_list.forEach(y => {
+                links.push({
+                    name: y.name,
+                    link: y.link
+                })
+            })
+        }
+    });
+    return `<script>const links=${JSON.stringify(links)};function travelling(){const link=links[utils.randomNum(links.length)];utils.snackbarShow('您即将前往 ⌈ '+link.name+' ⌋ , 安全性未知',false,3000);setTimeout(()=>{window.open(link.link,"_blank")},3000)};function randomLinksList(){let data='';for(let i=1;i<=3;i++){const link=links[utils.randomNum(links.length)];data+='<a class="footer-item" href="'+link.link+'" target="_blank" rel="noopener nofollow">'+link.name+'</a>'};document.getElementById('friend-links-in-footer').innerHTML=data + '<a class="footer-item" href="/links/">更多</a>'};</script>`
+})