${content}
`
22 | } else {
23 | return `${content}
`
24 | }
25 | }
26 |
27 | hexo.extend.tag.register('audio', postAudio);
28 | hexo.extend.tag.register('video', postVideo);
29 | hexo.extend.tag.register('videos', postVideos, {ends: true});
30 |
--------------------------------------------------------------------------------
/layout/includes/third-party/card-post-count/disqus.pug:
--------------------------------------------------------------------------------
1 | - const { shortname, apikey } = theme.disqus
2 | script.
3 | (() => {
4 | const getCount = async () => {
5 | try {
6 | const eleGroup = document.querySelectorAll('#recent-posts .disqus-count')
7 | const cleanedLinks = Array.from(eleGroup).map(i => `thread:link=${i.href.replace(/#post-comment$/, '')}`);
8 |
9 | const res = await fetch(`https://disqus.com/api/3.0/threads/set.json?forum=!{shortname}&api_key=!{apikey}&${cleanedLinks.join('&')}`,{
10 | method: 'GET'
11 | })
12 | const result = await res.json()
13 |
14 | eleGroup.forEach(i => {
15 | const cleanedLink = i.href.replace(/#post-comment$/, '')
16 | const urlData = result.response.find(data => data.link === cleanedLink) || { posts: 0 }
17 | i.textContent = urlData.posts
18 | })
19 | } catch (err) {
20 | console.error(err)
21 | }
22 | }
23 |
24 | window.pjax ? getCount() : window.addEventListener('load', getCount)
25 | })()
26 |
--------------------------------------------------------------------------------
/source/js/eurkon/rgbaster.min.js:
--------------------------------------------------------------------------------
1 | !function(n){"use strict";var t=function(){return document.createElement("canvas").getContext("2d")},e=function(n,e){var a=new Image,o=n.src||n;"data:"!==o.substring(0,5)&&(a.crossOrigin="Anonymous"),a.onload=function(){var n=t("2d");n.drawImage(a,0,0);var o=n.getImageData(0,0,a.width,a.height);e&&e(o.data)},a.src=o},a=function(n){return["rgb(",n,")"].join("")},o=function(n){return n.map(function(n){return a(n.name)})},r=5,i=10,c={};c.colors=function(n,t){t=t||{};var c=t.exclude||[],u=t.paletteSize||i;e(n,function(e){for(var i=n.width*n.height||e.length,m={},s="",d=[],f={dominant:{name:"",count:0},palette:Array.apply(null,new Array(u)).map(Boolean).map(function(){return{name:"0,0,0",count:0}})},l=0;i>l;){if(d[0]=e[l],d[1]=e[l+1],d[2]=e[l+2],s=d.join(","),m[s]=s in m?m[s]+1:1,-1===c.indexOf(a(s))){var g=m[s];g>f.dominant.count?(f.dominant.name=s,f.dominant.count=g):f.palette.some(function(n){return g>n.count?(n.name=s,n.count=g,!0):void 0})}l+=4*r}if(t.success){var p=o(f.palette);t.success({dominant:a(f.dominant.name),secondary:p[0],palette:p})}})},n.RGBaster=n.RGBaster||c}(window);
--------------------------------------------------------------------------------
/scripts/tag/plugins/btns.js:
--------------------------------------------------------------------------------
1 | 'use strict';
2 |
3 | function postBtns(args, content) {
4 | return `
5 | ${content}
6 |
`;
7 | }
8 |
9 | function postCell(args, content) {
10 | args = args.join(' ').split(',')
11 | let text = args[0] || ''
12 | let url = args[1] || ''
13 | text = text.trim()
14 | url = url.trim()
15 | if (url.length > 0) {
16 | url = "href='" + url + "'"
17 | }
18 | let icon = ''
19 | let img = 'https://unpkg.zhimg.com/hexo-butterfly-tag-plugins-plus@latest/lib/assets/default.svg'
20 | if (args.length > 2) {
21 | if (args[2].indexOf(' fa-') > -1) {
22 | icon = args[2].trim()
23 | } else {
24 | img = args[2].trim()
25 | }
26 | }
27 | if (icon.length > 0) {
28 | return `${text}`
29 | } else {
30 | return `${title}
15 |
16 | ${hexo.render.renderSync({text: content, engine: 'markdown'}).split('\n').join('')}
17 |
18 |
19 | ${title}
22 |
23 | ${hexo.render.renderSync({text: content, engine: 'markdown'}).split('\n').join('')}
24 |
25 |
26 | ${item.class_name}
` : ''
15 | const classDesc = item.class_desc ? `${item.class_desc}
` : ''
16 |
17 | const listResult = item.link_list.map(link => `
18 | `).join('')
27 |
28 | result += `${className}${classDesc}${listResult}
`
29 | })
30 |
31 | return `${result}
`
32 | }
33 |
34 | hexo.extend.tag.register('flink', flinkFn, { ends: true })
35 |
--------------------------------------------------------------------------------
/scripts/tag/plugins/link.js:
--------------------------------------------------------------------------------
1 | 'use strict';
2 |
3 | // {% link title, url %}
4 | // {% link title, url, img %}
5 | hexo.extend.tag.register('link', function(args) {
6 | var configtemp = hexo.config.tag_plugins || hexo.theme.config.tag_plugins
7 | args = args.join(' ').split(',')
8 | let text = ''
9 | let url = ''
10 | let img = ''
11 | if (args.length < 2) {
12 | return
13 | } else if (args.length == 2) {
14 | text = args[0].trim()
15 | url = args[1].trim()
16 | } else if (args.length == 3) {
17 | text = args[0].trim()
18 | url = args[1].trim()
19 | img = args[2].trim()
20 | }
21 | let result = '';
22 | // 发现如果不套一层 div 在其它可渲染 md 的容器中容易被分解
23 | result += '';
31 |
32 | return result;
33 | });
34 |
35 | hexo.extend.tag.register('linkgroup', function(args, content) {
36 | let ret = '';
37 | ret += '';
38 | ret += content;
39 | ret += '
';
40 | return ret;
41 | }, {ends: true});
42 |
--------------------------------------------------------------------------------
/scripts/tag/plugins/issues.js:
--------------------------------------------------------------------------------
1 | /**
2 | * issues.js | https://github.com/volantis-x/hexo-theme-volantis
3 | */
4 |
5 | 'use strict';
6 |
7 | // 从 issues 加载动态数据
8 | // {% issues sites/timeline/friends | api=xxx | group=key:a,b,c %}
9 | // 例如：
10 | // {% issues sites | api=https://api.github.com/repos/volantis-x/examples/issues?sort=updated&state=open&page=1&per_page=100 | group=version:latest,v6,v5,v4,v3,v2,v1,v0 %}
11 | hexo.extend.tag.register('issues', function(args) {
12 | args = args.join(' ').split(' | ');
13 | // 所有支持的参数
14 | let type = args[0].trim();
15 | let api = '';
16 | let group = '';
17 | // 解析
18 | if (args.length > 1) {
19 | for (let i = 1; i < args.length; i++) {
20 | let tmp = args[i].trim();
21 | if (tmp.includes('type=')) {
22 | type = tmp.substring(5, tmp.length);
23 | } else if (tmp.includes('api=')) {
24 | api = tmp.substring(4, tmp.length);
25 | } else if (tmp.includes('group=')) {
26 | group = tmp.substring(6, tmp.length);
27 | }
28 | }
29 | }
30 | if (type.length == 0 || api.length == 0) {
31 | return;
32 | }
33 | // 布局
34 | let ret = ' 0) {
37 | ret += 'group="' + group + '"';
38 | }
39 | ret += '>
';
40 | return ret;
41 | });
42 |
--------------------------------------------------------------------------------
/layout/includes/third-party/newest-comments/disqus-comment.pug:
--------------------------------------------------------------------------------
1 | != partial("includes/third-party/newest-comments/common.pug", {}, { cache: true })
2 |
3 | script.
4 | window.addEventListener('load', () => {
5 | const keyName = 'disqus-newest-comments'
6 | const { changeContent, generateHtml, run } = window.newestComments
7 |
8 | const getComment = ele => {
9 | fetch('https://disqus.com/api/3.0/forums/listPosts.json?forum=!{forum}&related=thread&limit=!{theme.aside.card_newest_comments.limit}&api_key=!{apiKey}')
10 | .then(response => response.json())
11 | .then(data => {
12 | const disqusArray = data.response.map(item => {
13 | return {
14 | 'avatar': item.author.avatar.cache,
15 | 'content': changeContent(item.message),
16 | 'nick': item.author.name,
17 | 'url': item.url,
18 | 'date': item.createdAt
19 | }
20 | })
21 |
22 | btf.saveToLocal.set(keyName, JSON.stringify(disqusArray), !{theme.aside.card_newest_comments.storage}/(60*24))
23 | generateHtml(disqusArray, ele)
24 | }).catch(e => {
25 | console.error(e)
26 | ele.textContent= "!{_p('aside.card_newest_comments.error')}"
27 | })
28 | }
29 |
30 | run(keyName, getComment)
31 | })
32 |
33 |
34 |
35 |
--------------------------------------------------------------------------------
/source/css/_tags/plugins/bubble.styl:
--------------------------------------------------------------------------------
1 | :root
2 | --bubble-text-color: #e9a218
3 | --bubble-text-hover-color: #2C7FE7
4 | --bubble-text-shadow: rgba(35,35,35,0.5)
5 | [data-theme="dark"]
6 | --bubble-text-color: #f2b94b
7 | --bubble-text-hover-color: #2C7FE7
8 | --bubble-text-shadow: rgba(35,35,35,0.5)
9 |
10 |
11 | .bubble-content
12 | display inline-block
13 | color var(--bubble-text-color)
14 | font-weight bold
15 | transition: all 0.2s ease-in-out
16 | text-shadow: var(--bubble-text-shadow)
17 | &:hover
18 | transition: all 0.2s ease-in-out
19 | color: var(--bubble-text-hover-color)
20 |
21 | & + .bubble-notation
22 | .bubble-item
23 | transform translate(-40px, 10px) rotateX(0deg)
24 | transition: all 0.5s ease-in-out
25 | opacity: 1
26 |
27 | .bubble-notation
28 | display: inline-block
29 |
30 | .bubble-item
31 | transition: all 0.5s ease-in-out
32 | opacity 0
33 | color white
34 | z-index: 99
35 | display flex
36 | position absolute
37 | transform translate(-40px, 10px) rotateX(90deg)
38 | width auto
39 | height auto
40 | max-width 400px
41 | overflow hidden
42 | padding 20px 10px 10px 10px
43 | clip-path polygon(5px 10px,20px 10px,30px 0,40px 10px,calc(100% - 5px) 10px,100% 15px,100% calc(100% - 5px),calc(100% - 5px) 100%,5px 100%,0 calc(100% - 5px),0 15px,5px 10px)
44 |
--------------------------------------------------------------------------------
/scripts/tag/plugins/ghcard.js:
--------------------------------------------------------------------------------
1 | /**
2 | * https://github.com/anuraghazra/github-readme-stats
3 | */
4 |
5 | 'use strict';
6 |
7 | // {% ghcard volantis-x %}
8 | // {% ghcard volantis-x/hexo-theme-volantis %}
9 | hexo.extend.tag.register('ghcard', function(args) {
10 | args = args.join(' ').split(', ');
11 | let path = args[0].trim();
12 | let card = '';
13 | card += '';
14 | let url = '';
15 | if (path.includes('/')) {
16 | // is repo
17 | let ps = path.split('/');
18 | url += 'https://github-readme-stats.eurkon.com/api/pin/?username=' + ps[0] + "&repo=" + ps[1];
19 | } else {
20 | // is user
21 | url += 'https://github-readme-stats.eurkon.com/api/?username=' + path;
22 | }
23 | if (args.length > 1) {
24 | for (let i = 1; i < args.length; i++) {
25 | let tmp = args[i].trim();
26 | url += "&" + tmp;
27 | }
28 | }
29 | if (!url.includes('&show_owner=')) {
30 | url += '&show_owner=true';
31 | }
32 | card += '';
41 | ret += content;
42 | ret += '
';
43 | return ret;
44 | }, {ends: true});
45 |
--------------------------------------------------------------------------------
/scripts/filters/random_cover.js:
--------------------------------------------------------------------------------
1 | /**
2 | * Butterfly
3 | * ramdom cover
4 | */
5 |
6 | 'use strict'
7 |
8 | hexo.extend.filter.register('before_post_render', data => {
9 | const imgTestReg = /\.(png|jpe?g|gif|svg|webp)(\?.*)?$/i
10 | let { cover: coverVal, top_img: topImg } = data
11 |
12 | // Add path to top_img and cover if post_asset_folder is enabled
13 | if (hexo.config.post_asset_folder) {
14 | if (topImg && topImg.indexOf('/') === -1 && imgTestReg.test(topImg)) data.top_img = `${data.path}${topImg}`
15 | if (coverVal && coverVal.indexOf('/') === -1 && imgTestReg.test(coverVal)) data.cover = `${data.path}${coverVal}`
16 | }
17 |
18 | const randomCoverFn = () => {
19 | const { cover: { default_cover: defaultCover } } = hexo.theme.config
20 | if (!defaultCover) return false
21 | if (!Array.isArray(defaultCover)) return defaultCover
22 | const num = Math.floor(Math.random() * defaultCover.length)
23 | return defaultCover[num]
24 | }
25 |
26 | if (coverVal === false) return data
27 |
28 | // If cover is not set, use random cover
29 | if (!coverVal) {
30 | const randomCover = randomCoverFn()
31 | data.cover = randomCover
32 | coverVal = randomCover // update coverVal
33 | }
34 |
35 | if (coverVal && (coverVal.indexOf('//') !== -1 || imgTestReg.test(coverVal))) {
36 | data.cover_type = 'img'
37 | }
38 |
39 | return data
40 | })
41 |
--------------------------------------------------------------------------------
/layout/includes/loading/spinner-loading.pug:
--------------------------------------------------------------------------------
1 | #loading-box
2 | .loading-left-bg
3 | .loading-right-bg
4 | i.fa.fas.fa-spinner.fa-spin.load-spinner
5 |
6 | script.
7 | const preloader = {
8 | endLoading: () => {
9 | document.body.style.overflow = 'auto';
10 | document.getElementById('loading-box').style.transition = 'opacity 1s';
11 | document.getElementById('loading-box').style.opacity = '0';
12 | setTimeout(function () { document.getElementById('loading-box').classList.add("loaded") }, 1000)
13 | document.body.classList.remove("hidden-y")
14 | },
15 | initLoading: () => {
16 | document.body.style.overflow = '';
17 | document.getElementById('loading-box').style.transition = '';
18 | document.getElementById('loading-box').style.opacity = '1';
19 | document.getElementById('loading-box').classList.remove("loaded")
20 | document.body.classList.add("hidden-y")
21 | }
22 | }
23 | window.addEventListener('load',()=> { preloader.endLoading() })
24 |
25 | if (!{theme.pjax && theme.pjax.enable}) {
26 | document.addEventListener('pjax:send', () => { preloader.initLoading() })
27 | document.addEventListener('pjax:complete', () => { preloader.endLoading() })
28 | }
29 |
30 | setTimeout(function () { preloader.endLoading() }, 3000)
31 | document.getElementById('loading-box').addEventListener('click', () => { preloader.endLoading() })
--------------------------------------------------------------------------------
/source/css/_tags/plugins/media.styl:
--------------------------------------------------------------------------------
1 | trans($time = 0.28s)
2 | transition: all $time ease
3 | -moz-transition: all $time ease
4 | -webkit-transition: all $time ease
5 | -o-transition: all $time ease
6 |
7 | audio,video
8 | border-radius: 4px
9 | max-width: 100%
10 | video
11 | z-index: 1
12 | trans()
13 | &:hover
14 | box-shadow: 0 4px 8px 0px rgba(0, 0, 0, 0.24), 0 8px 16px 0px rgba(0, 0, 0, 0.24)
15 |
16 | div.video
17 | line-height: 0
18 | text-align: center
19 |
20 | div.videos
21 | max-width: "calc(100% + 2 * %s)" % 4px
22 | display: flex
23 | flex-wrap: wrap
24 | justify-content: flex-start
25 | align-items: flex-end
26 | margin: 1em 0 - 4px
27 | .video,iframe
28 | width: 100%
29 | margin: 4px
30 |
31 | iframe
32 | border-radius: 4px
33 | width: 100%
34 | min-height: 300px
35 | &.left
36 | justify-content: flex-start
37 | &.center
38 | justify-content: center
39 | &.right
40 | justify-content: flex-end
41 | &.stretch
42 | align-items: stretch
43 | &[col='1']
44 | .video,iframe
45 | width: 100%
46 | &[col='2']
47 | .video,iframe
48 | width: "calc(50% - 2 * %s)" % 4px
49 | &[col='3']
50 | .video,iframe
51 | width: "calc(33.33% - 2 * %s)" % 4px
52 | &[col='4']
53 | .video,iframe
54 | width: "calc(25% - 2 * %s)" % 4px
55 | [data-theme="dark"]
56 | audio,video
57 | filter brightness(0.7)
58 |
--------------------------------------------------------------------------------
/source/css/_search/local-search.styl:
--------------------------------------------------------------------------------
1 | #local-search
2 | .search-dialog
3 | .local-search-box
4 | margin: 0 auto
5 | max-width: 100%
6 | width: 100%
7 |
8 | input
9 | padding: 5px 14px
10 | width: 100%
11 | outline: none
12 | border: 2px solid $search-color
13 | border-radius: 40px
14 | background: var(--search-bg)
15 | color: var(--search-input-color)
16 | -webkit-appearance: none
17 |
18 | .search-wrap
19 | display: none
20 |
21 | .local-search-hit-item
22 | margin-left: 24px
23 | padding-left: 3px
24 | line-height: 1.8
25 |
26 | &::marker
27 | color: $search-color
28 | font-weight: bold
29 | font-style: italic
30 |
31 | a
32 | color: var(--search-a-color)
33 |
34 | &:hover
35 | color: $search-color
36 |
37 | .search-result-title
38 | font-weight: 600
39 |
40 | .search-result
41 | margin: 0 0 8px
42 | word-break: break-all
43 | font-size: .9em
44 |
45 | .search-result-list
46 | overflow-y: overlay
47 | margin: 0 -20px
48 | padding: 0 22px
49 | max-height: calc(80vh - 180px)
50 |
51 | +maxWidth768()
52 | max-height: calc(var(--search-height) - 190px) !important
53 |
54 | .search-keyword
55 | background: transparent
56 | color: $search-keyword-highlight
57 | font-weight: 600
--------------------------------------------------------------------------------
/source/css/_tags/button.styl:
--------------------------------------------------------------------------------
1 | #article-container
2 | .btn-center
3 | margin: 0 0 20px
4 | text-align: center
5 |
6 | .btn-beautify
7 | display: inline-block
8 | margin: 0 4px 6px
9 | padding: 0 15px
10 | background-color: var(--btn-beautify-color, $btn-default-color)
11 | color: $btn-color
12 | line-height: 2
13 | addBorderRadius()
14 |
15 | for $type in $color-types
16 | &.{$type}
17 | --btn-beautify-color: lookup('$tagsP-' + $type + '-color')
18 |
19 | &:hover
20 | background-color: var(--btn-hover-color)
21 |
22 | i + span
23 | margin-left: 6px
24 |
25 | &:not(.block) + .btn-beautify:not(.block)
26 | margin: 0 4px 20px
27 |
28 | &.block
29 | display: block
30 | margin: 0 0 20px
31 | width: fit-content
32 | width: -moz-fit-content
33 |
34 | &.center
35 | margin: 0 auto 20px
36 |
37 | &.right
38 | margin: 0 0 20px auto
39 |
40 | &.larger
41 | padding: 6px 15px
42 |
43 | &:hover
44 | text-decoration: none
45 |
46 | &.outline
47 | border: 1px solid transparent
48 | border-color: var(--btn-beautify-color, $btn-default-color)
49 | background-color: transparent
50 | color: var(--btn-beautify-color, $btn-default-color)
51 |
52 | &:hover
53 | background-color: var(--btn-beautify-color, $btn-default-color)
54 |
55 | &:hover
56 | color: white !important
57 |
--------------------------------------------------------------------------------
/layout/includes/third-party/comments/gitalk.pug:
--------------------------------------------------------------------------------
1 | - const { client_id, client_secret, repo, owner, admin, option } = theme.gitalk
2 |
3 | script.
4 | (() => {
5 | const initGitalk = () => {
6 | const gitalk = new Gitalk(Object.assign({
7 | clientID: '!{client_id}',
8 | clientSecret: '!{client_secret}',
9 | repo: '!{repo}',
10 | owner: '!{owner}',
11 | admin: ['!{admin}'],
12 | id: '!{md5(page.path)}',
13 | updateCountCallback: commentCount
14 | },!{JSON.stringify(option)}))
15 |
16 | gitalk.render('gitalk-container')
17 | }
18 |
19 | const loadGitalk = async() => {
20 | if (typeof Gitalk === 'function') initGitalk()
21 | else {
22 | await btf.getCSS('!{url_for(theme.asset.gitalk_css)}')
23 | await btf.getScript('!{url_for(theme.asset.gitalk)}')
24 | initGitalk()
25 | }
26 | }
27 |
28 | const commentCount = n => {
29 | const isCommentCount = document.querySelector('#post-meta .gitalk-comment-count')
30 | if (isCommentCount) {
31 | isCommentCount.textContent= n
32 | }
33 | }
34 |
35 | if ('!{theme.comments.use[0]}' === 'Gitalk' || !!{theme.comments.lazyload}) {
36 | if (!{theme.comments.lazyload}) btf.loadComment(document.getElementById('gitalk-container'), loadGitalk)
37 | else loadGitalk()
38 | } else {
39 | window.loadOtherComment = loadGitalk
40 | }
41 | })()
42 |
43 |
44 |
45 |
--------------------------------------------------------------------------------
/scripts/tag/timeline.js:
--------------------------------------------------------------------------------
1 | /**
2 | * timeline
3 | * by Jerry
4 | */
5 |
6 | 'use strict'
7 |
8 | const timeLineFn = (args, content) => {
9 | const tlBlock = /\n([\w\W\s\S]*?)/g
10 |
11 | let result = ''
12 | let color = ''
13 | let text = ''
14 | if (args.length) {
15 | [text, color] = args.join(' ').split(',')
16 | const mdContent = hexo.render.renderSync({ text, engine: 'markdown' })
17 | result += `${mdContent}
${tlChildTitle}
${tlChildContent}
`
34 |
35 | result += `${tlTitleHtml + tlContentHtml}
`
36 | }
37 |
38 | return `${result}
`
39 | }
40 |
41 | hexo.extend.tag.register('timeline', timeLineFn, { ends: true })
42 |
--------------------------------------------------------------------------------
/layout/includes/head/preconnect.pug:
--------------------------------------------------------------------------------
1 | -
2 | const { internal_provider, third_party_provider, custom_format } = theme.CDN
3 | const providers = {
4 | 'jsdelivr': '//cdn.jsdelivr.net',
5 | 'cdnjs': '//cdnjs.cloudflare.com',
6 | 'unpkg': '//unpkg.com',
7 | 'custom': custom_format && custom_format.match(/^((https?:)?(\/\/[^/]+)|([^/]+))(\/|$)/)[1]
8 | }
9 | -
10 |
11 | if internal_provider === third_party_provider && internal_provider !== 'local'
12 | link(rel="preconnect" href=providers[internal_provider])
13 | else
14 | if internal_provider !== 'local'
15 | link(rel="preconnect" href=providers[internal_provider])
16 | if third_party_provider !== 'local'
17 | link(rel="preconnect" href=providers[third_party_provider])
18 |
19 | if theme.google_analytics
20 | link(rel="preconnect" href="//www.google-analytics.com" crossorigin='')
21 |
22 | if theme.baidu_analytics
23 | link(rel="preconnect" href="//hm.baidu.com")
24 |
25 | if theme.cloudflare_analytics
26 | link(rel="preconnect" href="//static.cloudflareinsights.com")
27 |
28 | if theme.microsoft_clarity
29 | link(rel="preconnect" href="//www.clarity.ms")
30 |
31 | if theme.blog_title_font && theme.blog_title_font.font_link && theme.blog_title_font.font_link.indexOf('//fonts.googleapis.com') != -1
32 | link(rel="preconnect" href="//fonts.googleapis.com" crossorigin='')
33 |
34 | if !theme.asset.busuanzi && (theme.busuanzi.site_uv || theme.busuanzi.site_pv || theme.busuanzi.page_pv)
35 | link(rel="preconnect" href="//busuanzi.ibruce.info")
--------------------------------------------------------------------------------
/source/css/_tags/plugins/progress.styl:
--------------------------------------------------------------------------------
1 | .progress
2 | display flex
3 | font-size var(--global-font-size)
4 | background-color rgba(88,88,88,0.6)
5 | border-radius .25rem
6 | margin 1rem 0
7 | height 2rem
8 | overflow hidden
9 | p
10 | margin 0 0 0 10px !important
11 |
12 | .progress-bar-animated
13 | background-color #a7b5fd !important
14 | animation progress-bar-stripes 1s linear infinite
15 |
16 | .progress-bar-striped
17 | background-image linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent)
18 | background-size 1rem 1rem
19 |
20 | .progress-bar
21 | display flex
22 | flex-direction column
23 | justify-content center
24 | overflow visible
25 | color #fff
26 | text-align center
27 | white-space nowrap
28 | background-color #0d6efd
29 | transition width .6s ease
30 |
31 | @media (prefers-reduced-motion:reduce)
32 | .progress-bar
33 | transition none
34 |
35 | .bg-green
36 | background-color #28a745 !important
37 |
38 | .bg-yellow
39 | background-color #ffc107 !important
40 |
41 | .bg-red
42 | background-color #dc3545 !important
43 |
44 | .bg-cyan
45 | background-color #17a2b8 !important
46 |
47 | .bg-blue
48 | background-color #0d6efd !important
49 |
50 | .bg-gray
51 | background-color #7f838a !important
52 |
53 | @keyframes progress-bar-stripes
54 | 0%
55 | background-position-x 1rem
56 |
--------------------------------------------------------------------------------
/layout/includes/layout.pug:
--------------------------------------------------------------------------------
1 | - var htmlClassHideAside = theme.aside.enable && theme.aside.hide ? 'hide-aside' : ''
2 | - page.aside = is_archive() ? theme.aside.display.archive: is_category() ? theme.aside.display.category : is_tag() ? theme.aside.display.tag : page.aside
3 | - var hideAside = !theme.aside.enable || page.aside === false ? 'hide-aside' : ''
4 | - var pageType = is_post() ? 'post' : 'page'
5 | - pageType = page.type ? pageType + ' type-' + page.type : pageType
6 |
7 | doctype html
8 | html(lang=config.language data-theme=theme.display_mode class=htmlClassHideAside)
9 | head
10 | include ./head.pug
11 | body
12 | !=partial('includes/loading/index', {}, {cache: true})
13 |
14 | if theme.background
15 | #web_bg(style=getBgPath(theme.background))
16 |
17 | !=partial('includes/sidebar', {}, {cache: true})
18 |
19 | #body-wrap(class=pageType)
20 | include ./header/index.pug
21 | include ./home.pug
22 | main#content-inner.layout(class=hideAside)
23 | if body
24 | div!= body
25 | else
26 | block content
27 | if theme.aside.enable && page.aside !== false
28 | include widget/index.pug
29 |
30 | - const footerBg = theme.footer_img
31 | - const footer_bg = footerBg ? footerBg === true ? bg_img : getBgPath(footerBg) : ''
32 | footer#footer(style=footer_bg)
33 | !=partial('includes/footer', {}, {cache: true})
34 |
35 | include ./rightside.pug
36 | include ./rightmenu.pug
37 | include ./additional-js.pug
--------------------------------------------------------------------------------
/source/js/eurkon/refresh.js:
--------------------------------------------------------------------------------
1 | eurkon.switchThemeColor(eurkon.getMainColor())
2 | eurkon.catalogActive()
3 | eurkon.postAddToc()
4 | eurkon.footerRandomFlink(flinks, 3)
5 | eurkon.listenToPageInputPress()
6 |
7 | // 顶部菜单栏 评论按钮
8 | if (document.getElementById('comment-button')) document.getElementById('comment-button').style.display = document.getElementById('post-comment') ? 'block' : 'none'
9 | if (document.getElementById('barrage-btn')) document.getElementById('barrage-btn').style.display = document.getElementById('post-comment') ? 'block' : 'none'
10 |
11 | document.addEventListener('keydown', function (event) {
12 | if (event.keyCode == 27) { // ESC
13 | try {
14 | document.getElementById('rightside')?.classList.add('hidden')
15 | document.getElementById('rightside-mask')?.classList.add('hidden')
16 | document.getElementById('fc-overlay')?.classList.add('hidden')
17 | document.getElementById('fc-overshow')?.classList.add('hidden')
18 | // eurkon.exitFullScreen()
19 | }
20 | catch (error) {
21 | console.log(error)
22 | }
23 | }
24 | });
25 |
26 | // 页面滚动百分比
27 | // window.addEventListener('scroll', function () {
28 | // let totalH = document.body.scrollHeight || document.documentElement.scrollHeight // 页面总高
29 | // let clientH = window.innerHeight || document.documentElement.clientHeight // 可视高
30 | // document.querySelector('#nav #hotkey #top-button a.site-page i').dataset.percent = ((document.body.scrollTop || document.documentElement.scrollTop) / (totalH - clientH) * 100).toFixed(0)
31 | // })
32 |
33 |
--------------------------------------------------------------------------------
/source/css/_page/404.styl:
--------------------------------------------------------------------------------
1 | if hexo-config('error_404.enable')
2 | .type-404
3 | .error-content
4 | @extend .cardHover
5 | overflow: hidden
6 | margin: 0 20px
7 | height: 360px
8 |
9 | +maxWidth768()
10 | margin: 0
11 | height: 500px
12 |
13 | .error-img
14 | display: inline-block
15 | overflow: hidden
16 | width: 50%
17 | height: 100%
18 |
19 | +maxWidth768()
20 | width: 100%
21 | height: 45%
22 |
23 | img
24 | @extend .imgHover
25 | background-color: $theme-color
26 |
27 | .error-info
28 | display: inline-flex
29 | flex-direction: column
30 | justify-content: center
31 | align-content: center
32 | width: 50%
33 | height: 100%
34 | vertical-align: top
35 | text-align: center
36 |
37 | if $site-name-font
38 | font-family: $site-name-font
39 |
40 | +maxWidth768()
41 | width: 100%
42 | height: 55%
43 |
44 | .error_title
45 | margin-top: -.6em
46 | font-size: 9em
47 |
48 | +maxWidth768()
49 | font-size: 8em
50 |
51 | .error_subtitle
52 | @extend .limit-more-line
53 | margin-top: -3em
54 | word-break: break-word
55 | font-size: 1.6em
56 | -webkit-line-clamp: 2
57 |
58 | .nc
59 | margin-top: 5%
60 | padding: 0 20px
61 |
62 | #footer
63 | display: none
64 |
65 | & + #rightside
66 | display: none
--------------------------------------------------------------------------------
/source/css/_layout/rightside.styl:
--------------------------------------------------------------------------------
1 | #rightside
2 | position: fixed
3 | right: -48px
4 | bottom: $rightside-bottom
5 | z-index: 100
6 | opacity: 0
7 | transition: all .5s
8 |
9 | &.rightside-show
10 | opacity: .8
11 | transform: translate(-58px, 0)
12 |
13 | #rightside-config-hide
14 | height: 0
15 | opacity: 0
16 | transition: transform .4s
17 | transform: translate(45px, 0)
18 |
19 | &.show
20 | height: auto
21 | opacity: 1
22 | transform: translate(0, 0)
23 |
24 | &.status
25 | height: auto
26 | opacity: 1
27 |
28 | & > div
29 | & > button,
30 | & > a
31 | display: block
32 | margin-bottom: 5px
33 | width: w = 35px
34 | height: w
35 | background-color: var(--btn-bg)
36 | color: var(--btn-color)
37 | text-align: center
38 | font-size: 16px
39 | line-height: w
40 | addBorderRadius(5)
41 |
42 | &:hover
43 | background-color: var(--btn-hover-color)
44 |
45 | #mobile-toc-button
46 | display: none
47 |
48 | +maxWidth900()
49 | display: block
50 |
51 | +maxWidth900()
52 | #hide-aside-btn
53 | display: none
54 |
55 | if hexo-config('rightside_scroll_percent')
56 | #go-up
57 | .scroll-percent
58 | display: none
59 |
60 | &.show-percent
61 | .scroll-percent
62 | display: block
63 |
64 | & + i
65 | display: none
66 |
67 | &:hover
68 | .scroll-percent
69 | display: none
70 |
71 | & + i
72 | display: block
73 |
--------------------------------------------------------------------------------
/layout/includes/third-party/newest-comments/twikoo-comment.pug:
--------------------------------------------------------------------------------
1 | != partial("includes/third-party/newest-comments/common.pug", {}, { cache: true })
2 |
3 | script.
4 | window.addEventListener('load', () => {
5 | const keyName = 'twikoo-newest-comments'
6 | const { changeContent, generateHtml, run } = window.newestComments
7 |
8 | const getComment = ele => {
9 | const runTwikoo = () => {
10 | twikoo.getRecentComments({
11 | envId: '!{theme.twikoo.envId}',
12 | region: '!{theme.twikoo.region}',
13 | pageSize: !{theme.aside.card_newest_comments.limit},
14 | includeReply: true
15 | }).then(res => {
16 | const twikooArray = res.map(e => {
17 | return {
18 | 'content': changeContent(e.comment),
19 | 'avatar': e.avatar,
20 | 'nick': e.nick,
21 | 'url': e.url + '#' + e.id,
22 | 'date': new Date(e.created).toISOString()
23 | }
24 | })
25 |
26 | btf.saveToLocal.set(keyName, JSON.stringify(twikooArray), !{theme.aside.card_newest_comments.storage}/(60*24))
27 | generateHtml(twikooArray, ele)
28 | }).catch(err => {
29 | console.error(err)
30 | ele.textContent= "!{_p('aside.card_newest_comments.error')}"
31 | })
32 | }
33 |
34 | if (typeof twikoo === 'object') {
35 | runTwikoo()
36 | } else {
37 | btf.getScript('!{url_for(theme.asset.twikoo)}').then(runTwikoo)
38 | }
39 | }
40 |
41 | run(keyName, getComment)
42 | })
43 |
44 |
45 |
46 |
--------------------------------------------------------------------------------
/layout/includes/page/404.pug:
--------------------------------------------------------------------------------
1 | - var top_img_404 = theme.error_404.background || theme.default_top_img
2 |
3 | #error-wrap
4 | .error-content
5 | .error-img
6 | img(src=url_for(top_img_404) alt='Page not found')
7 | .error-info
8 | h1.error_title= '404'
9 | .error_subtitle= theme.error_404.subtitle || _p('error404')
10 | .aside-list
11 | - let postLimit = theme.aside.card_recent_post.limit === 0 ? site.posts.length : theme.aside.card_recent_post.limit || 5
12 | - let sort = theme.aside.card_recent_post.sort === 'updated' ? 'updated' : 'date'
13 | - site.posts.sort(sort, -1).limit(postLimit).each(function(article){
14 | - let link = article.link || article.path
15 | - let title = article.title || _p('no_title')
16 | - let no_cover = article.cover === false || !theme.cover.aside_enable ? 'no-cover' : ''
17 | - let post_cover = article.cover
18 | .aside-list-item(class=no_cover)
19 | if post_cover && theme.cover.aside_enable
20 | a.thumbnail(href=url_for(link) title=title)
21 | img(src=url_for(post_cover) onerror=`this.onerror=null;this.src='${url_for(theme.error_img.post_page)}'` alt=title)
22 | .content
23 | a.title(href=url_for(link) title=title)= title
24 | if theme.aside.card_recent_post.sort === 'updated'
25 | time(datetime=date_xml(article.updated) title=_p('post.updated') + ' ' + full_date(article.updated)) #[=date(article.updated, config.date_format)]
26 | else
27 | time(datetime=date_xml(article.date) title=_p('post.created') + ' ' + full_date(article.date)) #[=date(article.date, config.date_format)]
28 | - })
--------------------------------------------------------------------------------
/layout/includes/widget/card_recent_post.pug:
--------------------------------------------------------------------------------
1 | if theme.aside.card_recent_post.enable
2 | .card-widget.card-recent-post
3 | .item-headline
4 | i.fas.fa-history
5 | span= _p('aside.card_recent_post')
6 | .aside-list
7 | - let postLimit = theme.aside.card_recent_post.limit === 0 ? site.posts.length : theme.aside.card_recent_post.limit || 5
8 | - let sort = theme.aside.card_recent_post.sort === 'updated' ? 'updated' : 'date'
9 | - site.posts.sort(sort, -1).limit(postLimit).each(function(article){
10 | - let link = article.link || article.path
11 | - let title = article.title || _p('no_title')
12 | - let no_cover = article.cover === false || !theme.cover.aside_enable ? 'no-cover' : ''
13 | - let post_cover = article.cover
14 | .aside-list-item(class=no_cover)
15 | if post_cover && theme.cover.aside_enable
16 | a.thumbnail(href=url_for(link) title=title)
17 | if article.cover_type === 'img'
18 | img(src=url_for(post_cover) onerror=`this.onerror=null;this.src='${url_for(theme.error_img.post_page)}'` alt=title)
19 | else
20 | div(style=`background: ${post_cover}`)
21 | .content
22 | a.title(href=url_for(link) title=title)= title
23 | if theme.aside.card_recent_post.sort === 'updated'
24 | time(datetime=date_xml(article.updated) title=_p('post.updated') + ' ' + full_date(article.updated)) #[=date(article.updated, config.date_format)]
25 | else
26 | time(datetime=date_xml(article.date) title=_p('post.created') + ' ' + full_date(article.date)) #[=date(article.date, config.date_format)]
27 | - })
--------------------------------------------------------------------------------
/scripts/helpers/random.js:
--------------------------------------------------------------------------------
1 | hexo.extend.filter.register('after_render:html', function (data) {
2 | try {
3 | const posts = []
4 | hexo.locals.get('posts').forEach(function (post) {
5 | if (post.random !== false) {
6 | posts.push({
7 | 'title': post.title,
8 | 'path': '/' + post.path,
9 | 'categories': post.categories.data.map(function (item) { return { 'name': item.name, 'path': '/' + item.path } }),
10 | 'tags': post.tags.data.map(function (item) { return { 'name': item.name, 'path': '/' + item.path } }),
11 | 'cover': post.cover,
12 | // 'description': post.description,
13 | // 'wordCount': post.content.replace(/<(?:.|\s)*?>/g, '').length,
14 | // 'content': strip_html(post.content),
15 | 'date': post.date,
16 | 'updated': post.updated
17 | })
18 | }
19 | })
20 | data += ``
21 | } catch (e) { } finally { return data }
22 | })
23 |
24 | hexo.extend.filter.register('after_render:html', function (data) {
25 | try {
26 | const flinks = []
27 | hexo.locals.get('data').link.forEach(function (list) {
28 | list.link_list.map(function (flink) {
29 | flinks.push(flink)
30 | })
31 | })
32 | data += ``
33 | } catch (e) { } finally { return data }
34 | })
--------------------------------------------------------------------------------
/source/css/_tags/plugins/span.styl:
--------------------------------------------------------------------------------
1 | p.p.subtitle
2 | font-weight: bold
3 | color: mix(#44D7B6, #444, 75)
4 | font-size: 1.25rem !important
5 | padding-top: 1.5rem
6 | &:first-child
7 | padding-top: 1rem
8 |
9 | span.p,p.p
10 | &.left
11 | display: block
12 | text-align: left
13 | &.center
14 | display: block
15 | text-align: center
16 | &.right
17 | display: block
18 | text-align: right
19 |
20 | span.p,p.p
21 | &.small
22 | font-size: var(--global-font-size)
23 | &.large
24 | font-size: 2.5rem
25 | line-height: 1.4
26 | &.huge
27 | font-size: 4rem
28 | line-height: 1.4
29 | &.ultra
30 | font-size: 6rem
31 | line-height: 1.4
32 | &.small,&.large,&.huge,&.ultra
33 | margin: 0
34 | padding: 0
35 | &.bold
36 | font-weight: bold
37 | &.h1,&.h2
38 | padding-bottom: .2rem
39 | font-weight: 500
40 | &.h1
41 | font-size: 1.625rem
42 | color: var(--color-h1)
43 | padding-top: 1em * 2
44 | &.h2
45 | font-size: 1.625rem
46 | color: var(--color-h2)
47 | padding-top: 1em * 2
48 | border-bottom: 1px solid alpha(#444, .1)
49 | &.h3
50 | font-size: 1.375rem
51 | color: var(--color-h3)
52 | padding-top: 1em * 2
53 | &.h4
54 | font-size: 1.125rem
55 | color: var(--color-h4)
56 | padding-top: 1em * 2
57 | &.h5
58 | font-size: 1rem
59 | color: var(--color-h5)
60 | padding-top: 1em * 1.5
61 |
62 | span.p,p.p
63 | &.red
64 | color: #E8453C
65 | &.yellow
66 | color: #FCEC60
67 | &.green
68 | color: #3DC550
69 | &.cyan
70 | color: #1BCDFC
71 | &.blue
72 | color: #2196f3
73 | &.purple
74 | color: #9c27b0
75 | &.gray
76 | color: #999
77 |
--------------------------------------------------------------------------------
/scripts/helpers/getArchiveLength.js:
--------------------------------------------------------------------------------
1 | hexo.extend.helper.register('getArchiveLength', function () {
2 | const archiveGenerator = hexo.config.archive_generator
3 | const posts = this.site.posts
4 |
5 | const { yearly, monthly, daily } = archiveGenerator
6 | const { year, month, day } = this.page
7 |
8 | // Archives Page
9 | if (!year) return posts.length
10 |
11 | // Function to generate a unique key based on the granularity
12 | const getKey = (post, type) => {
13 | const date = post.date.clone()
14 | const y = date.year()
15 | const m = date.month() + 1
16 | const d = date.date()
17 | if (type === 'year') return `${y}`
18 | if (type === 'month') return `${y}-${m}`
19 | if (type === 'day') return `${y}-${m}-${d}`
20 | }
21 |
22 | // Create a map to count posts per period
23 | const mapData = this.fragment_cache('createArchiveObj', () => {
24 | const map = new Map()
25 | posts.forEach(post => {
26 | const keyYear = getKey(post, 'year')
27 | const keyMonth = getKey(post, 'month')
28 | const keyDay = getKey(post, 'day')
29 |
30 | if (yearly) map.set(keyYear, (map.get(keyYear) || 0) + 1)
31 | if (monthly) map.set(keyMonth, (map.get(keyMonth) || 0) + 1)
32 | if (daily) map.set(keyDay, (map.get(keyDay) || 0) + 1)
33 | })
34 | return map
35 | })
36 |
37 | // Determine the appropriate key to fetch based on current page context
38 | let key
39 | if (yearly && year) key = `${year}`
40 | if (monthly && month) key = `${year}-${month}`
41 | if (daily && day) key = `${year}-${month}-${day}`
42 |
43 | // Return the count for the current period or default to the total posts
44 | return mapData.get(key) || posts.length
45 | })
46 |
--------------------------------------------------------------------------------
/scripts/tag/plugins/checkbox.js:
--------------------------------------------------------------------------------
1 | 'use strict';
2 |
3 | function postCheckbox(args) {
4 | args = args.join(' ').split(',')
5 | var cls = ''
6 | var text = ''
7 | var checked = false
8 | if (args.length > 1) {
9 | cls = (args[0] || '').trim()
10 | if (cls.length > 0) {
11 | cls = ' ' + cls
12 | }
13 | if (cls.indexOf('checked') > -1) {
14 | checked = true
15 | }
16 | text = (args[1] || '').trim()
17 | } else if (args.length > 0) {
18 | text = (args[0] || '').trim()
19 | }
20 | if (text.length > 0) {
21 | return `
22 | ${hexo.render.renderSync({text: text, engine: 'markdown'}).split('\n').join('')}
23 |
`
24 | }
25 | }
26 | function postRadio(args) {
27 | args = args.join(' ').split(',')
28 | var cls = ''
29 | var text = ''
30 | var checked = false
31 | if (args.length > 1) {
32 | cls = (args[0] || '').trim()
33 | if (cls.length > 0) {
34 | cls = ' ' + cls
35 | }
36 | if (cls.indexOf('checked') > -1) {
37 | checked = true
38 | }
39 | text = (args[1] || '').trim()
40 | } else if (args.length > 0) {
41 | text = (args[0] || '').trim()
42 | }
43 | if (text.length > 0) {
44 | return `
45 | ${hexo.render.renderSync({text: text, engine: 'markdown'}).split('\n').join('')}
46 |
`
47 | }
48 | }
49 | // {% checkbox text %}
50 | // {% checkbox checked, text %}
51 | // {% checkbox color checked, text %}
52 | hexo.extend.tag.register('checkbox', postCheckbox);
53 | hexo.extend.tag.register('radio', postRadio);
54 |
--------------------------------------------------------------------------------
/scripts/tag/chartjs.js:
--------------------------------------------------------------------------------
1 | /**
2 | * Butterfly
3 | * chartjs
4 | * https://www.chartjs.org/
5 | * {% chartjs [width, abreast, chartId] %}
6 | *
7 | *
8 | *
9 | *
10 | * {% endchartjs %}
11 | */
12 |
13 | 'use strict'
14 |
15 | const { escapeHTML } = require('hexo-util')
16 |
17 | const chartjs = (args, content) => {
18 | if (!content) return
19 |
20 | const chartRegex = /\n([\w\W\s\S]*?)/
21 | const descRegex = /\n([\w\W\s\S]*?)/
22 | const selfConfig = args.join(' ').trim()
23 |
24 | const [width = '', layout = false, chartId = ''] = selfConfig.split(',').map(s => s.trim())
25 |
26 | const chartMatch = content.match(chartRegex)
27 | const descMatch = content.match(descRegex)
28 |
29 | if (!chartMatch) {
30 | hexo.log.warn('chartjs tag: chart content is required!')
31 | return
32 | }
33 |
34 | const chartConfig = chartMatch && chartMatch[1] ? chartMatch[1] : ''
35 | const descContent = descMatch && descMatch[1] ? descMatch[1] : ''
36 |
37 | const renderedDesc = descContent ? hexo.render.renderSync({ text: descContent, engine: 'markdown' }).trim() : ''
38 |
39 | const descDOM = renderedDesc ? `${renderedDesc}
` : ''
40 | const abreastClass = layout ? ' chartjs-abreast' : ''
41 | const widthStyle = width ? `data-width="${width}%"` : ''
42 |
43 | return `
44 |
`
47 | }
48 |
49 | hexo.extend.tag.register('chartjs', chartjs, { ends: true })
50 |
--------------------------------------------------------------------------------
/layout/includes/third-party/math/mathjax.pug:
--------------------------------------------------------------------------------
1 | //- Mathjax 3
2 | - const { tags, enableMenu } = theme.math.mathjax
3 | script.
4 | (() => {
5 | const loadMathjax = () => {
6 | if (!window.MathJax) {
7 | window.MathJax = {
8 | tex: {
9 | inlineMath: [['$', '$'], ['\\(', '\\)']],
10 | tags: '!{tags}',
11 | },
12 | chtml: {
13 | scale: 1.1
14 | },
15 | options: {
16 | enableMenu: !{enableMenu},
17 | renderActions: {
18 | findScript: [10, doc => {
19 | for (const node of document.querySelectorAll('script[type^="math/tex"]')) {
20 | const display = !!node.type.match(/; *mode=display/)
21 | const math = new doc.options.MathItem(node.textContent, doc.inputJax[0], display)
22 | const text = document.createTextNode('')
23 | node.parentNode.replaceChild(text, node)
24 | math.start = {node: text, delim: '', n: 0}
25 | math.end = {node: text, delim: '', n: 0}
26 | doc.math.push(math)
27 | }
28 | }, '']
29 | }
30 | }
31 | }
32 |
33 | const script = document.createElement('script')
34 | script.src = '!{url_for(theme.asset.mathjax)}'
35 | script.id = 'MathJax-script'
36 | script.async = true
37 | document.head.appendChild(script)
38 | } else {
39 | MathJax.startup.document.state(0)
40 | MathJax.texReset()
41 | MathJax.typesetPromise()
42 | }
43 | }
44 |
45 | btf.addGlobalFn('encrypt', loadMathjax, 'mathjax')
46 | window.pjax ? loadMathjax() : window.addEventListener('load', loadMathjax)
47 | })()
--------------------------------------------------------------------------------
/source/css/_highlight/highlight/diff.styl:
--------------------------------------------------------------------------------
1 | figure.highlight
2 | table
3 | // scrollbar - firefox
4 | @-moz-document url-prefix()
5 | scrollbar-color: var(--hlscrollbar-bg) transparent
6 |
7 | &::-webkit-scrollbar-thumb
8 | background: var(--hlscrollbar-bg)
9 |
10 | pre .deletion
11 | color: $highlight-deletion
12 |
13 | pre .addition
14 | color: $highlight-addition
15 |
16 | pre .meta
17 | color: $highlight-purple
18 |
19 | pre
20 | .comment
21 | color: $highlight-comment
22 |
23 | .variable,
24 | .attribute,
25 | .regexp,
26 | .ruby .constant,
27 | .xml .tag .title,
28 | .xml .pi,
29 | .xml .doctype,
30 | .html .doctype,
31 | .css .id,
32 | .tag .name,
33 | .css .class,
34 | .css .pseudo
35 | color: $highlight-red
36 |
37 | .tag
38 | color: $highlight-aqua
39 |
40 | .number,
41 | .preprocessor,
42 | .literal,
43 | .params,
44 | .constant,
45 | .command
46 | color: $highlight-orange
47 |
48 | .built_in
49 | color: $highlight-yellow
50 |
51 | .ruby .class .title,
52 | .css .rules .attribute,
53 | .string,
54 | .value,
55 | .inheritance,
56 | .header,
57 | .ruby .symbol,
58 | .xml .cdata,
59 | .special,
60 | .number,
61 | .formula
62 | color: $highlight-green
63 |
64 | .keyword,
65 | .title,
66 | .css .hexcolor
67 | color: $highlight-aqua
68 |
69 | .function,
70 | .python .decorator,
71 | .python .title,
72 | .ruby .function .title,
73 | .ruby .title .keyword,
74 | .perl .sub,
75 | .javascript .title,
76 | .coffeescript .title
77 | color: $highlight-blue
78 |
79 | .tag .attr,
80 | .javascript .function
81 | color: $highlight-purple
82 |
--------------------------------------------------------------------------------
/scripts/tag/gallery.js:
--------------------------------------------------------------------------------
1 | /**
2 | * Butterfly
3 | * galleryGroup and gallery
4 | * {% galleryGroup [name] [descr] [url] [img] %}
5 | *
6 | * {% gallery [button],%}
7 | * {% gallery url,[url],[button]%}
8 | */
9 |
10 | 'use strict'
11 |
12 | const urlFor = require('hexo-util').url_for.bind(hexo)
13 |
14 | const gallery = (args, content) => {
15 | args = args.join(' ').split(',')
16 | let button = false
17 | let type = 'data'
18 | let dataStr = ''
19 |
20 | if (args[0] === 'url') {
21 | [type, dataStr, button] = args // url,[link],[lazyload]
22 | dataStr = urlFor(dataStr)
23 | } else {
24 | [button] = args // [lazyload]
25 | const regex = /!\[(.*?)\]\(([^\s]*)\s*(?:["'](.*?)["']?)?\s*\)/g
26 | let m
27 | const arr = []
28 | while ((m = regex.exec(content)) !== null) {
29 | if (m.index === regex.lastIndex) {
30 | regex.lastIndex++
31 | }
32 | arr.push({
33 | url: m[2],
34 | alt: m[1],
35 | title: m[3]
36 | })
37 | }
38 |
39 | dataStr = JSON.stringify(arr)
40 | }
41 |
42 | return `${escapeHTML(chartConfig)}
45 | ${descDOM}
46 |
43 |
`
45 | }
46 |
47 | const galleryGroup = args => {
48 | const [name, descr, url, img] = args
49 | const imgUrl = urlFor(img)
50 | const urlLink = urlFor(url)
51 |
52 | return `${dataStr}
44 | 
54 | ${name}
56 | ${descr}
57 | 58 |- ${listItems}
- ${listItems}
${args}
${content}${content}
`;
8 | }
9 | }
10 | function postSiteCard(args) {
11 | args = args.join(' ').split(', ')
12 | // 所有支持的参数
13 | let title = args[0].trim();
14 | let url = '';
15 | let screenshot = '';
16 | let avatar = '';
17 | let description = '';
18 | // 解析
19 | if (args.length > 1) {
20 | for (let i = 1; i < args.length; i++) {
21 | let tmp = args[i].trim();
22 | if (tmp.includes('url=')) {
23 | url = tmp.substring(4, tmp.length);
24 | } else if (tmp.includes('screenshot=')) {
25 | screenshot = tmp.substring(11, tmp.length);
26 | } else if (tmp.includes('avatar=')) {
27 | avatar = tmp.substring(7, tmp.length);
28 | } else if (tmp.includes('description=')) {
29 | description = tmp.substring(12, tmp.length);
30 | }
31 | }
32 | }
33 | // 布局
34 | let result = '';
35 | result += '';
36 | result += '';
38 | if (avatar.length > 0) {
39 | result += '
';
40 | } else {
41 |
42 | }
43 |
44 | result += '' + title + '';
45 | if (description.length > 0) {
46 | result += '' + description + '';
47 | } else {
48 |
49 | }
50 |
51 | result += '
';
52 | return result;
53 |
54 | }
55 |
56 | // {% site link, img, title %}
57 | // {% site link, img, title, description %}
58 | hexo.extend.tag.register('site', postSiteCard);
59 | hexo.extend.tag.register('sitegroup', postSiteCardGroup, {ends: true});
60 |
--------------------------------------------------------------------------------
/layout/includes/third-party/comments/giscus.pug:
--------------------------------------------------------------------------------
1 | - const { use, lazyload } = theme.comments
2 | - const { repo, repo_id, category_id, light_theme, dark_theme, js, option } = theme.giscus
3 | - const giscusUrl = js || 'https://giscus.app/client.js'
4 | - const giscusOriginUrl = new URL(giscusUrl).origin
5 |
6 | script.
7 | (()=>{
8 | const getGiscusTheme = theme => theme === 'dark' ? '!{dark_theme}' : '!{light_theme}'
9 |
10 | const loadGiscus = () => {
11 | const config = Object.assign({
12 | src: '!{giscusUrl}',
13 | 'data-repo': '!{repo}',
14 | 'data-repo-id': '!{repo_id}',
15 | 'data-category-id': '!{category_id}',
16 | 'data-mapping': 'pathname',
17 | 'data-theme': getGiscusTheme(document.documentElement.getAttribute('data-theme')),
18 | 'data-reactions-enabled': '1',
19 | crossorigin: 'anonymous',
20 | async: true
21 | },!{JSON.stringify(option)})
22 |
23 | const ele = document.createElement('script')
24 | for (let key in config) {
25 | ele.setAttribute(key, config[key])
26 | }
27 | document.getElementById('giscus-wrap').appendChild(ele)
28 | }
29 |
30 | const changeGiscusTheme = theme => {
31 | const iframe = document.querySelector('#giscus-wrap iframe')
32 | if (iframe) {
33 | const message = {
34 | giscus: {
35 | setConfig: {
36 | theme: getGiscusTheme(theme)
37 | }
38 | }
39 | }
40 | iframe.contentWindow.postMessage(message, '!{giscusOriginUrl}')
41 | }
42 | }
43 |
44 | btf.addGlobalFn('themeChange', changeGiscusTheme, 'giscus')
45 |
46 | if ('!{use[0]}' === 'Giscus' || !!{lazyload}) {
47 | if (!{lazyload}) btf.loadComment(document.getElementById('giscus-wrap'), loadGiscus)
48 | else loadGiscus()
49 | } else {
50 | window.loadOtherComment= loadGiscus
51 | }
52 | })()
53 |
--------------------------------------------------------------------------------
/layout/includes/third-party/effect.pug:
--------------------------------------------------------------------------------
1 | if theme.fireworks && theme.fireworks.enable
2 | canvas.fireworks(mobile=`${theme.fireworks.mobile}`)
3 | script(src=url_for(theme.asset.fireworks))
4 |
5 | if (theme.canvas_ribbon && theme.canvas_ribbon.enable)
6 | script(defer id="ribbon" src=url_for(theme.asset.canvas_ribbon) size=theme.canvas_ribbon.size
7 | alpha=theme.canvas_ribbon.alpha zIndex=theme.canvas_ribbon.zIndex mobile=`${theme.canvas_ribbon.mobile}` data-click=`${theme.canvas_ribbon.click_to_change}`)
8 |
9 | if (theme.canvas_fluttering_ribbon && theme.canvas_fluttering_ribbon.enable)
10 | script(defer id="fluttering_ribbon" mobile=`${theme.canvas_fluttering_ribbon.mobile}` src=url_for(theme.asset.canvas_fluttering_ribbon))
11 |
12 | if (theme.canvas_nest && theme.canvas_nest.enable)
13 | script#canvas_nest(defer color=theme.canvas_nest.color opacity=theme.canvas_nest.opacity zIndex=theme.canvas_nest.zIndex count=theme.canvas_nest.count mobile=`${theme.canvas_nest.mobile}` src=url_for(theme.asset.canvas_nest))
14 |
15 | if theme.activate_power_mode.enable
16 | script(src=url_for(theme.asset.activate_power_mode))
17 | script.
18 | POWERMODE.colorful = !{theme.activate_power_mode.colorful};
19 | POWERMODE.shake = !{theme.activate_power_mode.shake};
20 | POWERMODE.mobile = !{theme.activate_power_mode.mobile};
21 | document.body.addEventListener('input', POWERMODE);
22 |
23 | //- 鼠標特效
24 | if theme.click_heart && theme.click_heart.enable
25 | script#click-heart(src=url_for(theme.asset.click_heart) async mobile=`${theme.click_heart.mobile}`)
26 |
27 | if theme.clickShowText && theme.clickShowText.enable
28 | script#click-show-text(
29 | src= url_for(theme.asset.clickShowText)
30 | data-mobile= `${theme.clickShowText.mobile}`
31 | data-text= theme.clickShowText.text.join(",")
32 | data-fontsize= theme.clickShowText.fontSize
33 | data-random= `${theme.clickShowText.random}`
34 | async
35 | )
--------------------------------------------------------------------------------
/source/css/_layout/sidebar.styl:
--------------------------------------------------------------------------------
1 | #sidebar
2 | #menu-mask
3 | position: fixed
4 | z-index: 102
5 | display: none
6 | width: 100%
7 | height: 100%
8 | background: alpha($dark-black, .8)
9 |
10 | #sidebar-menus
11 | position: fixed
12 | top: 0
13 | right: -($sidebar-width)
14 | z-index: 103
15 | overflow-x: hidden
16 | overflow-y: scroll
17 | padding-left: 5px
18 | width: $sidebar-width
19 | height: 100%
20 | background: var(--sidebar-bg)
21 | transition: all .5s
22 |
23 | &.open
24 | transform: translate3d(-100%, 0, 0)
25 |
26 | & > .avatar-img
27 | margin: 20px auto
28 |
29 | .site-data
30 | padding: 0 10px
31 |
32 | hr
33 | margin: 20px auto
34 |
35 | .menus_items
36 | margin: 20px
37 | padding: 15px
38 | background: var(--sidebar-menu-bg)
39 | box-shadow: 0 0 1px 1px rgba(7, 17, 27, .05)
40 | addBorderRadius(10)
41 |
42 | .site-page
43 | @extend .limit-one-line
44 | position: relative
45 | display: block
46 | margin: 4px 0
47 | padding: 2px 23px 2px 15px
48 | color: var(--font-color)
49 | font-size: 1.15em
50 | cursor: pointer
51 | addBorderRadius(6)
52 |
53 | &:hover
54 | background: var(--text-bg-hover)
55 | color: var(--white)
56 |
57 | i:first-child
58 | width: 15%
59 | text-align: left
60 |
61 | &.group
62 | & > i:last-child
63 | position: absolute
64 | top: .6em
65 | right: 10px
66 | transition: transform .3s
67 |
68 | &.hide
69 | & > i:last-child
70 | transform: rotate(90deg)
71 |
72 | & + .menus_item_child
73 | display: none
74 |
75 | .menus_item_child
76 | margin: 0
77 | padding-left: 25px
78 | list-style: none
--------------------------------------------------------------------------------
/layout/includes/third-party/comments/artalk.pug:
--------------------------------------------------------------------------------
1 | - const { server, site, option } = theme.artalk
2 | - const { use, lazyload } = theme.comments
3 |
4 | script.
5 | (() => {
6 | let artalkItem = null
7 | const initArtalk = () => {
8 | artalkItem = Artalk.init(Object.assign({
9 | el: '#artalk-wrap',
10 | server: '!{server}',
11 | site: '!{site}',
12 | pageKey: location.pathname,
13 | darkMode: document.documentElement.getAttribute('data-theme') === 'dark',
14 | },!{JSON.stringify(option)}))
15 |
16 | if (GLOBAL_CONFIG.lightbox === 'null') return
17 | artalkItem.on('list-loaded', () => {
18 | artalkItem.ctx.get('list').getCommentNodes().forEach(comment => {
19 | const $content = comment.getRender().$content
20 | btf.loadLightbox($content.querySelectorAll('img:not([atk-emoticon])'))
21 | })
22 | })
23 |
24 | const destroyArtalk = () => {
25 | artalkItem.destroy()
26 | }
27 |
28 | btf.addGlobalFn('pjaxSendOnce', destroyArtalk, 'destroyArtalk')
29 | }
30 |
31 | const loadArtalk = async () => {
32 | if (typeof Artalk === 'object') initArtalk()
33 | else {
34 | await btf.getCSS('!{theme.asset.artalk_css}')
35 | await btf.getScript('!{theme.asset.artalk_js}')
36 | initArtalk()
37 | }
38 | }
39 |
40 | const artalkChangeMode = theme => {
41 | const artalkWrap = document.getElementById('artalk-wrap')
42 | if (!(artalkWrap && artalkWrap.children.length)) return
43 | const isDark = theme === 'dark'
44 | artalkItem.setDarkMode(isDark)
45 | }
46 |
47 | btf.addGlobalFn('themeChange', artalkChangeMode, 'artalk')
48 |
49 | if ('!{use[0]}' === 'Artalk' || !!{lazyload}) {
50 | if (!{lazyload}) btf.loadComment(document.getElementById('artalk-wrap'), loadArtalk)
51 | else setTimeout(loadArtalk, 100)
52 | } else {
53 | window.loadOtherComment = loadArtalk
54 | }
55 | })()
--------------------------------------------------------------------------------
/source/css/_tags/tabs.styl:
--------------------------------------------------------------------------------
1 |
2 | #article-container
3 | .tabs
4 | position: relative
5 | margin: 0 0 20px
6 | border-right: 1px solid var(--tab-border-color)
7 | border-bottom: 1px solid var(--tab-border-color)
8 | border-left: 1px solid var(--tab-border-color)
9 | addBorderRadius()
10 | overflow: hidden
11 |
12 | > .nav-tabs
13 | display: flex
14 | flex-wrap: wrap
15 | margin: 0
16 | padding: 0
17 | background: var(--tab-botton-bg)
18 |
19 | > .tab
20 | flex-grow: 1
21 | padding: 8px 18px
22 | border-top: 2px solid var(--tab-border-color)
23 | background: var(--tab-botton-bg)
24 | color: var(--tab-botton-color)
25 | line-height: 2
26 | transition: all .4s
27 |
28 | i
29 | width: 1.5em
30 |
31 | &.active
32 | border-top: 2px solid $tab-active-border-color
33 | background: var(--tab-button-active-bg)
34 | cursor: default
35 |
36 | &:not(.active)
37 | &:hover
38 | border-top: 2px solid var(--tab-button-hover-bg)
39 | background: var(--tab-button-hover-bg)
40 |
41 | &.no-default
42 | & ~ .tab-to-top
43 | display: none
44 |
45 | > .tab-contents
46 | .tab-item-content
47 | position: relative
48 | display: none
49 | padding: 36px 24px 10px
50 |
51 | +maxWidth768()
52 | padding: 24px 14px
53 |
54 | &.active
55 | display: block
56 | animation: tabshow .5s
57 |
58 | > :last-child
59 | margin-bottom: 0
60 |
61 | > .tab-to-top
62 | padding: 0 16px 10px 0
63 | width: 100%
64 | text-align: right
65 |
66 | button
67 | color: $tab-to-top-color
68 |
69 | &:hover
70 | color: $tab-to-top-hover-color
71 |
72 | @keyframes tabshow
73 | 0%
74 | transform: translateY(15px)
75 |
76 | 100%
77 | transform: translateY(0)
78 |
--------------------------------------------------------------------------------
/source/css/_layout/comments.styl:
--------------------------------------------------------------------------------
1 | #post-comment
2 | .comment-head
3 | margin-bottom: 20px
4 |
5 | &:after
6 | display: block
7 | clear: both
8 | content: ''
9 |
10 | .comment-headline
11 | display: inline-block
12 | vertical-align: middle
13 | font-weight: 700
14 | font-size: 1.43em
15 |
16 | .comment-switch
17 | display: inline-block
18 |
19 | if hexo-config('comments.text')
20 | float: right
21 | margin: 2px auto 0
22 | padding: 4px 16px
23 | width: max-content
24 | border-radius: 8px
25 | background: $comments-switch-bg
26 | else
27 | vertical-align: middle
28 |
29 | > span
30 | display: none
31 |
32 | .first-comment
33 | color: $comments-switch-first-text
34 |
35 | .second-comment
36 | color: $comments-switch-second-text
37 |
38 | #switch-btn
39 | position: relative
40 | display: inline-block
41 | margin: -4px 8px 0
42 | width: 42px
43 | height: 22px
44 | border-radius: 34px
45 | background-color: $comments-switch-first-text
46 | vertical-align: middle
47 | cursor: pointer
48 | transition: .4s
49 |
50 | &:before
51 | position: absolute
52 | bottom: 4px
53 | left: 4px
54 | width: 14px
55 | height: 14px
56 | border-radius: 50%
57 | background-color: $comments-switch-round
58 | content: ''
59 | transition: .4s
60 |
61 | .comment-wrap
62 | > div
63 | animation: tabshow .5s
64 |
65 | &:nth-child(2)
66 | display: none
67 |
68 | &.move
69 | #switch-btn
70 | background-color: $comments-switch-second-text
71 |
72 | &:before
73 | transform: translateX(20px)
74 |
75 | .comment-wrap
76 | > div
77 | &:first-child
78 | display: none
79 |
80 | &:last-child
81 | display: block
--------------------------------------------------------------------------------
/scripts/tag/tabs.js:
--------------------------------------------------------------------------------
1 | /**
2 | * Tabs
3 | * transplant from hexo-theme-next
4 | * modify by Jerry
5 | */
6 |
7 | 'use strict'
8 |
9 | const postTabs = (args, content) => {
10 | const tabBlock = /\n([\w\W\s\S]*?)/g
11 | args = args.join(' ').split(',')
12 | const tabName = args[0] || 'tab'
13 | const tabActive = Number(args[1]) || 0
14 | const matches = []
15 | let match
16 | let tabId = 0
17 | let tabNav = ''
18 | let tabContent = ''
19 | let noDefault = true
20 |
21 | while ((match = tabBlock.exec(content)) !== null) {
22 | matches.push(match[1], match[2])
23 | }
24 |
25 | for (let i = 0; i < matches.length; i += 2) {
26 | const [tabCaption = '', tabIcon = ''] = matches[i].split('@')
27 | let postContent = matches[i + 1]
28 |
29 | postContent = hexo.render.renderSync({ text: postContent, engine: 'markdown' }).trim()
30 | tabId += 1
31 |
32 | const caption = (tabCaption || tabIcon) ? tabCaption : `${tabName} ${tabId}`
33 | const iconHtml = tabIcon ? `` : ''
34 | const isActive = (tabActive > 0 && tabActive === tabId) || (tabActive === 0 && tabId === 1) ? ' active' : ''
35 |
36 | if (isActive) noDefault = false
37 |
38 | tabNav += ``
39 | tabContent += `${postContent}
`
40 | }
41 |
42 | const toTop = ''
43 | tabNav = ``
44 | tabContent = `${tabContent}
`
45 |
46 | return `${tabNav}${tabContent}${toTop}
`
47 | }
48 |
49 | hexo.extend.tag.register('tabs', postTabs, { ends: true })
50 | hexo.extend.tag.register('subtabs', postTabs, { ends: true })
51 | hexo.extend.tag.register('subsubtabs', postTabs, { ends: true })
52 |
--------------------------------------------------------------------------------
/layout/includes/pagination.pug:
--------------------------------------------------------------------------------
1 | -
2 | var options = {
3 | prev_text: '上页
',
4 | next_text: '下页
',
5 | mid_size: 1,
6 | escape: false
7 | }
8 |
9 | if is_post()
10 | - let paginationOrder = theme.post_pagination === 1 ? { prev: page.prev, next: page.next } : { prev: page.next, next: page.prev }
11 |
12 | nav#pagination.pagination-post
13 | each direction, key in paginationOrder
14 | if direction
15 | - const getPostDesc = direction.postDesc || postDesc(direction)
16 | - let className = key === 'prev' ? (paginationOrder.next ? '' : 'full-width') : (paginationOrder.prev ? '' : 'full-width')
17 | - className = getPostDesc ? className : className + ' no-desc'
18 |
19 | a.pagination-related(class=className href=url_for(direction.path) title=direction.title)
20 | if direction.cover_type === 'img'
21 | img.cover(src=url_for(direction.cover) onerror=`onerror=null;src='${url_for(theme.error_img.post_page)}'` alt=`cover of ${key === 'prev' ? 'previous' : 'next'} post`)
22 | else
23 | .cover(style=`background: ${direction.cover || 'var(--default-bg-color)'}`)
24 |
25 | .info(class=key === 'prev' ? '' : 'text-right')
26 | .info-1
27 | .info-item-1=_p(`pagination.${key}`)
28 | .info-item-2!=direction.title
29 | if getPostDesc
30 | .info-2
31 | .info-item-1!=getPostDesc
32 | else
33 | nav#pagination
34 | .pagination
35 | if is_home()
36 | - options.format = 'page/%d/'
37 | !=paginator(options)
38 | .toPageGroup
39 | input#toPageText(oninput="value=value.replace(/[^0-9]/g, '')" maxlength="3" title="跳转到指定页面" onkeyup="if(this.value === '0') this.value = ''")
40 | a#toPageButton(onclick="eurkon.toPage()")
41 | i.fa.fas.fa-fw.fa-angle-double-right
--------------------------------------------------------------------------------
/source/css/_tags/timeline.styl:
--------------------------------------------------------------------------------
1 | #article-container
2 | .timeline
3 | margin: 0 10px 20px
4 | padding: 14px 0 5px 20px
5 | border-left: 2px solid var(--timeline-color, $theme-color)
6 |
7 | for $type in $color-types
8 | &.{$type}
9 | --timeline-color: lookup('$tagsP-' + $type + '-color')
10 | --timeline-bg: s('rgba(%s,%s,%s, 0.2)', red(lookup('$tagsP-' + $type + '-color')), green(lookup('$tagsP-' + $type + '-color')), blue(lookup('$tagsP-' + $type + '-color')))
11 |
12 | .timeline-item
13 | margin: 0 0 15px
14 |
15 | &:hover
16 | .item-circle
17 | &:before
18 | border-color: var(--timeline-color, $theme-color)
19 |
20 | &.headline
21 | .timeline-item-title
22 | .item-circle
23 | > p
24 | font-weight: 600
25 | font-size: 1.2em
26 |
27 | &:before
28 | left: -28px
29 | border: 4px solid var(--timeline-color, $theme-color)
30 |
31 | &:hover
32 | .item-circle
33 | &:before
34 | border-color: var(--pseudo-hover)
35 |
36 | .timeline-item-title
37 | position: relative
38 |
39 | .item-circle
40 | &:before
41 | position: absolute
42 | top: 50%
43 | left: -27px
44 | width: 6px
45 | height: 6px
46 | border: 3px solid var(--pseudo-hover)
47 | border-radius: 50%
48 | background: var(--card-bg)
49 | content: ''
50 | transition: all .3s
51 | transform: translate(0, -50%)
52 |
53 | > p
54 | margin: 0 0 8px
55 | font-weight: 500
56 |
57 | .timeline-item-content
58 | position: relative
59 | padding: 12px 15px
60 | border-radius: 8px
61 | background: var(--timeline-bg, lighten($theme-color, 85%))
62 | font-size: .93em
63 |
64 | & > :last-child
65 | margin-bottom: 0
66 |
67 | & + .timeline
68 | margin-top: -20px
--------------------------------------------------------------------------------
/layout/includes/third-party/newest-comments/valine.pug:
--------------------------------------------------------------------------------
1 | - let default_avatar = theme.valine.avatar
2 |
3 | script(src=url_for(theme.asset.blueimp_md5))
4 | != partial("includes/third-party/newest-comments/common.pug", {}, { cache: true })
5 |
6 | script.
7 | window.addEventListener('load', () => {
8 | const keyName = 'valine-newest-comments'
9 | const { changeContent, generateHtml, run } = window.newestComments
10 |
11 | const getIcon = (icon, mail) => {
12 | if (icon) return icon
13 | let defaultIcon = '!{ default_avatar ? `?d=${default_avatar}` : ''}'
14 | let iconUrl = `https://gravatar.loli.net/avatar/${md5(mail.toLowerCase()) + defaultIcon}`
15 | return iconUrl
16 | }
17 |
18 | const getComment = ele => {
19 | const serverURL = '!{theme.valine.serverURLs || `https://${theme.valine.appId.substring(0,8)}.api.lncldglobal.com` }'
20 |
21 | var settings = {
22 | "method": "GET",
23 | "headers": {
24 | "X-LC-Id": '!{theme.valine.appId}',
25 | "X-LC-Key": '!{theme.valine.appKey}',
26 | "Content-Type": "application/json"
27 | },
28 | }
29 |
30 | fetch(`${serverURL}/1.1/classes/Comment?limit=!{theme.aside.card_newest_comments.limit}&order=-createdAt`,settings)
31 | .then(response => response.json())
32 | .then(data => {
33 | const valineArray = data.results.map(e => {
34 | return {
35 | 'avatar': getIcon(e.QQAvatar, e.mail),
36 | 'content': changeContent(e.comment),
37 | 'nick': e.nick,
38 | 'url': e.url + '#' + e.objectId,
39 | 'date': e.updatedAt,
40 | }
41 | })
42 | btf.saveToLocal.set(keyName, JSON.stringify(valineArray), !{theme.aside.card_newest_comments.storage}/(60*24))
43 | generateHtml(valineArray, ele)
44 | }).catch(e => {
45 | console.error(e)
46 | ele.textContent= "!{_p('aside.card_newest_comments.error')}"
47 | })
48 | }
49 |
50 | run(keyName, getComment)
51 | })
52 |
--------------------------------------------------------------------------------
/layout/includes/header/nav.pug:
--------------------------------------------------------------------------------
1 | nav#nav
2 | #nav-group
3 | span#blog-info
4 | if theme.nav.logo
5 | a(href=url_for('/') title=config.title)
6 | img.site-icon(src=url_for(theme.nav.logo))
7 |
8 | if theme.nav.display_title
9 | a.site-page(href=url_for('/') title=config.title)
10 | span.site-name=config.title
11 | i.fas.fa-home
12 |
13 | //- if is_post()
14 | //- a.nav-page-title(href=url_for('/') )
15 | //- span.site-name=(page.title || config.title)
16 |
17 | a.nav-page-title(title=_p("rightside.back_to_top") onclick="btf.scrollToDest(0, 500)")
18 | span#page-title.site-name=(pageTitle || page.title || config.title)
19 |
20 | if theme.menu
21 | #menus
22 | != partial('includes/header/menu_item', {}, {cache: true})
23 |
24 | #hotkey
25 | if theme.search.use
26 | #search-button
27 | span.site-page.social-icon.search(href="javascript:void(0);" title=_p('search.title'))
28 | i.fas.fa-search.fa-fw
29 | span= ' ' + _p('search.title')
30 | //- if (theme.darkmode.enable && theme.darkmode.button)
31 | //- #mode-button
32 | //- a.site-page(title=_p('rightside.night_mode_title') onclick="btf.switchDarkMode()")
33 | //- i.fas.fa-sun.fa-fw
34 | //- i.fas.fa-moon.fa-fw
35 | if page.comments !== false && theme.comments.use
36 | #comment-button
37 | a.site-page(href="#post-comment" title=_p("rightside.scroll_to_comment"))
38 | i.fas.fa-comments.fa-fw
39 | #setting-button(onclick="eurkon.switchRightSide();")
40 | a.site-page(href="javascript:void(0);" title=_p("rightside.setting"))
41 | i.fas.fa-screwdriver-wrench.fa-fw
42 | #top-button
43 | a.site-page(href="javascript:void(0);" title=_p("rightside.back_to_top") onclick="btf.scrollToDest(0, 500)")
44 | span.scroll-percent
45 | i.fas.fa-arrow-up.fa-fw
46 | #toggle-menu
47 | a.site-page(href="javascript:void(0);")
48 | i.fas.fa-bars.fa-fw
--------------------------------------------------------------------------------
/layout/includes/widget/card_author.pug:
--------------------------------------------------------------------------------
1 | if theme.aside.card_author.enable
2 | .card-widget.card-info.text-center
3 | //- 源代码START
4 | //- .avatar-img
5 | //- img(src=url_for(theme.avatar.img) onerror=`this.onerror=null;this.src='` + url_for(theme.error_img.flink) + `'` alt="avatar")
6 | //- .author-info-name= config.author
7 | //- .author-info-description!= theme.aside.card_author.description || config.description
8 | //- 源代码END
9 |
10 | //- 魔改代码START
11 | if config.card_info && config.card_info.enable
12 | .card-info-top
13 | #card-info-hello
14 | .card-info-img
15 | img(src=url_for(theme.avatar.img) onerror=`this.onerror=null;this.src='` + url_for(theme.error_img.flink) + `'` alt="avatar")
16 | .author-info-name.is-center= config.author
17 | .author-info-description!= theme.aside.card_author.description || config.description
18 | script(defer data-pjax src=url_for(config.card_info.CDN))
19 | else
20 | .avatar-img
21 | img(src=url_for(theme.avatar.img) onerror=`this.onerror=null;this.src='` + url_for(theme.error_img.flink) + `'` alt="avatar")
22 | .author-info-name= config.author
23 | .author-info-description!= theme.aside.card_author.description || config.description
24 | //- 魔改代码END
25 |
26 | .site-data
27 | a(href=url_for(config.archive_dir) + '/')
28 | .headline= _p('aside.articles')
29 | .length-num= site.posts.length
30 | a(href=url_for(config.tag_dir) + '/')
31 | .headline= _p('aside.tags')
32 | .length-num= site.tags.length
33 | a(href=url_for(config.category_dir) + '/')
34 | .headline= _p('aside.categories')
35 | .length-num= site.categories.length
36 |
37 | if theme.aside.card_author.button.enable
38 | a#card-info-btn(href=theme.aside.card_author.button.link)
39 | i(class=theme.aside.card_author.button.icon)
40 | span=theme.aside.card_author.button.text
41 |
42 | if(theme.social)
43 | .card-info-social-icons
44 | !=partial('includes/header/social', {}, {cache: true})
45 |
--------------------------------------------------------------------------------
/layout/includes/third-party/comments/disqus.pug:
--------------------------------------------------------------------------------
1 | - const disqusPageTitle = page.title.replace(/'/ig,"\\'")
2 | - const { shortname, apikey } = theme.disqus
3 | - const { use, lazyload, count } = theme.comments
4 |
5 | script.
6 | (() => {
7 | const disqus_config = function () {
8 | this.page.url = '!{ page.permalink }'
9 | this.page.identifier = '!{ url_for(page.path) }'
10 | this.page.title = '!{ disqusPageTitle }'
11 | }
12 |
13 | const disqusReset = () => {
14 | window.DISQUS && window.DISQUS.reset({
15 | reload: true,
16 | config: disqus_config
17 | })
18 | }
19 |
20 | btf.addGlobalFn('themeChange', disqusReset, 'disqus')
21 |
22 | const loadDisqus = () =>{
23 | if (window.DISQUS) disqusReset()
24 | else {
25 | const script = document.createElement('script')
26 | script.src = 'https://!{shortname}.disqus.com/embed.js'
27 | script.setAttribute('data-timestamp', +new Date())
28 | document.head.appendChild(script)
29 | }
30 | }
31 |
32 | const getCount = async() => {
33 | try {
34 | const eleGroup = document.querySelector('#post-meta .disqus-comment-count')
35 | if (!eleGroup) return
36 | const cleanedLinks = eleGroup.href.replace(/#post-comment$/, '')
37 |
38 | const res = await fetch(`https://disqus.com/api/3.0/threads/set.json?forum=!{shortname}&api_key=!{apikey}&thread:link=${cleanedLinks}`,{
39 | method: 'GET'
40 | })
41 | const result = await res.json()
42 |
43 | const count = result.response.length ? result.response[0].posts : 0
44 | eleGroup.textContent = count
45 | } catch (err) {
46 | console.error(err)
47 | }
48 | }
49 |
50 | if ('!{use[0]}' === 'Disqus' || !!{lazyload}) {
51 | if (!{lazyload}) btf.loadComment(document.getElementById('disqus_thread'), loadDisqus)
52 | else {
53 | loadDisqus()
54 | !{ count ? 'GLOBAL_CONFIG_SITE.isPost && getCount()' : '' }
55 | }
56 | } else {
57 | window.loadOtherComment = loadDisqus
58 | }
59 | })()
60 |
--------------------------------------------------------------------------------
/layout/includes/third-party/comments/facebook_comments.pug:
--------------------------------------------------------------------------------
1 | - const fbSDKVer = 'v20.0'
2 | - const fbSDK = `https://connect.facebook.net/${theme.facebook_comments.lang}/sdk.js#xfbml=1&version=${fbSDKVer}`
3 |
4 | script.
5 | (()=>{
6 | const loadFBComment = () => {
7 | document.getElementById('fb-root') ? '' : document.body.insertAdjacentHTML('afterend', '')
8 |
9 | const themeNow = document.documentElement.getAttribute('data-theme') === 'dark' ? 'dark' : 'light'
10 | const $fbComment = document.getElementsByClassName('fb-comments')[0]
11 | $fbComment.setAttribute('data-colorscheme',themeNow)
12 | $fbComment.setAttribute('data-href', '!{urlNoIndex(page.permalink)}')
13 |
14 | if (typeof FB === 'object') {
15 | FB.XFBML.parse(document.getElementsByClassName('post-meta-commentcount')[0])
16 | FB.XFBML.parse(document.getElementById('post-comment'))
17 | }
18 | else {
19 | let ele = document.createElement('script')
20 | ele.setAttribute('src','!{fbSDK}')
21 | ele.setAttribute('async', 'true')
22 | ele.setAttribute('defer', 'true')
23 | ele.setAttribute('crossorigin', 'anonymous')
24 | ele.setAttribute('id', 'facebook-jssdk')
25 | document.getElementById('fb-root').insertAdjacentElement('afterbegin',ele)
26 | }
27 | }
28 |
29 | const fbModeChange = theme => {
30 | const $fbComment = document.getElementsByClassName('fb-comments')[0]
31 | if ($fbComment && typeof FB === 'object') {
32 | $fbComment.setAttribute('data-colorscheme',theme)
33 | FB.XFBML.parse(document.getElementById('post-comment'))
34 | }
35 | }
36 |
37 | btf.addGlobalFn('themeChange', fbModeChange, 'facebook_comments')
38 |
39 | if ('!{theme.comments.use[0]}' === 'Facebook Comments' || !!{theme.comments.lazyload}) {
40 | if (!{theme.comments.lazyload}) btf.loadComment(document.querySelector('#post-comment .fb-comments'), loadFBComment)
41 | else loadFBComment()
42 | } else {
43 | window.loadOtherComment = loadFBComment
44 | }
45 | })()
46 |
47 |
--------------------------------------------------------------------------------
/layout/includes/third-party/comments/remark42.pug:
--------------------------------------------------------------------------------
1 | - const { host, siteId, option } = theme.remark42
2 | script.
3 | var remark_config = Object.assign({
4 | host: '!{host}',
5 | site_id: '!{siteId}',
6 | components: ['embed'],
7 | theme: document.documentElement.getAttribute('data-theme') === 'dark' ? 'dark' : 'light'
8 | },!{JSON.stringify(option)})
9 |
10 | function addRemark42(){
11 | for (let i = 0; i < remark_config.components.length; i++) {
12 | const s = document.createElement('script')
13 | s.src = remark_config.host + '/web/' + remark_config.components[i] + '.js'
14 | s.defer = true
15 | document.head.appendChild(s)
16 | }
17 | }
18 |
19 | function initRemark42() {
20 | if (window.REMARK42) {
21 | if (this.remark42Instance) {
22 | this.remark42Instance.destroy()
23 | }
24 |
25 | this.remark42Instance = window.REMARK42.createInstance({
26 | ...remark_config
27 | })
28 | }
29 | }
30 |
31 | function getCount () {
32 | const ele = document.querySelector('.remark42__counter')
33 | if (ele) {
34 | const s = document.createElement('script')
35 | s.src = remark_config.host + '/web/counter.js'
36 | s.defer = true
37 | document.head.appendChild(s)
38 | }
39 | }
40 |
41 | function loadRemark42 () {
42 | if (window.REMARK42) {
43 | this.initRemark42()
44 | getCount()
45 | } else {
46 | addRemark42()
47 | window.addEventListener('REMARK42::ready', () => {
48 | this.initRemark42()
49 | getCount()
50 | })
51 | }
52 | }
53 |
54 | function remarkChangeMode (theme) {
55 | if (!window.REMARK42) return
56 | window.REMARK42.changeTheme(theme)
57 | }
58 |
59 | btf.addGlobalFn('themeChange', remarkChangeMode, 'remark42')
60 |
61 | if ('!{theme.comments.use[0]}' === 'Remark42' || !!{theme.comments.lazyload}) {
62 | if (!{theme.comments.lazyload}) btf.loadComment(document.getElementById('remark42'), loadRemark42)
63 | else loadRemark42()
64 | } else {
65 | function loadOtherComment () {
66 | loadRemark42()
67 | }
68 | }
69 |
--------------------------------------------------------------------------------
/scripts/tag/hide.js:
--------------------------------------------------------------------------------
1 | /**
2 | * Butterfly
3 | * @example
4 | * hideInline
5 | * {% hideInline content,display,bg,color %}
6 | * content不能包含當引號，可用 '
7 | * hideBlock
8 | * {% hideBlock display,bg,color %}
9 | * content
10 | * {% endhideBlock %}
11 | * hideToggle
12 | * {% hideToggle display,bg,color %}
13 | * content
14 | * {% endhideToggle %}
15 | */
16 |
17 | 'use strict'
18 |
19 | const parseArgs = args => {
20 | return args.join(' ').split(',')
21 | }
22 |
23 | const generateStyle = (bg, color) => {
24 | let style = 'style="'
25 | if (bg) {
26 | style += `background-color: ${bg};`
27 | }
28 | if (color) {
29 | style += `color: ${color}`
30 | }
31 | style += '"'
32 | return style
33 | }
34 |
35 | const hideInline = args => {
36 | const [content, display = 'Click', bg = false, color = false] = parseArgs(args)
37 | const group = generateStyle(bg, color)
38 |
39 | return ``
41 | }
42 |
43 | const hideBlock = (args, content) => {
44 | const [display = 'Click', bg = false, color = false] = parseArgs(args)
45 | const group = generateStyle(bg, color)
46 |
47 | return ``
49 | }
50 |
51 | const hideToggle = (args, content) => {
52 | const [display, bg = false, color = false] = parseArgs(args)
53 | const group = generateStyle(bg, color)
54 | let border = ''
55 |
56 | if (bg) {
57 | border = `style="border: 1px solid ${bg}"`
58 | }
59 |
60 | return `${display}
${hexo.render.renderSync({ text: content, engine: 'markdown' })}