13 | })
14 |
15 | 16 | {__('page.error.what')} 17 |
18 |{__('page.error.why')}
19 |20 | 21 | {__('page.error.action')} 22 | 23 | {theme.comments.enabled_in_404 ?
8 |
25 |
26 | )
27 | }
28 |
29 | module.exports = TwikooLayout
30 |
--------------------------------------------------------------------------------
/source/css/_components/partial/footer.styl:
--------------------------------------------------------------------------------
1 | .page-footer
2 | margin: 4rem 1rem 3rem
3 | color: var(--text-p3)
4 | a
5 | color: var(--text-p3)
6 | &:hover
7 | color: $color-hover
8 |
9 | .page-footer .sitemap
10 | margin: .5rem 0 2rem
11 | display: grid
12 | scrollbar-width: none
13 | grid-gap: 1rem 1rem
14 | grid-auto-flow: column dense
15 | overflow: scroll
16 | scrollbar(0, 0)
17 |
18 |
19 | .page-footer .sitemap .sitemap-group
20 | display: flex
21 | flex-direction: column
22 | align-items: flex-start
23 | >span,>a
24 | text-decoration: none
25 | txt-ellipsis()
26 | >span
27 | margin: .5rem 0
28 | font-weight: 500
29 | color: var(--text-p1)
30 | >a
31 | margin: .2rem 0
32 |
33 |
34 | .page-footer .text
35 | p
36 | margin: 4px 0
37 | line-height: 1.5
38 | a:not([class])
39 | text-decoration: underline
40 | font-weight: 500
--------------------------------------------------------------------------------
/source/css/_plugins/lazyload.styl:
--------------------------------------------------------------------------------
1 | trans-cover($p, $t = 0.28s)
2 | trans2pro: transform 0.5s $p $t
3 | trans-site($p)
4 | trans2: box-shadow transform $p
5 | trans-user($p)
6 | trans3: box-shadow transform $p
7 |
8 | if hexo-config('plugins.lazyload.transition') == 'blur'
9 | img.lazy
10 | trans-cover filter
11 | &:not(.loaded)
12 | filter blur(8px)
13 | -webkit-filter blur(8px)
14 | &.loaded,&.error
15 | filter none
16 | -webkit-filter none
17 | .group-body .site-card .card-link>img
18 | trans-site filter
19 | .group-body .user-card .card-link>img
20 | trans-user filter
21 | else
22 | img.lazy
23 | trans-cover opacity 0.5s
24 | &:not(.loaded)
25 | opacity: 0
26 | &.loaded,&.error
27 | opacity: 1
28 | .group-body .site-card .card-link>img
29 | trans-site opacity
30 | .group-body .user-card .card-link>img
31 | trans-user opacity
32 |
--------------------------------------------------------------------------------
/source/images/sun-fill.svg:
--------------------------------------------------------------------------------
1 |
12 |
--------------------------------------------------------------------------------
/layout/components/plugins/comments/waline/layout.jsx:
--------------------------------------------------------------------------------
1 | const WalineLayout = (props) => {
2 | const { page } = props
3 | return (
4 |
9 |
26 |
27 | )
28 | }
29 |
30 | module.exports = WalineLayout
31 |
--------------------------------------------------------------------------------
/layout/components/sidebar/title.jsx:
--------------------------------------------------------------------------------
1 | const { Fragment } = require('react')
2 | const HeaderTitle = (props) => {
3 | const { main, url, sub, url_for } = props
4 | return (
5 |
6 |
7 | {main}
8 |
9 | {sub &&
10 | (() => {
11 | let arr = sub.split('|')
12 | if (arr.length > 1) {
13 | return (
14 | {arr.shift().trim()}
16 |
17 | {arr.join('|')}
18 |
19 | {sub}
23 | }
24 | })()}
25 |
26 | )
27 | }
28 |
29 | module.exports = HeaderTitle
30 |
--------------------------------------------------------------------------------
/scripts/filters/img_onerror.js:
--------------------------------------------------------------------------------
1 | /**
2 | * img_onerror.js v1 | https://github.com/xaoxuu/hexo-theme-stellar/
3 | * 发现这个和 img_lazyload 有点冲突，会被 img_lazyload 覆盖
4 | */
5 |
6 | 'use strict'
7 |
8 | const fs = require('hexo-fs')
9 |
10 | module.exports.processSite = function (htmlContent) {
11 | const default_image = this.theme.config.default.image
12 | return htmlContent.replace(/
10 |
27 |
28 |
29 | )
30 | }
31 |
--------------------------------------------------------------------------------
/layout/404.jsx:
--------------------------------------------------------------------------------
1 | const Comments = require('./components/plugins/comments/layout.jsx')
2 | const ErrorPage = (props) => {
3 | const { config, theme, url_for, __ } = props
4 | let page = props.page
5 | page.menu_id = '404'
6 | page.layout = '404'
7 | page.comment_title = ''
8 | page.header = 'auto'
9 | page.robots = 'none'
10 | return (
11 | 13 |
15 |20 | 21 | {__('page.error.action')} 22 | 23 | {theme.comments.enabled_in_404 ?
6 | {props.title}
7 |
8 | )
9 | }
10 | }
11 | if (props.api === undefined) {
12 | return <>
13 | } else {
14 | return (
15 |
18 |
25 |
26 | '
28 | // div
29 | el += '
'
30 | return el
31 | }
32 |
--------------------------------------------------------------------------------
/source/css/_components/tag-plugins/split.styl:
--------------------------------------------------------------------------------
1 | .tag-plugin.split
2 | display: grid
3 | grid-gap: 16px
4 | grid-template-columns: repeat(auto-fill, "calc((100% - 1 * %s) / 2)" % 16px)
5 | >.cell
6 | margin: 1rem 0
7 | p:first-child>strong:only-child
8 | font-size: $fs-h4
9 | >.cell>
10 | p
11 | line-height: 1.5
12 | :first-child
13 | margin-top: 0
14 | :last-child
15 | margin-bottom: 0
16 | p:first-child
17 | margin-top: -0.25em
18 | p:last-child
19 | margin-bottom: -0.25em
20 |
21 |
22 | .tag-plugin.split
23 | @media screen and (max-width: $device-tablet)
24 | display: block
25 |
26 | .tag-plugin.split
27 | &[bg]>.cell
28 | padding: 1rem
29 | border-radius: $border-card
30 | &[bg='block']>.cell
31 | background: var(--block)
32 | &[bg='card']>.cell
33 | background: var(--card)
34 | box-shadow: $boxshadow-card
35 | trans2 box-shadow transform
36 | &:hover
37 | transform: translateY(-1px)
38 | box-shadow: $boxshadow-card-float
--------------------------------------------------------------------------------
/scripts/tags/lib/folding.js:
--------------------------------------------------------------------------------
1 | /**
2 | * folding.js v1 | https://github.com/xaoxuu/hexo-theme-stellar/
3 | * 格式与官方标签插件一致使用空格分隔，中括号内的是可选参数（中括号不需要写出来）
4 | *
5 | * {% folding [color:yellow] [child:codeblock] [open:false] title %}
6 | * body
7 | * {% endfolding %}
8 | */
9 |
10 | 'use strict'
11 |
12 | module.exports = (ctx) =>
13 | function (args, content) {
14 | args = ctx.args.map(args, ['color', 'child', 'open'], ['title'])
15 | var el = ''
16 | // header
17 | el += ''
25 | // content
26 | el += '
'
32 |
33 | return el
34 | }
35 |
--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "hexo-theme-stellaris",
3 | "version": "2.3.5",
4 | "description": "Powerful, elegant and modern Hexo theme, forked from hexo-theme-stellar.",
5 | "main": "package.json",
6 | "scripts": {},
7 | "repository": {
8 | "type": "git",
9 | "url": "https://github.com/chiyuki0325/hexo-theme-stellaris.git"
10 | },
11 | "keywords": [
12 | "hexo",
13 | "theme",
14 | "stellar",
15 | "stellaris"
16 | ],
17 | "author": "[Kirikaze Chiyuki](https://github.com/chiyuki0325)",
18 | "email": "me@chyk.ink",
19 | "license": "MIT",
20 | "bugs": {
21 | "url": "https://github.com/chiyuki0325/hexo-theme-stellaris/issues/"
22 | },
23 | "dependencies": {
24 | "hexo-renderer-jsx": "^2.0.0",
25 | "hexo-renderer-stylus": "^3.0.0",
26 | "html-react-parser": "^5.2.2",
27 | "node-fetch": "^2.7.0",
28 | "react": "^19.0.0",
29 | "react-dom": "^19.0.0"
30 | },
31 | "homepage": "https://blog.chyk.ink/wiki/stellaris/",
32 | "devDependencies": {
33 | "prettier": "3.4.2"
34 | }
35 | }
36 |
--------------------------------------------------------------------------------
/source/css/_components/tag-plugins/inline-labels.styl:
--------------------------------------------------------------------------------
1 | .md-text
2 | u
3 | text-decoration: none
4 | border-bottom: 2px solid $color-hover
5 | emp
6 | width: fit-content
7 | text-decoration: none
8 | border-bottom: 4px dotted $color-hover
9 | wavy
10 | text-decoration: underline wavy $color-hover
11 | del
12 | color: var(--text-p3)
13 | text-decoration: line-through var(--text-p3)
14 | kbd
15 | border-radius: 4px
16 | border: 1px solid var(--card-border)
17 | //border-bottom-width: 2px
18 | background: var(--card)
19 | padding: 2px 4px 1px 4px
20 | font-family: $ff-code
21 | font-weight: 550
22 | psw
23 | color: transparent
24 | background: #a1a1a1
25 | border-radius: 3px
26 | trans1 background
27 | margin: auto 2px
28 | &:hover
29 | color: inherit
30 | background: none
31 | sup,sub
32 | color: var(--theme)
33 | line-height: 1
34 | // font-weight: 700
35 | font-family: $ff-code
36 | h1,h2,h3,h4
37 | sup,sub
38 | font-size: .85rem
39 |
--------------------------------------------------------------------------------
/layout/components/widgets/tagcloud.jsx:
--------------------------------------------------------------------------------
1 | const TagCloud = (props) => {
2 | const { site, tagcloud } = props
3 | if (site.tags === undefined || site.tags.length === 0) {
4 | return <>
5 | }
6 | const opts = {
7 | min_front: props.min_front || 12,
8 | max_front: props.max_front || 24,
9 | amount: props.amount || 100,
10 | orderby: props.orderby || 'count',
11 | order: props.order || 1,
12 | color: props.color || false,
13 | start_color: props.start_color,
14 | end_color: props.end_color,
15 | show_count: props.show_count || false,
16 | class: 'tag ',
17 | }
18 | return (
19 | '
27 | el += ctx.render
28 | .renderSync({ text: content, engine: 'markdown' })
29 | .split('\n')
30 | .join('')
31 | el += '
22 | {props.title}
23 |
24 | )}
25 |
29 | 0) {
26 | el += '
'
35 |
36 | return el
37 | }
38 |
--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
1 | MIT License
2 |
3 | Copyright (c) 2023 Kirikaze Chiyuki
4 |
5 | Permission is hereby granted, free of charge, to any person obtaining a copy
6 | of this software and associated documentation files (the "Software"), to deal
7 | in the Software without restriction, including without limitation the rights
8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
9 | copies of the Software, and to permit persons to whom the Software is
10 | furnished to do so, subject to the following conditions:
11 |
12 | The above copyright notice and this permission notice shall be included in all
13 | copies or substantial portions of the Software.
14 |
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21 | SOFTWARE.
22 |
--------------------------------------------------------------------------------
/source/images/link_icon.svg:
--------------------------------------------------------------------------------
1 |
4 |
--------------------------------------------------------------------------------
/layout/layout.jsx:
--------------------------------------------------------------------------------
1 | const Layout = (props) => {
2 | const { page, body } = props
3 | const Head = require('./components/head.jsx')
4 | const Cover = require('./components/cover/cover.jsx')
5 | const Sidebar = require('./components/sidebar/sidebar.jsx')
6 | const Header = require('./components/main/header.jsx')
7 | const Scripts = require('./components/scripts.jsx')
8 | const Footer = require('./components/main/footer.jsx')
9 | const MenuButton = require('./components/menu_button.jsx')
10 | return (
11 |
12 | ' + title + '
'
27 | }
28 | // content
29 | el += ''
30 | el += ctx.render
31 | .renderSync({ text: content, engine: 'markdown' })
32 | .split('\n')
33 | .join('')
34 | el += '
16 |
19 |
26 |
20 |
25 | 0) {
28 | el += '
'
37 |
38 | return el
39 | }
40 |
--------------------------------------------------------------------------------
/layout/tags.jsx:
--------------------------------------------------------------------------------
1 | const { Fragment } = require('react')
2 | const NavBarListPost = require('./components/main/navbar/list_post.jsx')
3 | const Tags = (props) => {
4 | const TagList = (props) => {
5 | const elements = []
6 | const { site, url_for } = props
7 | site.tags.sort('length', -1).each((tag) => {
8 | elements.push(
9 |
10 | {tag.name}
11 |
12 | )
13 | })
14 | return elements
15 | }
16 |
17 | const { site, scroll_reveal, __ } = props
18 | let { page } = props
19 | page.robots = 'noindex,follow'
20 | if (page.menu_id === undefined) {
21 | page.menu_id = 'post'
22 | }
23 | if (site.tags.length) {
24 | page.title = __('btn.tags')
25 | page.layout = 'tags'
26 | return (
27 | ' + title + '
'
29 | }
30 | // content
31 | el += ''
32 | el += ctx.render
33 | .renderSync({ text: args.content, engine: 'markdown' })
34 | .split('\n')
35 | .join('')
36 | el += '
30 |
31 |
33 |
34 |
30 | {props.title}
31 |
32 | )}
33 |
34 |
39 |
40 | {
2 | const generatedScript = `
3 | function loadGiscus() {
4 | const els = document.querySelectorAll("#comments #giscus");
5 | if (els.length === 0) return;
6 | els.forEach((el, i) => {
7 | try {
8 | el.innerHTML = '';
9 | } catch (error) {
10 | console.error(error);
11 | }
12 | var script = document.createElement('script');
13 | script.src = 'https://giscus.app/client.js';
14 | script.async = true;
15 | for (let key of Object.keys(el.attributes)) {
16 | let attr = el.attributes[key];
17 | if (['class', 'id'].includes(attr.name) === false) {
18 | script.setAttribute(attr.name, attr.value);
19 | }
20 | }
21 | el.appendChild(script);
22 | });
23 | }
24 | InstantClick.on('change', () => {
25 | loadGiscus();
26 | });
27 | window.addEventListener(
28 | "load", loadGiscus, false
29 | );
30 | `
31 | return (
32 |
36 | )
37 | }
38 |
39 | module.exports = GiscusScript
40 |
--------------------------------------------------------------------------------
/source/css/_plugins/swiper.styl:
--------------------------------------------------------------------------------
1 | :root
2 | --swiper-theme-color: $color-theme !important
3 | .swiper-container
4 | width: 100%
5 | border-radius: 4px
6 | --gap-p: 2rem
7 | .swiper-container:not(.swiper-container-initialized)
8 | display: none
9 | div.swiper-slide
10 | text-align: center
11 | display: -webkit-box
12 | display: -ms-flexbox
13 | display: -webkit-flex
14 | display: flex
15 | align-self: center
16 | -webkit-box-pack: center
17 | -ms-flex-pack: center
18 | -webkit-justify-content: center
19 | justify-content: center
20 | -webkit-box-align: center
21 | -ms-flex-align: center
22 | -webkit-align-items: center
23 | align-items: center
24 | width: 50%
25 | img
26 | border-radius: 4px
27 |
28 | .swiper-container[width='max'] div.swiper-slide
29 | width: 100%
30 |
31 | .swiper-container[width='min'] div.swiper-slide
32 | width: 25%
33 |
34 | .swiper-button-prev,.swiper-button-next
35 | padding: 1rem 0.5rem
36 | margin-top: -2rem !important
37 | border-radius: 4px
38 | background: alpha(white, 0.25)
39 | trans1 background
40 | --swiper-theme-color: black !important
41 | &:after
42 | font-size: 1.2rem !important
43 | font-weight: 700 !important
44 | &:hover
45 | background: white !important
46 | --swiper-theme-color: $color-hover !important
47 |
--------------------------------------------------------------------------------
/layout/components/plugins/comments/beaudar/script.jsx:
--------------------------------------------------------------------------------
1 | const BeaudarScript = (props) => {
2 | const generatedScript = `
3 | function loadBeaudar() {
4 | const els = document.querySelectorAll("#comments #beaudar");
5 | if (els.length === 0) return;
6 | els.forEach((el, i) => {
7 | try {
8 | el.innerHTML = '';
9 | } catch (error) {
10 | console.error(error);
11 | }
12 | var script = document.createElement('script');
13 | script.src = 'https://beaudar.lipk.org/client.js';
14 | script.async = true;
15 | for (let key of Object.keys(el.attributes)) {
16 | let attr = el.attributes[key];
17 | if (['class', 'id'].includes(attr.name) === false) {
18 | script.setAttribute(attr.name, attr.value);
19 | }
20 | }
21 | el.appendChild(script);
22 | });
23 | }
24 | InstantClick.on('change', () => {
25 | loadBeaudar();
26 | });
27 | window.addEventListener(
28 | "load", loadBeaudar, false
29 | );
30 | `
31 | return (
32 |
36 | )
37 | }
38 |
39 | module.exports = BeaudarScript
40 |
--------------------------------------------------------------------------------
/layout/components/plugins/comments/artalk/script.jsx:
--------------------------------------------------------------------------------
1 | module.exports = function (prop) {
2 | const { config, theme, page } = props
3 | const generatedScript = `
4 | function load_artalk() {
5 | if (!document.querySelectorAll("#artalk_container")[0]) return
6 | stellar.loadCSS('${theme.comments.artalk.css}')
7 | stellar.loadScript('${theme.comments.artalk.js}', {defer: true}).then(function () {
8 | const el = document.getElementById("artalk_container")
9 | var path = el.getAttribute('comment_id')
10 | if (!path) {
11 | path = decodeURI(window.location.pathname)
12 | }
13 | var artalk = new Artalk({
14 | el: '#artalk_container',
15 | pageKey: path,
16 | pageTitle: '${page.title || page.seo_title}',
17 | server: '${theme.comments.artalk.server}',
18 | placeholder: '${theme.comments.artalk.placeholder}',
19 | site: '${config.title}',
20 | darkMode: '${theme.comments.artalk.darkMode}'
21 | })
22 | })
23 | }
24 | InstantClick.on('change', () => {
25 | load_artalk()
26 | });
27 | window.addEventListener(
28 | "load", load_artalk, false
29 | )`
30 | return (
31 |
35 | )
36 | }
37 |
--------------------------------------------------------------------------------
/layout/components/plugins/comments/utterances/script.jsx:
--------------------------------------------------------------------------------
1 | const UtterancesScript = (props) => {
2 | const generatedScript = `
3 | function loadUtterances() {
4 | const els = document.querySelectorAll("#comments #utterances");
5 | if (els.length === 0) return;
6 | els.forEach((el, i) => {
7 | try {
8 | el.innerHTML = '';
9 | } catch (error) {
10 | console.error(error);
11 | }
12 | var script = document.createElement('script');
13 | script.src = 'https://utteranc.es/client.js';
14 | script.async = true;
15 | for (let key of Object.keys(el.attributes)) {
16 | let attr = el.attributes[key];
17 | if (['class', 'id'].includes(attr.name) === false) {
18 | script.setAttribute(attr.name, attr.value);
19 | }
20 | }
21 | el.appendChild(script);
22 | });
23 | }
24 | InstantClick.on('change', () => {
25 | loadUtterances();
26 | });
27 | window.addEventListener(
28 | "load", loadUtterances, false
29 | );
30 | `
31 | return (
32 |
36 | )
37 | }
38 |
39 | module.exports = UtterancesScript
40 |
--------------------------------------------------------------------------------
/scripts/tags/lib/read/reel.js:
--------------------------------------------------------------------------------
1 | /**
2 | * reel.js v1.1 | https://github.com/HcGys/stellar/
3 | * 格式与官方标签插件一致使用空格分隔，中括号内的是可选参数（中括号不需要写出来）
4 | *
5 | * reel:
6 | * {% reel [title] [author:作者] [date:日期] [footer:footer] %}
7 | * body
8 | * {% endreel %}
9 | *
10 | */
11 |
12 | 'use strict'
13 |
14 | module.exports = (ctx) =>
15 | function (args, content) {
16 | var el = ''
17 | args = ctx.args.map(args, ['author', 'date', 'footer'], ['title'])
18 |
19 | el += ''
38 | if (args.date) {
39 | el += '
'
45 | el += ''
46 | return el
47 | }
48 |
--------------------------------------------------------------------------------
/source/css/_defines/const.styl:
--------------------------------------------------------------------------------
1 | // 用来进行设备适配，请勿修改
2 | $device-mobile-375 = 375px
3 | $device-mobile-425 = 425px
4 | $device-mobile = 500px
5 | $device-mobile-max = 667px
6 | $device-tablet = 768px
7 | $device-laptop = 1024px
8 | $device-desktop = 1440px
9 | $device-2k = 2048px
10 | $device-4k = 2560px
11 |
12 | // 预定义颜色，不需要修改
13 | $color-md-red = #f44336
14 | $color-md-pink = #E91E63
15 | $color-md-purple = #9c27b0
16 | $color-md-deep-purple = #673ab7
17 | $color-md-indigo = #3f51b5
18 | $color-md-light-blue = #4BA7EE
19 | $color-md-blue = #2196f3
20 | $color-md-deep-blue = #3367d6
21 | $color-md-teal = #009688
22 | $color-md-green = #4caf50
23 | $color-md-light-green = #8bc34a
24 | $color-md-orange = #ff9800
25 | $color-md-deep-orange = #ff5722
26 | $color-md-brown = #795548
27 | $color-md-blue-grey = #607d8b
28 | $color-md-grey = #9e9e9e
29 | $color-md-light-grey =#e0e0e0
30 | $color-md-yellow = #FCEC60
31 | $color-md-amber = #F6C344
32 |
33 | $color-mac-cyan = #1BCDFC
34 | $color-mac-green = #3DC550
35 | $color-mac-yellow = #FFBD2B
36 | $color-mac-red = #FE5F58
37 |
38 | $color-google-blue = #4688F1
39 | $color-google-green = #3AA757
40 | $color-google-yellow = #FABB2D
41 | $color-google-red = #E8453C
42 |
43 | $c-red = #F44336
44 | $c-orange = #FA6400
45 | $c-yellow = #FFBD2B
46 | $c-green = #3DC550
47 | $c-cyan = #1BCDFC
48 | $c-blue = #2196f3
49 | $c-purple = #9c27b0
50 |
--------------------------------------------------------------------------------
/layout/components/main/navbar/list_wiki.jsx:
--------------------------------------------------------------------------------
1 | module.exports = function NavBarListWiki(props) {
2 | const { page, config, theme, url_for, __ } = props
3 | return (
4 | '
29 | }
30 | el += '
'
31 | }
32 | el += ''
33 | el += ctx.render
34 | .renderSync({ text: content, engine: 'markdown' })
35 | .split('\n')
36 | .join('')
37 | el += '
' + args.date + '
'
40 | }
41 | el += ''
44 | el += '
5 |
39 |
40 | )
41 | }
42 |
--------------------------------------------------------------------------------
/source/css/_components/tag-plugins/note.styl:
--------------------------------------------------------------------------------
1 | .md-text .tag-plugin.note
2 | position: relative
3 | margin-top: 1rem
4 | margin-bottom: 1rem
5 | padding: 0 1rem
6 | border-radius: $border-block
7 | background: var(--theme-bg)
8 | box-shadow: $boxshadow-card
9 | border: 1px solid var(--theme-border)
10 | color: var(--text-p1)
11 | >.title
12 | font-size: $fs-h4
13 | line-height: 1.2
14 | margin-top: 1rem
15 | >.body
16 | &,p
17 | font-size: $fs-15
18 | line-height: 1.5
19 | margin-top: .5rem
20 | margin-bottom: 1rem
21 | >.body:only-child
22 | margin: 1rem 0
23 |
24 |
25 | .md-text .tag-plugin.note[color]
26 | code
27 | background: none
28 | .md-text .tag-plugin.note:not([color])
29 | .highlight
30 | background: var(--block-hover)
31 | .md-text .tag-plugin.note[child=codeblock]
32 | padding: 0
33 | >.title, >.body:only-child
34 | margin-top: 0
35 | >.body
36 | margin-bottom: 0
37 | .highlight
38 | margin: 0
39 | border: none
40 | background: none
41 |
42 | .md-text .tag-plugin.note[child=tabs]
43 | >.body
44 | margin: 0
45 | >.tabs
46 | margin-top: .5rem
47 |
48 | .md-text .tag-plugin.note[child=iframe]
49 | overflow: hidden
50 | padding: 0
51 | >.body
52 | margin: 0
53 | iframe
54 | margin: 0
55 |
56 | .md-text .tag-plugin .tag-plugin.note
57 | --gap-p: 1rem
58 |
--------------------------------------------------------------------------------
/scripts/tags/lib/poetry.js:
--------------------------------------------------------------------------------
1 | /**
2 | * poetry.js v1.1 | https://github.com/xaoxuu/hexo-theme-stellar/
3 | * 格式与官方标签插件一致使用空格分隔，中括号内的是可选参数（中括号不需要写出来）
4 | *
5 | * poetry:
6 | * {% poetry [title] [author:作者] [date:日期] [footer:footer] %}
7 | * body
8 | * {% endpoetry %}
9 | *
10 | */
11 |
12 | 'use strict'
13 |
14 | module.exports = (ctx) =>
15 | function (args, content) {
16 | var el = ''
17 | args = ctx.args.map(args, ['author', 'date', 'footer'], ['title'])
18 |
19 | el += ''
31 | }
32 | if (args.date) {
33 | el += '' + args.date + ''
34 | }
35 | el += '
'
36 | }
37 | el += ''
38 | el += ctx.render
39 | .renderSync({ text: content, engine: 'markdown' })
40 | .split('\n')
41 | .join('')
42 | el += '
'
43 | if (args.footer) {
44 | el += ''
47 | }
48 | el += ''
49 | el += ''
50 | return el
51 | }
52 |
--------------------------------------------------------------------------------
/source/images/weibo.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/source/css/_components/tag-plugins/frame.styl:
--------------------------------------------------------------------------------
1 | .md-text .frame-wrap
2 | position: relative
3 | overflow: hidden
4 | margin: 0 auto
5 | max-width: 100%
6 | display: flex
7 | flex-direction: column
8 | align-items: center
9 | img,video
10 | border-radius: 0
11 | .md-text .frame-wrap .frame
12 | z-index: 1
13 | display: block
14 | position: absolute;
15 | background-size: 100%;
16 | background-repeat: no-repeat;
17 | overflow: hidden;
18 |
19 | .md-text .tag-plugin.img-wrap .frame-wrap
20 | &[focus]
21 | height: auto
22 |
23 | .md-text .frame-wrap
24 | &#iphone11
25 | img,video
26 | width: 287px
27 | margin-top: 19px
28 | margin-bottom: 20px
29 | .frame
30 | background-image: url(https://fastly.jsdelivr.net/gh/cdn-x/placeholder@1.0.1/frame/iphone11.svg);
31 | width: 329px
32 | height: 658px
33 | &[focus='top']
34 | img,video
35 | margin-bottom: 0 !important
36 | &:not([focus='bottom'])
37 | .frame
38 | top: 0
39 | &[focus='bottom']
40 | img,video
41 | bottom: 0
42 | margin-top: 0 !important
43 | .frame
44 | bottom: 0
45 |
46 | @media screen and (max-width: $device-mobile)
47 | .md-text .frame-wrap
48 | &#iphone11
49 | img,video
50 | width: 208px
51 | margin-top: 13px
52 | margin-bottom: 14px
53 | .frame
54 | width: 238px
55 | height: 476px
56 |
--------------------------------------------------------------------------------
/source/css/_components/partial/article-footer.styl:
--------------------------------------------------------------------------------
1 | .md-text .article-footer
2 | margin-top: 4rem
3 | padding: 1rem
4 | background: var(--block)
5 | border-radius: $border-block
6 | box-shadow: $boxshadow-card
7 | border: 1px solid var(--block-border)
8 | &:empty
9 | display: none
10 | .header
11 | font-weight: 500
12 | color: var(--text-p2)
13 | font-size: $fs-h4
14 | .body
15 | input.copy-area
16 | margin: 0.75rem 0
17 | padding: 0
18 | width: 100%
19 | p
20 | color: var(--text-p2)
21 | margin: 0.5em 0
22 | a
23 | font-weight: unset
24 | ul
25 | margin: 0
26 | overflow: hidden
27 | .post-title
28 | margin: 0.5rem 0
29 | line-height: 1.2
30 | word-break: break-all
31 | section+section
32 | margin-top: 1rem
33 | padding-top: 1rem
34 | border-top: 1px solid var(--block-border)
35 |
36 | .md-text .article-footer .social-wrap
37 | grid-gap: 0.5rem 1rem
38 | margin: 0
39 |
40 | .md-text .article-footer .qrcode
41 | width: 128px
42 | padding: 4px
43 | background: white
44 | border-radius: 4px
45 | box-shadow: 0 4px 8px 0px rgba(0, 0, 0, 0.1), 0 0 32px 0px rgba(0, 0, 0, 0.1)
46 | overflow: hidden
47 | trans1 height
48 | img
49 | object-fit: contain
50 |
51 | .md-text .article-footer .qrcode.display
52 | margin: 2rem auto 1rem
53 | height: 128px !important
54 | visibility: visible !important
55 |
--------------------------------------------------------------------------------
/layout/components/widgets/search.jsx:
--------------------------------------------------------------------------------
1 | const Search = (props) => {
2 | const { page, __ } = props
3 | let filter = ''
4 | if (props.filter === 'auto') {
5 | if (page.layout === 'wiki') {
6 | let matches = page.path.match(/(.*?)\/(.*?)\//i)
7 | if (matches?.length > 0) {
8 | filter = matches[0]
9 | }
10 | }
11 | } else {
12 | if (props.filter?.length > 0) {
13 | filter = props.filter
14 | }
15 | }
16 | let placeholder = ''
17 | if (filter.length > 0) {
18 | if (!filter.startsWith('/')) {
19 | filter = '/' + filter
20 | }
21 | placeholder = props.placeholder || __('search.search_in', filter)
22 | } else {
23 | placeholder = props.placeholder || __('search.search')
24 | }
25 |
26 | return (
27 |
29 |
43 |
30 |
39 |
40 |
42 | {__('search.no_results')}
41 |
7 | 
12 |
13 | )
14 | } else {
15 | return <>
16 | }
17 | }
18 | const ProjectCategories = (props) => {
19 | const { proj, category_color } = props
20 | if (proj.tags && proj.tags.length > 0) {
21 | const tag = proj.tags[0]
22 | return (
23 |
24 | {tag}
25 |
26 | )
27 | } else {
28 | return <>
29 | }
30 | }
31 | const ProjectDescription = (props) => {
32 | const { proj } = props
33 | if (proj.description) {
34 | return {proj.description}
35 | } else { 36 | return <> 37 | } 38 | } 39 | const { proj } = props 40 | return ( 41 |
44 |
48 | {proj.title || proj.name}
46 |
36 |
37 |
39 |
40 |
44 |
46 | )
47 | }
48 |
49 | module.exports = PostCover
50 |
--------------------------------------------------------------------------------
/layout/components/plugins/comments/layout.jsx:
--------------------------------------------------------------------------------
1 | const Comments = (props) => {
2 | const { theme, page, markdown, __ } = props
3 | let loadComment = false
4 | if (theme.comments.service && theme.comments.service.length > 0) {
5 | if (page.comments === undefined || page.comments !== false) {
6 | loadComment = true
7 | }
8 | }
9 | // 合并wiki评论
10 | let proj = theme.wiki.tree[page.wiki]
11 | if (loadComment && page.layout === 'wiki' && page.wiki && proj != null) {
12 | if (proj.comment_title !== undefined && page.comment_title === undefined) {
13 | if (
14 | ['utterances', 'beaudar', 'giscus'].includes(theme.comments.service)
15 | ) {
16 | page.comment_title = proj.comment_title
17 | }
18 | }
19 | }
20 |
21 | if (loadComment) {
22 | const commentTitle =
23 | page.comment_title !== undefined
24 | ? markdown(page.comment_title)
25 | : __('meta.comment_title')
26 | const CommentLayout = require('./' + theme.comments.service + '/layout.jsx')
27 | return (
28 | {imageElement}
45 |
29 |
33 |
37 | )
38 | } else {
39 | return <>
40 | }
41 | }
42 |
43 | module.exports = Comments
44 |
--------------------------------------------------------------------------------
/scripts/tags/inline-labels.js:
--------------------------------------------------------------------------------
1 | /**
2 | * 修饰文本标签 v2 | https://github.com/chiyuki0325/hexo-theme-stellaris
3 | *
4 | * example:
5 | * {% psw 这是密码 %}
6 | */
7 |
8 | 'use strict'
9 |
10 | hexo.extend.tag.register('u', function (args) {
11 | return `${args.join(' ')}`
12 | })
13 | hexo.extend.tag.register('emp', function (args) {
14 | return `
34 |
36 | /g)
25 | .filter((item) => item.trim().length > 0)
26 | if (arr.length > 0) {
27 | var nodes = []
28 | arr.forEach((item, i) => {
29 | if (i % 2 == 0) {
30 | nodes.push({
31 | header: item,
32 | })
33 | } else if (nodes.length > 0) {
34 | var node = nodes[nodes.length - 1]
35 | if (node.body == undefined) {
36 | node.body = item
37 | } else {
38 | node.body += '\n' + item
39 | }
40 | }
41 | })
42 | nodes.forEach((node, i) => {
43 | el += '
'
53 |
54 | return el
55 | }
56 |
--------------------------------------------------------------------------------
/source/css/_components/sidebar/footer.styl:
--------------------------------------------------------------------------------
1 | .l_left>.footer
2 | margin: 0.5rem var(--gap-l) 1rem
3 |
4 | .social-wrap
5 | display: grid
6 | grid-gap: 0.25rem 0.25rem
7 | grid-template-columns: repeat(auto-fill, 32px)
8 | a.social, .darkmode-switch-container
9 | cursor: pointer
10 | line-height: 0
11 | display: inline-block
12 | padding: 6px
13 | border-radius: 4px
14 | filter: grayscale(100%)
15 | overflow: hidden
16 | background: transparent
17 | border: 0px solid var(--block-border);
18 | trans3: background transform border
19 | &:hover
20 | color: $color-hover
21 | z-index: 1
22 | filter: unset
23 | transform: translateY(-1px)
24 | background: var(--card)
25 | border: 1px solid var(--block-border);
26 | //box-shadow: 2px 4px 8px #ddd, -2px -4px 8px #fff
27 | if hexo-config('style.darkmode') == 'auto'
28 | @media (prefers-color-scheme: dark)
29 | //box-shadow: none
30 | //if hexo-config('style.darkmode') == 'always'
31 | //box-shadow: none
32 |
33 |
34 |
35 | .proj-wrap
36 | display: grid
37 | grid-gap: 0.25rem 0.25rem
38 | a.item
39 | border-radius: 4px
40 | font-size: $fs-13
41 | font-weight: 500
42 | color: var(--text-p2)
43 | background: var(--block)
44 | border: 1px solid var(--block-border)
45 | overflow: hidden
46 | padding: .75em
47 | text-align: center
48 | svg
49 | margin-right: .5em
50 | &:hover
51 | color: $color-hover
52 | background: var(--card)
53 |
--------------------------------------------------------------------------------
/layout/post.jsx:
--------------------------------------------------------------------------------
1 | const { Fragment } = require('react')
2 | const Breadcrumb = require('./components/main/navbar/breadcrumb.jsx')
3 | const ArticleFooter = require('./components/main/article/article_footer.jsx')
4 | const ReadNext = require('./components/main/article/read_next.jsx')
5 | const RelatedPosts = require('./components/main/article/related_posts.jsx')
6 | const Comments = require('./components/plugins/comments/layout.jsx')
7 | const PostTitle = (props) => {
8 | const { page } = props
9 | const title = page.h1 ?? page.title
10 | if (title && title.length > 0) {
11 | return (
12 | '
44 | el += ctx.render
45 | .renderSync({ text: node.body || '', engine: 'markdown' })
46 | .split('\n')
47 | .join('')
48 | el += '
'
49 | })
50 | }
51 |
52 | el += '13 | {title} 14 |
15 | ) 16 | } else { 17 | return <> 18 | } 19 | } 20 | const Post = (props) => { 21 | const { scroll_reveal, partial } = props 22 | let { page } = props 23 | if (page.menu_id === undefined) { 24 | page.menu_id = 'post' 25 | } 26 | if (page.header === undefined) { 27 | page.header = 'auto' 28 | } 29 | return ( 30 |/g)
25 | .filter((item) => item.trim().length > 0)
26 | if (arr.length > 0) {
27 | var nodes = []
28 | arr.forEach((item, i) => {
29 | if (i % 2 == 0) {
30 | nodes.push({
31 | header: item,
32 | })
33 | } else if (nodes.length > 0) {
34 | var node = nodes[nodes.length - 1]
35 | if (node.body == undefined) {
36 | node.body = item
37 | } else {
38 | node.body += '\n' + item
39 | }
40 | }
41 | })
42 | nodes.forEach((node, i) => {
43 | el += '
'
57 |
58 | return el
59 | }
60 |
--------------------------------------------------------------------------------
/source/css/_components/partial/cover.styl:
--------------------------------------------------------------------------------
1 | .l_cover
2 | height: 100vh
3 | text-align: center
4 | display: flex
5 | flex-direction: column
6 | justify-content: center
7 | align-items: center
8 | position: relative
9 | &.post
10 | height: inherit
11 |
12 |
13 | .l_cover .cover-wrap
14 | margin-bottom: 0
15 | display: flex
16 | flex-direction: column
17 | justify-content: center
18 | align-items: center
19 | .cover-title
20 | font-weight: 700
21 | font-size: 1.5rem
22 | margin: 1rem 0
23 | line-height: 1.2
24 | .description
25 | margin: 1rem 0
26 | .start-wrap
27 | margin: 2rem 0
28 | flex-shrink: 0
29 | a.start
30 | display: inline-block
31 |
32 | .l_cover.post
33 | .cover
34 | z-index: -1
35 | width: 100%
36 | height: 30vh
37 | max-width: $device-2k
38 | min-height: 150px
39 | max-height: 400px
40 | @media screen and (max-width: $device-tablet)
41 | height: 25vh
42 | @media screen and (max-width: $device-mobile)
43 | height: 20vh
44 | @media screen and (min-width: $device-2k)
45 | margin-top: 4rem
46 | .img
47 | border-radius: 2rem
48 |
49 |
50 | .l_cover.post .cover-wrap
51 | z-index: 1
52 | .article-title
53 | text-align: center
54 | padding: 1rem
55 | margin: 1em 0 0 0
56 | @media screen and (min-width: $device-2k)
57 | font-size: 3rem
58 |
59 |
60 | .l_cover.wiki .cover-wrap
61 | max-width: $device-mobile
62 | .preview
63 | margin-bottom: 2rem
64 | img
65 | object-fit: contain
66 | max-height: 35vh
67 | max-width: 100%
68 | @media screen and (max-width: $device-mobile)
69 | max-width: 60%
70 | .cover-title
71 | &:first-child
72 | font-size: 3rem
73 |
--------------------------------------------------------------------------------
/layout/page.jsx:
--------------------------------------------------------------------------------
1 | const Breadcrumb = require('./components/main/navbar/breadcrumb.jsx')
2 | const NavBarListPost = require('./components/main/navbar/list_post.jsx')
3 | const ArticleFooter = require('./components/main/article/article_footer.jsx')
4 | const Comments = require('./components/plugins/comments/layout.jsx')
5 | const PageTitle = (props) => {
6 | const { page } = props
7 | const title = page.h1 ?? page.title
8 | if (title && title.length > 0) {
9 | return (
10 | '
44 | // summary
45 | el += '
'
53 | })
54 | }
55 |
56 | el += '' + (node.header || '') + '
' 46 | // content 47 | el += ''
48 | el += ctx.render
49 | .renderSync({ text: node.body || '', engine: 'markdown' })
50 | .split('\n')
51 | .join('')
52 | el += '
11 | {title} 12 |
13 | ) 14 | } else { 15 | return <> 16 | } 17 | } 18 | const Page = (props) => { 19 | const { scroll_reveal, partial } = props 20 | let { page } = props 21 | if (page.menu_id === undefined) { 22 | page.menu_id = 'post' 23 | } 24 | if (page.header === undefined) { 25 | page.header = 'auto' 26 | } 27 | const elements = [] 28 | if (page.post_list) { 29 | elements.push('
23 | if (args.back) {
24 | el += ''
25 | el +=
26 | ''
27 | el += ''
28 | }
29 | // avatar
30 | var avatar_url = args.avatar
31 | if (avatar_url) {
32 | el += '
'
52 | return el
53 | }
54 |
--------------------------------------------------------------------------------
/scripts/tags/lib/quot.js:
--------------------------------------------------------------------------------
1 | /**
2 | * quot.js v1.2 | https://github.com/xaoxuu/hexo-theme-stellar/
3 | * 格式与官方标签插件一致使用空格分隔，中括号内的是可选参数（中括号不需要写出来）
4 | *
5 | * quot:
6 | * {% quot [el:h2] [icon:default] [prefix:icon] text [suffix:icon] %}
7 | *
8 | */
9 |
10 | 'use strict'
11 |
12 | module.exports = (ctx) =>
13 | function (args) {
14 | var el = ''
15 | args = ctx.args.map(args, ['el', 'icon', 'prefix', 'suffix'], ['text'])
16 | if (!args.el) {
17 | args.el = 'p'
18 | }
19 |
20 | var type = ''
21 | if (args.icon || args.prefix || args.suffix) {
22 | type = ' type="icon"'
23 | } else {
24 | type = ' type="text"'
25 | }
26 | function content() {
27 | const cfg = ctx.theme.config.tag_plugins.quot[args.icon]
28 | var el = ''
29 | var prefix = args.prefix || cfg?.prefix
30 | var suffix = args.suffix || cfg?.suffix
31 | if (prefix) {
32 | el += ctx.utils.icon(prefix, 'class="icon prefix"')
33 | } else {
34 | el += ``
35 | }
36 | el += `${args.text}`
37 | if (suffix) {
38 | el += ctx.utils.icon(suffix, 'class="icon prefix"')
39 | } else {
40 | el += ``
41 | }
42 | return el
43 | }
44 | if (args.el.includes('h')) {
45 | el += ''
33 | el += '
'
44 | }
45 |
46 | // content
47 | el += ''
34 | el += '
0) {
36 | el += ' style="border-radius:' + args.border + '"'
37 | }
38 | if (args.height && args.height.length > 0) {
39 | el += ' height="' + args.height + '"'
40 | }
41 | el += '/>'
42 | el += '
'
43 | el += ''
48 | el += rows.join('')
49 | el += '
'
50 |
51 | el += '
48 |
51 | {where !== 'main' &&
25 | {(() => {
26 | let title = __('btn.wiki')
27 | if (proj.tags && proj.tags[0]) {
28 | title = proj.tags[0]
29 | }
30 | return {__('meta.more', title)}
31 | })()}
32 |
33 |
34 | {related.map((p, i) => {
35 | if (p.homepage == null) {
36 | console.error('未找到首页：', p.title)
37 | return <>
38 | }
39 | // 同一个分组中的其它项目
40 | return (
41 |
42 | {p.title}
43 | {(() => {
44 | if (p.description && p.description.length > 0) {
45 | return {p.description}
46 | }
47 | })()}
48 |
49 | )
50 | })}
51 |
52 | 13 | {title} 14 |
15 | ) 16 | } else { 17 | return <> 18 | } 19 | } 20 | const Wiki = (props) => { 21 | const { scroll_reveal, partial, __ } = props 22 | let { page } = props 23 | if (page.menu_id === undefined) { 24 | page.menu_id = 'wiki' 25 | } 26 | if (page.layout === undefined) { 27 | page.layout = 'wiki_index' 28 | } 29 | if (page.title === undefined) { 30 | if (page.tag_name) { 31 | page.title = page.tag_name 32 | } else { 33 | page.title = __('btn.wiki') 34 | } 35 | } 36 | if (page.layout === 'wiki_index') { 37 | return
4 |
34 |
35 | )
36 | }
37 |
38 | module.exports = MenuButton
39 |
--------------------------------------------------------------------------------
/scripts/tags/lib/copy.js:
--------------------------------------------------------------------------------
1 | /**
2 | * copy.js v2 | https://github.com/chiyuki0325/hexo-theme-stellaris/
3 | * 格式与官方标签插件一致使用空格分隔，中括号内的是可选参数（中括号不需要写出来）
4 | *
5 | * {% copy xxx %}
6 | * {% copy git xaoxuu/hexo-theme-stellar %}
7 | *
8 | */
9 |
10 | 'use strict'
11 |
12 | let copy_index = 0
13 |
14 | module.exports = (ctx) =>
15 | function (args) {
16 | args = ctx.args.map(args, ['width', 'git'], ['text'])
17 | if (args == undefined || args.text == undefined) {
18 | return ''
19 | }
20 | var text = args.text
21 | if (args.git) {
22 | if (text.substr(0, 1) == '/') {
23 | text = text.substring(1)
24 | }
25 | if (args.git == 'ssh') {
26 | text = 'git@github.com:' + text + '.git'
27 | } else if (args.git == 'gh') {
28 | text = 'gh repo clone ' + text
29 | } else {
30 | text = 'https://github.com/' + text + '.git'
31 | }
32 | }
33 |
34 | const copy_id = 'copy_' + ++copy_index
35 |
36 | var el = ''
37 | el += ''
44 | el +=
45 | ''
51 |
52 | el += '
'
53 | return el
54 | }
55 |
--------------------------------------------------------------------------------
/scripts/tags/lib/friends.js:
--------------------------------------------------------------------------------
1 | /**
2 | * friends.js v2 | https://github.com/xaoxuu/hexo-theme-stellar/
3 | * 格式与官方标签插件一致使用空格分隔，中括号内的是可选参数（中括号不需要写出来）
4 | *
5 | * {% friends [group] [repo:owner/repo] [api:http] %}
6 | */
7 |
8 | 'use strict'
9 |
10 | module.exports = (ctx) =>
11 | function (args) {
12 | args = ctx.args.map(args, ['repo', 'api'], ['group'])
13 | var links = ctx.locals.get('data').links
14 | if (links == undefined) {
15 | links = {}
16 | }
17 | var api
18 | if (args.api) {
19 | api = args.api
20 | } else if (args.repo) {
21 | api = 'https://api.vlts.cc/output_data/v2/' + args.repo
22 | }
23 |
24 | var el = ''
25 | if (api) {
26 | el += '
'
61 | return el
62 | }
63 |
--------------------------------------------------------------------------------
/scripts/filters/img_lazyload.js:
--------------------------------------------------------------------------------
1 | /**
2 | * img_lazyload.js v1 | https://github.com/xaoxuu/hexo-theme-stellar/
3 | *
4 | */
5 |
6 | 'use strict'
7 |
8 | const fs = require('hexo-fs')
9 |
10 | function lazyProcess(htmlContent) {
11 | const cfg = this.theme.config.plugins.lazyload
12 | if (cfg == undefined || cfg.enabled != true) {
13 | return htmlContent
14 | }
15 | return htmlContent.replace(
16 | /'
39 | cell +=
40 | ' +
42 | ')
'
45 | cell += '
'
47 | return cell
48 | } else {
49 | return ''
50 | }
51 | }
52 | el += '' + item.title + '
'
46 | cell += ''
53 | const items = links[args.group] || []
54 | items.forEach((item, i) => {
55 | el += cell(item)
56 | })
57 | el += '
'
58 | }
59 |
60 | el += ''
33 | el += '
'
50 | } else if (img.length > 0) {
51 | el += ' 0) {
35 | el += 'focus="' + focus + '">'
36 | } else {
37 | el += '>'
38 | }
39 | el += ' 0) {
41 | el += ' poster="' + img + '"'
42 | }
43 | el += ' playsinline="" muted="" loop="" autoplay="" preload="metadata">'
44 | el += ''
45 | el += ''
46 |
47 | el += ''
48 | el += '
'
49 | el += ''
52 | el += '
'
65 | }
66 | return el
67 | }
68 |
--------------------------------------------------------------------------------
/scripts/tags/lib/tabs.js:
--------------------------------------------------------------------------------
1 | /**
2 | * tabs.js v2 | 基于NexT修改： https://theme-next.js.org/docs/tag-plugins/tabs
3 | */
4 |
5 | 'use strict'
6 |
7 | var tab_index = 0
8 |
9 | module.exports = (ctx) =>
10 | function (args, content = '') {
11 | var arr = content
12 | .split(//g)
13 | .filter((item) => item.trim().length > 0)
14 | if (arr.length < 1) {
15 | return ''
16 | }
17 | var tabs = []
18 | arr.forEach((item, i) => {
19 | if (i % 2 == 0) {
20 | tabs.push({
21 | header: item,
22 | })
23 | } else if (tabs.length > 0) {
24 | var tab = tabs[tabs.length - 1]
25 | if (tab.body == undefined) {
26 | tab.body = item
27 | } else {
28 | tab.body += '\n' + item
29 | }
30 | }
31 | })
32 |
33 | args = ctx.args.map(args, ['active', 'align'])
34 | const tabName = 'tab_' + ++tab_index
35 | const tabActive = Number(args.active) || 0
36 |
37 | let tabId = 0
38 | let tabNav = ''
39 | let tabContent = ''
40 | tabs.forEach((tab, i) => {
41 | let content = ctx.render
42 | .renderSync({ text: tab.body || '', engine: 'markdown' })
43 | .trim()
44 | const abbr = tabName + ' ' + ++tabId
45 | const href = abbr.toLowerCase().split(' ').join('-')
46 | const isActive =
47 | (tabActive > 0 && tabActive === tabId) ||
48 | (tabActive === 0 && tabId === 1)
49 | ? ' active'
50 | : ''
51 | tabNav += ``
52 | tabContent += ` 0) {
54 | el += 'focus="' + focus + '">'
55 | } else {
56 | el += '>'
57 | }
58 | el += imgTag(img, alt)
59 | el += ''
60 | el += '
'
61 | if (alt.length > 0) {
62 | el += '' + alt + ''
63 | }
64 | el += '${content}
`
53 | })
54 |
55 | tabNav = ``
56 | tabContent = `${tabContent}
`
57 |
58 | var el = ''
59 | el += ' {
15 | el += ''
16 | el += ''
17 | el += '' + (p.title || p.seo_title) + ''
18 | el += ''
19 | el += ' '
20 | })
21 | el += ''
22 | return el
23 | }
24 |
25 | module.exports = (ctx) =>
26 | function (args) {
27 | args = ctx.args.map(args, ['wiki', 'open', 'display'], ['title'])
28 |
29 | var el = ''
30 | el += '
23 |
60 |
61 | )
62 | }
63 |
64 | module.exports = WikiCover
65 |
--------------------------------------------------------------------------------
/layout/components/main/navbar/list_categories.jsx:
--------------------------------------------------------------------------------
1 | const { Fragment } = require('react')
2 |
3 | const ListCategories = (props) => {
4 | const { url_for } = props
5 | let { categories, options } = props
6 | const { site } = props
7 | if (
8 | !options &&
9 | (!categories || !Object.prototype.hasOwnProperty.call(categories, 'length'))
10 | ) {
11 | options = categories
12 | categories = site.categories
13 | }
14 |
15 | if (!categories || !categories.length) return ''
16 | options = options || {}
17 |
18 | const separator =
19 | const suffix = ''
20 | const className = options.class || 'cap breadcrumb'
21 | const depth = options.depth ? parseInt(options.depth, 10) : 0
22 | const orderby = options.orderby || 'name'
23 | const order = options.order || 1
24 |
25 | const prepareQuery = (parent) => {
26 | const query = {}
27 |
28 | if (parent) {
29 | query.parent = parent
30 | } else {
31 | query.parent = { $exists: false }
32 | }
33 |
34 | return categories
35 | .find(query)
36 | .sort(orderby, order)
37 | .filter((cat) => cat.length)
38 | }
39 |
40 | const flatList = (level, parent) => {
41 | let result = []
42 |
43 | prepareQuery(parent).forEach((cat, i) => {
44 | if (i || level) result.push(separator)
45 | result.push(
46 |
51 | {cat.name}
52 |
53 | )
54 | if (!depth || level + 1 < depth) {
55 | result = result.concat(flatList(level + 1, cat._id))
56 | }
57 | })
58 |
59 | return result
60 | }
61 |
62 | return flatList(0)
63 | }
64 |
65 | const Category = (props) => {
66 | const { page } = props
67 | if (page.layout === 'post' && page.categories && page.categories.length > 0) {
68 | return (
69 |
70 |
71 |
73 | )
74 | } else {
75 | return <>
76 | }
77 | }
78 |
79 | module.exports = Category
80 |
--------------------------------------------------------------------------------
/source/images/wechat.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
--------------------------------------------------------------------------------
/scripts/events/lib/config.js:
--------------------------------------------------------------------------------
1 | /**
2 | * 部分代码借鉴自 NexT:
3 | * https://github.com/next-theme/hexo-theme-next/blob/master/scripts/events/lib/config.js
4 | * Volantis:
5 | * https://github.com/volantis-x/hexo-theme-volantis/blob/master/scripts/events/lib/cdn.js
6 | */
7 |
8 | 'use strict'
9 |
10 | const path = require('path')
11 |
12 | module.exports = (hexo) => {
13 | const { cache, language_switcher } = hexo.theme.config
14 | const warning = function (...args) {
15 | hexo.log.warn(
16 | `Since ${args[0]} is turned on, the ${args[1]} is disabled to avoid potential hazards.`
17 | )
18 | }
19 |
20 | if (cache && (cache.enable || cache.enabled) && language_switcher) {
21 | warning('language_switcher', 'caching')
22 | cache.enabled = false
23 | }
24 |
25 | if (cache && (cache.enable || cache.enabled) && hexo.config.relative_link) {
26 | warning('caching', '`relative_link` option in Hexo `_config.yml`')
27 | hexo.config.relative_link = false
28 | }
29 | hexo.config.meta_generator = false
30 |
31 | // merge data
32 | const data = hexo.locals.get('data')
33 | // merge widgets
34 | var widgets = hexo.render.renderSync({
35 | path: path.join(hexo.theme_dir, '_data/widgets.yml'),
36 | engine: 'yaml',
37 | })
38 | if (data.widgets) {
39 | for (let i of Object.keys(data.widgets)) {
40 | let widget = data.widgets[i]
41 | if (widget == null || widget.length == 0) {
42 | // delete
43 | delete widgets[i]
44 | } else {
45 | // create
46 | if (widgets[i] == null) {
47 | widgets[i] = widget
48 | } else {
49 | // merge
50 | for (let j of Object.keys(widget)) {
51 | widgets[i][j] = widget[j]
52 | }
53 | }
54 | }
55 | }
56 | }
57 | if (hexo.theme.config.data == undefined) {
58 | hexo.theme.config.data = {}
59 | }
60 | hexo.theme.config.data['widgets'] = widgets
61 |
62 | // default menu
63 | if (hexo.theme.config.sidebar.menu == undefined) {
64 | hexo.theme.config.sidebar.menu = []
65 | }
66 |
67 | hexo.on('server', () => {
68 | // detect server-side render
69 | hexo.log.info('Server-side render detected')
70 | hexo.theme.config.server_render.status = true
71 | })
72 | }
73 |
--------------------------------------------------------------------------------
/source/css/_components/tag-plugins/tabs.styl:
--------------------------------------------------------------------------------
1 | .tag-plugin.tabs
2 | position: relative
3 | margin-top: 1rem
4 | margin-bottom: 1rem
5 | display: flex
6 | flex-direction: column
7 | &[align=left]
8 | align-items: flex-start
9 | .nav-tabs
10 | align-self: flex-start
11 | &[align=center]
12 | align-items: center
13 | &[align=right]
14 | align-items: flex-end
15 | .nav-tabs
16 | align-self: flex-end
17 |
18 | .tag-plugin.tabs
19 | .nav-tabs
20 | display: flex
21 | align-self: center
22 | overflow: scroll visible
23 | scrollbar(0, 0)
24 | max-width: 100%
25 | white-space: nowrap
26 | margin: 0 !important
27 | line-height: 1.5
28 | position: relative
29 | padding: 8px 0
30 | &:after
31 | content: ''
32 | position: absolute
33 | background: var(--block-hover)
34 | width: 100%
35 | height: 2px
36 | bottom: 0
37 | left: 0
38 | border-radius: 2px
39 | .tab
40 | list-style-type: none
41 | a
42 | display: block
43 | cursor: pointer
44 | padding: .25rem .75rem
45 | font-size: $fs-13
46 | line-height: inherit
47 | font-weight: 500
48 | color: var(--text-p3)
49 | border-radius: 4px
50 | position: relative
51 | margin: 0 2px
52 | &:hover
53 | color: var(--text-p1)
54 | background: var(--block-hover)
55 | i
56 | pointer-events: none
57 | &.active a
58 | cursor: default
59 | color: var(--text-p1)
60 | background: var(--card)
61 | box-shadow: $boxshadow-button
62 | &:after
63 | content: ''
64 | z-index: 1
65 | position: absolute
66 | background: $color-theme
67 | height: 2px
68 | bottom: -8px
69 | left: .75rem
70 | right: .75rem
71 | border-radius: 2px
72 |
73 | .tab-content
74 | max-width: 100%
75 | text-align: justify
76 | margin-top: .5rem
77 | .tab-pane
78 | &:not(.active)
79 | display: none
80 | &.active
81 | display: block
82 |
83 | .md-text.indent .tag-plugin.tabs .tab-content p:not([class])
84 | text-indent: 'calc(%s * 2)' % $fs-p
85 | a
86 | text-indent: 0
--------------------------------------------------------------------------------
/source/css/_components/pages/archives.styl:
--------------------------------------------------------------------------------
1 | .post-list #archive
2 | padding: 1rem
3 | .archive-header
4 | display: inline-block
5 | font-family: $ff-code
6 | font-weight: 700
7 | line-height: 1.2
8 | margin-bottom: .5em
9 | position: relative
10 | padding: 4px 0
11 | color: var(--text-p3)
12 | &:after
13 | content: ""
14 | position: absolute
15 | height: 4px
16 | bottom: 0
17 | left: 0
18 | right: 0
19 | z-index: -1
20 | border-radius: 4px
21 | background: var(--block-border)
22 | a.post
23 | display: inline-flex
24 | align-items: baseline
25 | margin: 0.25rem 0
26 | color: var(--text-p1)
27 | &:hover
28 | color: $color-hover
29 | time
30 | font-family: $ff-code
31 | margin-right: 1em
32 | font-weight: 700
33 | flex-shrink: 0
34 | opacity .5
35 | &:hover
36 | .archive-header
37 | color: var(--text-p1)
38 | &:after
39 | background: $color-theme
40 |
41 |
42 |
43 | .post-list #cats
44 | padding: 0
45 | a.cat
46 | display: flex
47 | &.child
48 | padding-left: 2rem
49 | padding: .5em 1rem
50 | border-radius: $border-block
51 | color: var(--text-p2)
52 | align-items: center
53 | justify-content: space-between
54 | font-weight: 500
55 | font-size: $fs-14
56 | .badge
57 | font-weight: 700
58 | font-family: $ff-code
59 | opacity: .5
60 | font-size: $fs-12
61 | &:hover
62 | background: var(--block-hover)
63 | color: var(--text-p0)
64 | .badge
65 | opacity: 1
66 | color: $color-theme
67 |
68 | .post-list #tags
69 | display: flex
70 | flex-wrap: wrap
71 | padding: 0
72 | margin: 0 -4px
73 | a.tag
74 | display: inline-flex
75 | align-items: center
76 | position: relative
77 | color: var(--text-p2)
78 | margin: 4px
79 | padding: .5em .75rem
80 | border-radius: 4px
81 | background: var(--card)
82 | border: 1px solid var(--card-border)
83 | font-size: $fs-13
84 | font-weight: 500
85 | &:before
86 | content: "#"
87 | margin-left: -2px
88 | margin-right: 2px
89 | opacity: .4
90 | &:hover
91 | &:before
92 | color $color-theme
93 | opacity: 1
94 | color: var(--text-p0)
95 | background: var(--card)
96 |
--------------------------------------------------------------------------------
/source/css/_components/tag-plugins/link.styl:
--------------------------------------------------------------------------------
1 | .md-text .tag-plugin.link
2 | margin: 1em auto
3 | display: flex
4 | justify-content: center
5 |
6 | .md-text .link-card
7 | background: var(--card)
8 | display: inline-flex
9 | justify-content: space-between
10 | align-items: center
11 | cursor: pointer
12 | width: 320px
13 | max-width: 100%
14 | box-shadow: $boxshadow-card
15 | border-radius: 4px
16 | trans2: box-shadow transform
17 | &:hover
18 | box-shadow: $boxshadow-card-float
19 | transform: translateY(-1px)
20 |
21 | .md-text .link-card.plain
22 | flex-direction: row
23 | align-items: center
24 |
25 | .md-text .link-card.rich
26 | flex-direction: column
27 | align-items: stretch
28 | width: 460px
29 | text-align: justify
30 |
31 | .md-text .link-card
32 | >.left
33 | overflow: hidden
34 | margin: 0.75rem 0 0.75rem 0.75rem
35 | .title
36 | font-size: $fs-14
37 | span+span
38 | margin-top: 0.25rem
39 | >.right
40 | width: 2.75rem
41 | height: 2.75rem
42 | margin: 0.75rem
43 | overflow: hidden
44 | flex-shrink: 0
45 | >.top
46 | display: flex
47 | margin: 1rem 1rem 0.75rem
48 | overflow: hidden
49 | max-width: 'calc(100% - %s * 2)' % 1rem
50 | align-items: center
51 | .img
52 | line-height: 0
53 | height: 16px
54 | width: 16px
55 | min-width: 16px
56 | border-radius: 16px
57 | margin-right: 8px
58 | background-repeat: no-repeat
59 | background-size: contain
60 | background-position: left center
61 | span
62 | txt-ellipsis()
63 | max-width: 100%
64 | >.bottom
65 | margin: 0 1rem 1rem
66 | .title
67 | font-size: 1rem
68 | margin-bottom: 0.5rem
69 |
70 | .md-text .link-card
71 | line-height: 1.2
72 | .title
73 | display: -webkit-box
74 | -webkit-box-orient: vertical
75 | overflow: hidden
76 | -webkit-line-clamp: 2
77 | .cap
78 | flex-shrink: 0
79 | color: var(--text-p3)
80 | .link
81 | line-height: 1.5
82 | opacity: .75
83 | txt-ellipsis()
84 | .desc
85 | display: -webkit-box
86 | -webkit-box-orient: vertical
87 | overflow: hidden
88 | -webkit-line-clamp: 3
89 | .img
90 | border-radius: 4px
91 |
92 | span
93 | margin: 0
94 | display: block
95 | .title
96 | font-weight: 500
97 | color: var(--text-p1)
98 |
--------------------------------------------------------------------------------
/source/js/plugins/copycode.js:
--------------------------------------------------------------------------------
1 | ;(() => {
2 | const CopyCode = {
3 | copyCode: async function (codeCopyBtn, currentCode) {
4 | if (navigator.clipboard) {
5 | try {
6 | await navigator.clipboard.writeText(currentCode)
7 | } catch (error) {
8 | // 未获得用户许可
9 | codeCopyBtn.innerText = '未获得用户许可'
10 | codeCopyBtn.classList.add('warning')
11 | setTimeout(() => {
12 | codeCopyBtn.innerText = stellar.plugins.copycode.default_text
13 | codeCopyBtn.classList.remove('warning')
14 | }, 3000)
15 | }
16 | } else {
17 | codeCopyBtn.innerText = '当前浏览器不支持此API'
18 | codeCopyBtn.classList.add('warning')
19 | setTimeout(() => {
20 | codeCopyBtn.innerText = stellar.plugins.copycode.default_text
21 | codeCopyBtn.classList.remove('warning')
22 | }, 3000)
23 | }
24 | },
25 | init: function () {
26 | document.querySelectorAll('.code').forEach((codeElement) => {
27 | const codeElementStyle = window.getComputedStyle(
28 | codeElement,
29 | '::before'
30 | )
31 | const codeBeforeWidth = codeElementStyle.width.split('px')[0]
32 | const codeBeforePadding = codeElementStyle.padding
33 | .split(' ')
34 | .pop()
35 | .split('px')[0]
36 |
37 | // copy btn
38 | const codeCopyBtn = document.createElement('div')
39 | codeCopyBtn.classList.add('copy-btn')
40 | codeCopyBtn.style.right =
41 | Number(codeBeforeWidth) + Number(codeBeforePadding) * 2 + 'px'
42 | codeCopyBtn.innerText = stellar.plugins.copycode.default_text
43 |
44 | codeElement.appendChild(codeCopyBtn)
45 |
46 | codeCopyBtn.addEventListener('click', async function (evt) {
47 | const self = evt.target
48 | await CopyCode.copyCode(
49 | self,
50 | self.parentElement.children[0]?.innerText
51 | )
52 |
53 | self.innerText = stellar.plugins.copycode.success_text
54 | self.classList.add('success')
55 |
56 | setTimeout(() => {
57 | self.innerText = stellar.plugins.copycode.default_text
58 | self.classList.remove('success')
59 | }, 3000)
60 | })
61 | })
62 | },
63 | }
64 | stellaris.registerThemePlugin('.code', CopyCode)
65 | })()
66 |
--------------------------------------------------------------------------------
/source/css/_defines/theme.styl:
--------------------------------------------------------------------------------
1 | $color-theme = $light-color-theme //compat
2 |
3 | set_text_light()
4 | --text-p0: $dark-title
5 | --text-p1: mix($dark-text, $dark-mix, 85)
6 | --text-p2: mix($dark-text, $dark-mix, 70)
7 | --text-p3: mix($dark-text, $dark-mix, 45)
8 | --text-p4: mix($dark-text, $dark-mix, 35)
9 | --text-meta: mix($dark-text, $dark-mix, 30)
10 | --text-code: $dark-code
11 | --text-revert: $light-title
12 | set_text_dark()
13 | --text-p0: $light-title
14 | --text-p1: $light-text
15 | --text-p2: mix($light-text, $light-mix, 80)
16 | --text-p3: mix($light-text, $light-mix, 60)
17 | --text-p4: mix($light-text, $light-mix, 35)
18 | --text-meta: mix($light-text, $light-mix, 20)
19 | --text-code: $light-code
20 | --text-revert: $dark-title
21 | :root
22 | --site-bg: $light-background
23 | --color-scheme: $light-color-scheme
24 | --card-border: $light-border
25 | --card: $light-card
26 | --block: $light-block
27 | --block-border: darken($light-block, 5)
28 | --block-hover: darken($light-block, 2)
29 | set_text_dark()
30 | --theme-highlight: $light-color-theme
31 | --theme-cap: darken($light-color-theme,10)
32 | --theme-bg: $light-card
33 | --theme-link: $light-color-theme
34 |
35 | set_darkmode()
36 | --site-bg: $dark-background
37 | --color-scheme: $dark-color-scheme
38 | --card: $dark-card
39 | --card-border: $dark-border
40 | --block: $dark-block
41 | --block-border: lighten($dark-block, 6)
42 | --block-hover: darken($dark-block, 4)
43 | set_text_light()
44 | --theme-highlight: $dark-color-theme
45 | --theme-cap: $dark-color-theme
46 | --theme-bg: $dark-card
47 | @media screen and (max-width: $device-mobile-max)
48 | --site-bg: $dark-background-mobile
49 | --card: darken($dark-card, 6)
50 | --block: darken($dark-block, 4)
51 | --block-border: lighten($dark-block, 2)
52 | --block-hover: darken($dark-block,8)
53 | .social-wrap
54 | filter: invert(100%)
55 |
56 | if hexo-config('style.darkmode') == 'auto'
57 | // 系统的dark模式
58 | @media (prefers-color-scheme: dark)
59 | :root
60 | set_darkmode()
61 |
62 |
63 | if hexo-config('style.darkmode') == 'always'
64 | :root
65 | set_darkmode()
66 |
67 | if hexo-config('style.darkmode') == 'auto-switch'
68 | :root[data-theme="dark"]
69 | set_darkmode()
70 | :root[data-theme="auto"]
71 | @media (prefers-color-scheme: dark)
72 | set_darkmode()
73 |
--------------------------------------------------------------------------------
/source/css/_components/widgets/ghuser.styl:
--------------------------------------------------------------------------------
1 | .widget-wrapper.ghuser
2 | .widget-header+.widget-body
3 | margin: 0.75rem 0
4 | .widget-wrapper.ghuser .widget-body
5 | text-align: center
6 | background: var(--card)
7 | border-radius: $border-card
8 | padding: 1rem
9 | box-shadow: $boxshadow-card
10 |
11 | .widget-wrapper.ghuser
12 | .avatar
13 | display: block
14 | border-radius: 100%
15 | margin: 1rem auto 1.25rem auto
16 | max-width: 75%
17 | overflow: hidden
18 | img
19 | display: block
20 | @media screen and (max-width: $device-tablet)
21 | max-width: 50%
22 |
23 | .username
24 | font-weight: 900
25 | font-size: $fs-h2
26 | color: var(--text-p0)
27 | margin: 0.5rem 0
28 |
29 | .bio
30 | font-size: $fs-13
31 | margin: 0.5rem 0
32 |
33 | .follow
34 | font-weight: 500
35 | border-radius: 64px
36 | padding: 0.5rem 1rem
37 | background: $color-theme
38 | color: var(--card)
39 | font-size: 1rem
40 | align-self: stretch
41 | text-align: center
42 | line-height: 1.5
43 | display: flex
44 | align-items: center
45 | justify-content: center
46 | trans1: background
47 | svg
48 | margin-right: 6px
49 | &:hover
50 | background: $color-hover
51 |
52 | .menu
53 | margin-bottom: 0
54 | background: none
55 | a:hover
56 | box-shadow: none
57 | background: var(--block)
58 | a.active
59 | box-shadow: none
60 | position: relative
61 | &:after
62 | content: ''
63 | position: absolute
64 | height: 3px
65 | bottom: 0
66 | width: 32px
67 | left: 'calc(50% - 0.5 * %s)' % @width
68 | border-radius: 4px
69 | background: $color-theme
70 |
71 | .buttons
72 | margin: 1rem 0
73 | align-self: stretch
74 | display: grid
75 | grid-gap: 2px
76 | grid-template-columns: repeat(auto-fill, "calc((100% - 2 * %s) / 3)" % 2px)
77 |
78 | .btn
79 | display: flex
80 | flex-direction: column
81 | align-items: center
82 | color: inherit
83 | border: 1px solid transparent
84 | border-radius: 4px
85 | padding: 0.25rem 0
86 | trans1: background
87 | &:hover
88 | background: var(--block)
89 | .title
90 | font-size: 1rem
91 | font-weight: 700
92 | .desc
93 | font-size: $fs-12
94 | color: var(--text-p3)
95 | font-weight: 500
--------------------------------------------------------------------------------
/source/js/plugins/linkcard.js:
--------------------------------------------------------------------------------
1 | // 本插件由CardLink定制而成，原项目源码: https://github.com/Lete114/CardLink
2 | ;(() => {
3 | const selector = 'a.link-card[cardlink]'
4 | const CardLink = {
5 | renderer: function (el, obj) {
6 | var autofill = []
7 | const autofillStr = el.getAttribute('autofill')
8 | if (autofillStr) {
9 | autofill = autofillStr.split(',')
10 | }
11 | if (obj.title && obj.title.length > 0 && autofill.includes('title')) {
12 | el.querySelector('.title').innerHTML = obj.title
13 | el.title = obj.title
14 | }
15 | if (obj.icon && obj.icon.length > 0 && autofill.includes('icon')) {
16 | el.querySelector('.img').style =
17 | 'background-image: url("' + obj.icon + '");'
18 | el.querySelector('.img').setAttribute('data-bg', obj.icon)
19 | }
20 | let desc = el.querySelector('.desc')
21 | if (
22 | desc &&
23 | obj.desc &&
24 | obj.desc.length > 0 &&
25 | autofill.includes('desc')
26 | ) {
27 | desc.innerHTML = obj.desc
28 | }
29 | },
30 | /**
31 | * Create card links
32 | * @param {NodeList} nodes A collection of nodes or a collection of arrays,
33 | * if it is an array then the array must always contain node element
34 | */
35 | setCardLink: function (nodes) {
36 | // If the `nodes` do not contain a `forEach` method, then the default `a[cardlink]` is used
37 | nodes =
38 | 'forEach' in (nodes || {})
39 | ? nodes
40 | : document.querySelectorAll('a[cardlink]')
41 | nodes.forEach((el) => {
42 | // If it is not a tag element then it is not processed
43 | if (el.nodeType !== 1) return
44 | el.removeAttribute('cardlink')
45 | const api = el.getAttribute('api')
46 | fetch(api)
47 | .then(function (response) {
48 | if (response.ok) {
49 | return response.json()
50 | }
51 | throw new Error('Network response was not ok.')
52 | })
53 | .then(function (data) {
54 | CardLink.renderer(el, data)
55 | })
56 | .catch(function (error) {
57 | console.log(error)
58 | })
59 | })
60 | },
61 | init: function () {
62 | this.setCardLink(document.querySelectorAll(selector))
63 | },
64 | }
65 | stellaris.registerThemePlugin(selector, CardLink)
66 | })()
67 |
--------------------------------------------------------------------------------
/source/css/_plugins/search/local-search.styl:
--------------------------------------------------------------------------------
1 | .search-wrapper
2 | width: 100%
3 | >.search-form
4 | position: sticky
5 | top: 1rem
6 | .search-input
7 | width: 100%
8 | padding: 0.5rem 0.5rem
9 | line-height: 1
10 | box-sizing: border-box
11 | border-radius: 4px
12 | border: 1px solid var(--card-border)
13 | background-color: var(--card)
14 | color: var(--text-p0)
15 | //box-shadow: $boxshadow-button
16 | trans2 border-bottom-color border-bottom-width
17 | &:focus
18 | border-bottom-width: 2px
19 | border-bottom-color: var(--theme-highlight)
20 | border-bottom: 1px solid grey
21 |
22 | &.noresult
23 | trans1 border-bottom-color
24 | .search-input
25 | &:hover
26 | border-bottom-color: darken($c-red,30%)
27 | &:focus
28 | border-bottom-color: darken($c-red,30%)
29 |
30 | .search-no-result
31 | display: none
32 | margin: 1em auto
33 | color: var(--text-p1)
34 | text-align: center
35 | font-size: $fs-14
36 | padding: 2rem
37 | //background: var(--block)
38 | border-radius: $border-block
39 |
40 | #search-result
41 | ul.search-result-list
42 | padding: 0
43 | margin: 0
44 | list-style-type: none
45 | li
46 | margin: 1em auto
47 | &:hover
48 | .search-result-title
49 | color: $color-hover
50 | .search-result-title
51 | background-image: none
52 | color: var(--text-p1)
53 | font-weight: bold
54 | line-height: 1.2
55 |
56 | .search-result-content
57 | overflow: hidden
58 | color: var(--text-p3)
59 | margin: .4em auto
60 | max-height: 13em
61 | text-align: justify
62 | font-size: $fs-12
63 | line-height: 1.2
64 | display: -webkit-box
65 | -webkit-box-orient: vertical
66 | overflow: hidden
67 | -webkit-line-clamp: 3
68 |
69 | .search-keyword
70 | border-bottom: 1px dashed $color-hover
71 | color: $color-hover
72 | font-weight: bold
73 |
74 |
75 |
76 | .search-wrapper.noresult
77 | .search-no-result
78 | display: block
79 |
80 | .widget-wrapper
81 | .search-form
82 | top: 0
83 | //background: var(--site-bg)
84 | .search-input
85 | margin-top: 1rem
86 | margin-bottom: -1rem
87 | #search-result,.search-no-result
88 | margin-top: 2rem
89 |
90 | .widget-wrapper:not(:first-child)
91 | .search-wrapper
92 | margin-top: -1rem
93 |
--------------------------------------------------------------------------------
/layout/components/main/article/read_next.jsx:
--------------------------------------------------------------------------------
1 | const { Fragment } = require('react')
2 | const ReadNext = (props) => {
3 | const { page, config, theme, url_for, date, __ } = props
4 | let prev, next
5 | let title_prev = __('meta.prev')
6 | let title_next = __('meta.next')
7 | if (page.layout === 'post') {
8 | prev = page.prev
9 | next = page.next
10 | title_prev = __('meta.newer')
11 | title_next = __('meta.older')
12 | } else if (page.layout === 'wiki' && page.wiki && page.wiki.length > 0) {
13 | let proj = theme.wiki.tree[page.wiki]
14 | if (proj) {
15 | let ps = proj.pages?.filter((p) => p.path == page.path)
16 | if (ps?.length > 0) {
17 | const current_page_number = ps[0].page_number || 0
18 | proj.pages.forEach((p, i) => {
19 | if (p.page_number < current_page_number) {
20 | if (prev == undefined || p.page_number > prev.page_number) {
21 | prev = p
22 | }
23 | } else if (p.page_number > current_page_number) {
24 | if (next == undefined || p.page_number < next.page_number) {
25 | next = p
26 | }
27 | }
28 | })
29 | } else {
30 | console.error('未找到当前页')
31 | }
32 | }
33 | }
34 |
35 | if (prev || next) {
36 | return (
37 |
66 | **第一步** 67 | 创建 `blog/_config.stellaris.yml` 文件，在此文件中填写需要自定义的主题配置。 68 |
69 | **第二步** 70 | 创建 `blog/source/_data/widgets.yml` 文件，此文件中填写需要自定义的侧边栏组件，例如 `welcome` 组件。 71 |
72 | 如果有任何疑问，请先查阅 [示例配置文件](https://github.com/chiyuki0325/hexo-theme-stellaris/blob/main/_config.yml) 和 [原主题文档](https://xaoxuu.com/wiki/stellar/)，如果文档中没有提供，请提 [issue](https://github.com/chiyuki0325/hexo-theme-stellaris/issues/) 向开发中询问。 73 | 74 | ### Stellaris 中的 timeline 并没有进行维护，不一定可用！ ### 75 | 76 | timeline: 77 | layout: timeline 78 | title: 近期动态 79 | api: # https://api.github.com/repos/xaoxuu/hexo-theme-stellar/issues 80 | user: # 默认显示所有人的数据，设置名称可过滤为仅显示某人的数据，多个名称用英文逗号隔开，不要加空格 81 | type: # 默认不用写，如果是友链朋友圈数据请写 fcircle 82 | limit: # 默认通过 api 上增加 per_page 来设置，如果是友链朋友圈，可通过这个设置数量 83 | -------------------------------------------------------------------------------- /layout/archive.jsx: -------------------------------------------------------------------------------- 1 | const { Fragment } = require('react') 2 | const Index = require('./index.jsx') 3 | const NavBarListPost = require('./components/main/navbar/list_post.jsx') 4 | const Posts = (props) => { 5 | const Year = (props) => { 6 | const YearPosts = (props) => { 7 | const Post = (props) => { 8 | const { config, url_for, post, date } = props 9 | return ( 10 | 18 | ) 19 | } 20 | const { site, date } = props 21 | const elements = [] 22 | site.posts 23 | .sort('date', -1) 24 | .filter((post) => { 25 | post.year = date(post.date, 'YYYY') 26 | return post.year === year 27 | }) 28 | .each((post) => { 29 | elements.push(
36 |
39 | )
40 | }
41 |
42 | const { site, date } = props
43 | const elements = []
44 |
45 | const years = []
46 | site.posts.sort('date', -1).each(function (post) {
47 | post.year = date(post.date, 'YYYY')
48 | if (
49 | post.year &&
50 | years.includes(post.year) === false &&
51 | (post.title || post.date)
52 | ) {
53 | years.push(post.year)
54 | }
55 | })
56 |
57 | years.forEach((year) => {
58 | elements.push(
79 |
84 | )
85 | }
86 | }
87 |
88 | module.exports = Archive
89 |
--------------------------------------------------------------------------------
1) {
52 | el += '
'
73 | return el
74 | }
75 |
--------------------------------------------------------------------------------
/layout/components/cover/wiki_cover.jsx:
--------------------------------------------------------------------------------
1 | const { Fragment } = require('react')
2 | const WikiCover = (props) => {
3 | const { theme, page, __, scroll_reveal } = props
4 | let proj = theme.wiki.tree[page.wiki]
5 | if (proj === undefined) {
6 | return <>
7 | }
8 | if (proj.homepage.path !== page.path) {
9 | return <>
10 | }
11 | if (proj.cover === undefined || proj.cover === false || proj.cover === '[]') {
12 | return <>
13 | }
14 | let cover = proj.cover
15 | let logo = proj.logo
16 | let title = proj.title || page.title
17 | let desc = proj.description || page.description
18 | if (cover === true) {
19 | cover = ['logo', 'title', 'description']
20 | }
21 | return (
22 | '
53 | proj.sections.forEach((sec, i) => {
54 | el += ''
55 | el += ' '
60 | })
61 | el += '
'
62 | } else {
63 | el += ''
56 | el += sec.title
57 | el += '
'
58 | el += layoutDocTree(ctx, sec.pages)
59 | el += ''
64 | el += '
'
68 | }
69 | }
70 | el += ''
71 | // end
72 | el += ''
65 | el += layoutDocTree(ctx, proj.pages)
66 | el += '
'
67 | el += '
24 |
25 | {(() => {
26 | if (logo && logo.src && cover.includes('logo')) {
27 | let imageElement
28 | if (logo.large) {
29 | imageElement = (
30 | 
31 | )
32 | } else {
33 | imageElement =
34 | }
35 | return
58 |
59 | {imageElement}
36 | }
37 | })()}
38 | {(() => {
39 | if (title && cover.includes('title')) {
40 | return (
41 |
42 | {title}
43 |
44 | )
45 | }
46 | })()}
47 | {(() => {
48 | if (desc && cover.includes('description')) {
49 | return {desc}
50 | }
51 | })()}
52 |
57 | 60 |
38 |
39 |
66 |
67 | )
68 | } else return <>
69 | }
70 |
71 | module.exports = ReadNext
72 |
--------------------------------------------------------------------------------
/layout/components/plugins/mermaid/script.jsx:
--------------------------------------------------------------------------------
1 | const MermaidScripts = (props) => {
2 | const blogTheme = props.theme
3 | const { enabled, js, theme } = blogTheme.plugins.mermaid
4 |
5 | if (enabled) {
6 | const loadMermaidScript = `
7 | async function loadMermaid() {
8 | try {
9 | console.log("Mermaid enabled");
10 |
11 | // Load Mermaid script
12 | await stellar.loadScript("${js}", { defer: true });
13 |
14 | // Initialize Mermaid
15 | mermaid.initialize({
16 | startOnLoad: false,
17 | theme:
18 | "${blogTheme.style.darkmode}".startsWith("auto")
19 | ? window.matchMedia("(prefers-color-scheme: dark)").matches
20 | ? "dark"
21 | : "${theme}"
22 | : "${theme}",
23 | // logLevel: 3,
24 | flowchart: {
25 | useMaxWidth: false,
26 | htmlLabels: true,
27 | curve: "linear",
28 | },
29 | gantt: {
30 | axisFormat: "%Y/%m/%d",
31 | },
32 | sequence: {
33 | actorMargin: 50,
34 | },
35 | });
36 |
37 | // Select the non-processed Mermaid elements
38 | const mermaidElements = document.querySelectorAll('pre.mermaid:not([data-processed="true"])') || [];
39 | for (const ele of mermaidElements) {
40 | try {
41 | // Wait for the element to be fully loaded
42 | await new Promise((resolve) => {
43 | const interval = setInterval(() => {
44 | if (ele.innerText.trim() !== "") {
45 | clearInterval(interval);
46 | resolve();
47 | }
48 | }, 20);
49 | });
50 |
51 | // Render Mermaid Graph
52 | const uniqueId = "mermaidGraph_" + Math.random().toString(36).substr(2, 9);
53 | ele.setAttribute("data-processed", "true");
54 | // print the graph definition
55 | // console.log("Rendering Mermaid element:\\n", ele.innerText);
56 | const { svg } = await mermaid.render(uniqueId, ele.innerText);
57 | ele.innerHTML = svg;
58 | } catch (renderErr) {
59 | console.error("Error rendering Mermaid element:", renderErr, ele);
60 | }
61 | }
62 | } catch (err) {
63 | console.error("Error initializing Mermaid:", err);
64 | }
65 | }
66 | try {
67 | loadMermaid();
68 | } catch (e) {
69 | console.error("Error initializing Mermaid:", e);
70 | }
71 | `
72 | return
73 | } else {
74 | return <>
75 | }
76 | }
77 |
78 | module.exports = MermaidScripts
79 |
--------------------------------------------------------------------------------
/scripts/tags/lib/sites.js:
--------------------------------------------------------------------------------
1 | /**
2 | * sites.js v2 | https://github.com/xaoxuu/hexo-theme-stellar/
3 | * 格式与官方标签插件一致使用空格分隔，中括号内的是可选参数（中括号不需要写出来）
4 | *
5 | * {% sites [group] [repo:owner/repo] [api:http] %}
6 | */
7 |
8 | 'use strict'
9 |
10 | module.exports = (ctx) =>
11 | function (args) {
12 | args = ctx.args.map(args, ['repo', 'api'], ['group'])
13 | var links = ctx.locals.get('data').links
14 | if (links == undefined) {
15 | links = {}
16 | }
17 | var api
18 | if (args.api) {
19 | api = args.api
20 | } else if (args.repo) {
21 | api = 'https://api.vlts.cc/output_data/v2/' + args.repo
22 | }
23 |
24 | var el = '
40 | {prev && (
41 |
42 |
50 | )}
51 |
52 | {title_prev}
43 |
44 | {prev.title ||
45 | prev.seo_title ||
46 | prev.wiki ||
47 | date(prev.date, config.date_format)}
48 |
49 |
53 | {next && (
54 |
55 |
63 | )}
64 |
65 | {title_next}
56 |
57 | {next.title ||
58 | next.seo_title ||
59 | next.wiki ||
60 | date(next.date, config.date_format)}
61 |
62 | '
25 | if (api) {
26 | el += '
'
74 | return el
75 | }
76 |
--------------------------------------------------------------------------------
/source/css/_components/partial/related.styl:
--------------------------------------------------------------------------------
1 | .related-wrap
2 | padding: 1rem
3 | margin: 2rem 0
4 | &:empty
5 | display: none
6 | section.header
7 | display: flex
8 | justify-content: space-between
9 | align-items: center
10 | >span.title
11 | padding: 0.25rem 0
12 | section.footer
13 | margin-top: 1rem
14 |
15 | a.more
16 | padding: 0.25rem 0.5rem
17 | border-radius: $border-block
18 | color: var(--text-p1)
19 |
20 |
21 |
22 | .related-posts
23 | max-width: 100%
24 | margin: 1rem 0
25 | .item
26 | line-height: 1.2
27 | display: block
28 | border-left: 0
29 | margin-top: 1rem
30 | .title
31 | color: var(--text-p1)
32 | font-weight: 500
33 | font-size: 1rem
34 | trans2 color border
35 | position: relative
36 | padding-bottom: 2px
37 | border-bottom: 1px dashed var(--text-meta)
38 | line-height: 1.6
39 | .excerpt
40 | color: var(--text-p3)
41 | font-size: $fs-12
42 | margin-top: 0.5rem
43 | display: -webkit-box
44 | -webkit-box-orient: vertical
45 | overflow: hidden
46 | -webkit-line-clamp: 2
47 | &:hover
48 | .title
49 | color: $color-hover
50 | border-bottom: 1px solid $color-hover
51 |
52 |
53 | .related-wrap#read-next
54 | .body
55 | display: grid
56 | grid-gap: 16px
57 | grid-template-columns: repeat(auto-fill, "calc((100% - 1 * %s) / 2)" % 16px)
58 | .item
59 | border-top: 1px dashed var(--block-border)
60 | border-bottom: 1px dashed var(--block-border)
61 | padding: 1rem 0
62 | .note
63 | margin-bottom: 0.75rem
64 | font-size: $fs-12
65 | color: var(--text-p4)
66 | font-weight: 500
67 | a
68 | margin: 0
69 | line-height: 1.2
70 | color: var(--text-p1)
71 | font-size: $fs-h4
72 | &:hover
73 | color: $color-hover !important
74 | #next
75 | text-align: right
76 | .wiki+.related-wrap#read-next
77 | .item
78 | a
79 | font-size: $fs-h3
80 | &#prev a
81 | color: var(--text-p3)
82 |
83 |
84 | .related-wrap#comments
85 | div.cmt-title
86 | p
87 | margin: 0
88 | font-size: inherit
89 | a
90 | color: inherit
91 | text-decoration: underline
92 | &:hover
93 | color: $color-hover
94 | &:after
95 | display: none
96 | div.cmt-body
97 | min-height: 150px
98 | position: relative
99 | svg.loading
100 | top: 60px
101 |
--------------------------------------------------------------------------------
/_data/widgets.yml:
--------------------------------------------------------------------------------
1 | # 您可以在这里创建属于自己的侧边栏组件库，在需要的位置放置自己的组件
2 | # layout即组件布局，支持自定义的有：
3 | # - markdown: 渲染 md 文本
4 | #
5 | search_blog:
6 | layout: search
7 | filter: auto # auto or 'path'
8 | placeholder: 文章搜索
9 |
10 | search_docs:
11 | layout: search
12 | filter: /wiki/ # auto or 'path'
13 | placeholder: 文档搜索
14 |
15 | ghrepo:
16 | layout: ghrepo
17 | related:
18 | layout: related
19 |
20 | ghissues:
21 | layout: ghissues
22 | title: # Recent Issues
23 | limit: 3 # 显示的issues最大数量
24 | labels: # 过滤只显示具有某些标签的issues
25 |
26 | # 将其覆盖设置为空，可删除一个默认组件，例如 welcome:
27 | # Recent update
28 | recent:
29 | layout: recent
30 | rss: # /atom.xml # npm i hexo-generator-feed
31 | limit: 5 # Count of posts
32 | # TOC (valid only in layout:post/wiki)
33 | toc:
34 | layout: toc
35 | list_number: false
36 | min_depth: 2
37 | max_depth: 5
38 | fallback: recent # Use a backup widget when toc does not exist.
39 | # github user info
40 | ghuser:
41 | layout: ghuser
42 | username: github # your github login username
43 | avatar: true # show avatar or not
44 | menu: true # show menu or not
45 |
46 | tagcloud:
47 | layout: tagcloud
48 | title: 标签云
49 | # 标签云配置
50 | min_font: 12
51 | max_font: 24
52 | amount: 100
53 | orderby: name
54 | order: 1 # 1, sac 升序；-1, desc 降序
55 | color: false # 使用颜色
56 | start_color: # 开始的颜色。您可使用十六进位值（#b700ff），rgba（rgba(183, 0, 255, 1)），hsla（hsla(283, 100%, 50%, 1)）或 颜色关键字。此变量仅在 color 参数开启时才有用。
57 | end_color: # 结束的颜色。您可使用十六进位值（#b700ff），rgba（rgba(183, 0, 255, 1)），hsla（hsla(283, 100%, 50%, 1)）或 颜色关键字。此变量仅在 color 参数开启时才有用。
58 | show_count: false # 显示每个标签的文章总数
59 |
60 | welcome:
61 | layout: markdown
62 | title: Stellaris 入门指南
63 | content: | # support markdown
64 | 欢迎使用 [Stellaris](https://github.com/chiyuki0325/hexo-theme-stellaris/) 主题，下面是您的入门指南，祝您使用愉快！
65 | '
39 | cell +=
40 | ' +
45 | ')
'
48 | cell += '
'
60 | return cell
61 | } else {
62 | return ''
63 | }
64 | }
65 | el += ''
49 | cell +=
50 | ' +
52 | ')
'
55 | cell += '' + item.title + ''
56 | cell +=
57 | '' + (item.description || item.url) + ''
58 | cell += '
'
59 | cell += ''
66 | const items = links[args.group] || []
67 | items.forEach((item, i) => {
68 | el += cell(item)
69 | })
70 | el += '
'
71 | }
72 |
73 | el += '66 | **第一步** 67 | 创建 `blog/_config.stellaris.yml` 文件，在此文件中填写需要自定义的主题配置。 68 |
69 | **第二步** 70 | 创建 `blog/source/_data/widgets.yml` 文件，此文件中填写需要自定义的侧边栏组件，例如 `welcome` 组件。 71 |
72 | 如果有任何疑问，请先查阅 [示例配置文件](https://github.com/chiyuki0325/hexo-theme-stellaris/blob/main/_config.yml) 和 [原主题文档](https://xaoxuu.com/wiki/stellar/)，如果文档中没有提供，请提 [issue](https://github.com/chiyuki0325/hexo-theme-stellaris/issues/) 向开发中询问。 73 | 74 | ### Stellaris 中的 timeline 并没有进行维护，不一定可用！ ### 75 | 76 | timeline: 77 | layout: timeline 78 | title: 近期动态 79 | api: # https://api.github.com/repos/xaoxuu/hexo-theme-stellar/issues 80 | user: # 默认显示所有人的数据，设置名称可过滤为仅显示某人的数据，多个名称用英文逗号隔开，不要加空格 81 | type: # 默认不用写，如果是友链朋友圈数据请写 fcircle 82 | limit: # 默认通过 api 上增加 per_page 来设置，如果是友链朋友圈，可通过这个设置数量 83 | -------------------------------------------------------------------------------- /layout/archive.jsx: -------------------------------------------------------------------------------- 1 | const { Fragment } = require('react') 2 | const Index = require('./index.jsx') 3 | const NavBarListPost = require('./components/main/navbar/list_post.jsx') 4 | const Posts = (props) => { 5 | const Year = (props) => { 6 | const YearPosts = (props) => { 7 | const Post = (props) => { 8 | const { config, url_for, post, date } = props 9 | return ( 10 | 18 | ) 19 | } 20 | const { site, date } = props 21 | const elements = [] 22 | site.posts 23 | .sort('date', -1) 24 | .filter((post) => { 25 | post.year = date(post.date, 'YYYY') 26 | return post.year === year 27 | }) 28 | .each((post) => { 29 | elements.push(
{year}
37 |
81 |
83 |