${hexo.render.renderSync({ text: content, engine: 'markdown' }).split('\n').join('')}
12 |
`
13 | }
14 |
15 | function galleryGroup (args) {
16 | const name = args[0]
17 | const desrc = args[1]
18 | const url = urlFor(args[2])
19 | const img = urlFor(args[3])
20 |
21 | return `
22 | ${name}
26 | ${desrc}
27 | 28 |${escapeHTML(content)}
`
13 | }
14 |
15 | hexo.extend.tag.register('mermaid', mermaid, { ends: true })
16 |
--------------------------------------------------------------------------------
/scripts/tag/note.js:
--------------------------------------------------------------------------------
1 | /**
2 | * note.js
3 | * transplant from hexo-theme-next
4 | * Modify by Jerry
5 | */
6 |
7 | 'use strict'
8 |
9 | function postNote (args, content) {
10 | const styleConfig = hexo.theme.config.note.style
11 | const lastArgs = args[args.length - 1]
12 | if (!(lastArgs === 'flat' || lastArgs === 'modern' || lastArgs === 'simple' || lastArgs === 'disabled')) {
13 | args.push(styleConfig)
14 | }
15 |
16 | let icon = ''
17 | const iconArray = args[args.length - 2]
18 | if (iconArray && iconArray.startsWith('fa')) {
19 | icon = ``
20 | args[args.length - 2] = 'icon'
21 | }
22 |
23 | return `${icon + hexo.render.renderSync({ text: content, engine: 'markdown' })}
`
24 | }
25 |
26 | hexo.extend.tag.register('note', postNote, { ends: true })
27 | hexo.extend.tag.register('subnote', postNote, { ends: true })
28 |
--------------------------------------------------------------------------------
/scripts/tag/tabs.js:
--------------------------------------------------------------------------------
1 | /**
2 | * Tabs
3 | * transplant from hexo-theme-next
4 | * modify by Jerry
5 | */
6 |
7 | 'use strict'
8 |
9 | function postTabs (args, content) {
10 | const tabBlock = /\n([\w\W\s\S]*?)/g
11 |
12 | args = args.join(' ').split(',')
13 | const tabName = args[0]
14 | const tabActive = Number(args[1]) || 0
15 |
16 | const matches = []
17 | let match
18 | let tabId = 0
19 | let tabNav = ''
20 | let tabContent = ''
21 |
22 | !tabName && hexo.log.warn('Tabs block must have unique name!')
23 |
24 | while ((match = tabBlock.exec(content)) !== null) {
25 | matches.push(match[1])
26 | matches.push(match[2])
27 | }
28 |
29 | for (let i = 0; i < matches.length; i += 2) {
30 | const tabParameters = matches[i].split('@')
31 | let postContent = matches[i + 1]
32 | let tabCaption = tabParameters[0] || ''
33 | let tabIcon = tabParameters[1] || ''
34 | let tabHref = ''
35 |
36 | postContent = hexo.render.renderSync({ text: postContent, engine: 'markdown' }).trim()
37 |
38 | tabId += 1
39 | tabHref = (tabName + ' ' + tabId).toLowerCase().split(' ').join('-');
40 |
41 | ((tabCaption.length === 0) && (tabIcon.length === 0)) && (tabCaption = tabName + ' ' + tabId)
42 |
43 | const isOnlyicon = tabIcon.length > 0 && tabCaption.length === 0 ? ' style="text-align: center;"' : ''
44 | const icon = tabIcon.trim()
45 | tabIcon.length > 0 && (tabIcon = ``)
46 |
47 | const toTop = ''
48 |
49 | const isActive = (tabActive > 0 && tabActive === tabId) || (tabActive === 0 && tabId === 1) ? ' active' : ''
50 | tabNav += ``
51 | tabContent += `${postContent + toTop}
`
52 | }
53 |
54 | tabNav = ``
55 | tabContent = `${tabContent}
`
56 |
57 | return `${tabNav + tabContent}
`
58 | }
59 |
60 | hexo.extend.tag.register('tabs', postTabs, { ends: true })
61 | hexo.extend.tag.register('subtabs', postTabs, { ends: true })
62 | hexo.extend.tag.register('subsubtabs', postTabs, { ends: true })
63 |
--------------------------------------------------------------------------------
/source/css/_highlight/dist/theme.css:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/kp-z/hexo-theme-unicorn/3032e5fbe6f009137b3e404fa67c36dfe139534f/source/css/_highlight/dist/theme.css
--------------------------------------------------------------------------------
/source/css/_highlight/highlight/diff.styl:
--------------------------------------------------------------------------------
1 | figure.highlight
2 | table
3 | &::-webkit-scrollbar-thumb
4 | background: var(--hlscrollbar-bg)
5 |
6 | pre .deletion
7 | color: $highlight-deletion
8 |
9 | pre .addition
10 | color: $highlight-addition
11 |
12 | pre .meta
13 | color: $highlight-purple
14 |
15 | pre
16 | .comment
17 | color: $highlight-comment
18 |
19 | .variable,
20 | .attribute,
21 | .regexp,
22 | .ruby .constant,
23 | .xml .tag .title,
24 | .xml .pi,
25 | .xml .doctype,
26 | .html .doctype,
27 | .css .id,
28 | .tag .name,
29 | .css .class,
30 | .css .pseudo
31 | color: $highlight-red
32 |
33 | .tag
34 | color: $highlight-aqua
35 |
36 | .number,
37 | .preprocessor,
38 | .literal,
39 | .params,
40 | .constant,
41 | .command
42 | color: $highlight-orange
43 |
44 | .built_in
45 | color: $highlight-yellow
46 |
47 | .ruby .class .title,
48 | .css .rules .attribute,
49 | .string,
50 | .value,
51 | .inheritance,
52 | .header,
53 | .ruby .symbol,
54 | .xml .cdata,
55 | .special,
56 | .number,
57 | .formula
58 | color: $highlight-green
59 |
60 | .keyword,
61 | .title,
62 | .css .hexcolor
63 | color: $highlight-aqua
64 |
65 | .function,
66 | .python .decorator,
67 | .python .title,
68 | .ruby .function .title,
69 | .ruby .title .keyword,
70 | .perl .sub,
71 | .javascript .title,
72 | .coffeescript .title
73 | color: $highlight-blue
74 |
75 | .tag .attr,
76 | .javascript .function
77 | color: $highlight-purple
78 |
--------------------------------------------------------------------------------
/source/css/_highlight/highlight/dist/diff.css:
--------------------------------------------------------------------------------
1 | figure.highlight table::-webkit-scrollbar-thumb {
2 | background: var(--hlscrollbar-bg);
3 | }
4 | figure.highlight pre .deletion {
5 | color: $highlight-deletion;
6 | }
7 | figure.highlight pre .addition {
8 | color: $highlight-addition;
9 | }
10 | figure.highlight pre .meta {
11 | color: $highlight-purple;
12 | }
13 | figure.highlight pre .comment {
14 | color: $highlight-comment;
15 | }
16 | figure.highlight pre .variable,
17 | figure.highlight pre .attribute,
18 | figure.highlight pre .regexp,
19 | figure.highlight pre .ruby .constant,
20 | figure.highlight pre .xml .tag .title,
21 | figure.highlight pre .xml .pi,
22 | figure.highlight pre .xml .doctype,
23 | figure.highlight pre .html .doctype,
24 | figure.highlight pre .css .id,
25 | figure.highlight pre .tag .name,
26 | figure.highlight pre .css .class,
27 | figure.highlight pre .css .pseudo {
28 | color: $highlight-red;
29 | }
30 | figure.highlight pre .tag {
31 | color: $highlight-aqua;
32 | }
33 | figure.highlight pre .number,
34 | figure.highlight pre .preprocessor,
35 | figure.highlight pre .literal,
36 | figure.highlight pre .params,
37 | figure.highlight pre .constant,
38 | figure.highlight pre .command {
39 | color: $highlight-orange;
40 | }
41 | figure.highlight pre .built_in {
42 | color: $highlight-yellow;
43 | }
44 | figure.highlight pre .ruby .class .title,
45 | figure.highlight pre .css .rules .attribute,
46 | figure.highlight pre .string,
47 | figure.highlight pre .value,
48 | figure.highlight pre .inheritance,
49 | figure.highlight pre .header,
50 | figure.highlight pre .ruby .symbol,
51 | figure.highlight pre .xml .cdata,
52 | figure.highlight pre .special,
53 | figure.highlight pre .number,
54 | figure.highlight pre .formula {
55 | color: $highlight-green;
56 | }
57 | figure.highlight pre .keyword,
58 | figure.highlight pre .title,
59 | figure.highlight pre .css .hexcolor {
60 | color: $highlight-aqua;
61 | }
62 | figure.highlight pre .function,
63 | figure.highlight pre .python .decorator,
64 | figure.highlight pre .python .title,
65 | figure.highlight pre .ruby .function .title,
66 | figure.highlight pre .ruby .title .keyword,
67 | figure.highlight pre .perl .sub,
68 | figure.highlight pre .javascript .title,
69 | figure.highlight pre .coffeescript .title {
70 | color: $highlight-blue;
71 | }
72 | figure.highlight pre .tag .attr,
73 | figure.highlight pre .javascript .function {
74 | color: $highlight-purple;
75 | }
76 |
--------------------------------------------------------------------------------
/source/css/_highlight/highlight/index.styl:
--------------------------------------------------------------------------------
1 | if $highlight_theme != false
2 | @require 'diff'
3 |
4 | #article-container
5 | figure.highlight
6 | .line
7 | if wordWrap
8 | &:before
9 | display: inline-block
10 | padding: 0 .3rem 0 0
11 | min-width: 1.6rem
12 | color: var(--hlnumber-color)
13 | content: counter(line)
14 | counter-increment: line
15 | text-align: left
16 |
17 | &.marked
18 | background-color: $highlight-selection
19 |
20 | table
21 | display: block
22 | overflow: auto
23 | border: none
24 |
25 | td
26 | padding: 0
27 | border: none
28 |
29 | .gutter pre
30 | padding-right: .5rem
31 | padding-left: .5rem
32 | background-color: var(--hlnumber-bg)
33 | color: var(--hlnumber-color)
34 | text-align: right
35 |
36 | .code pre
37 | padding-right: .5rem
38 | padding-left: .5rem
39 | width: 100%
40 |
--------------------------------------------------------------------------------
/source/css/_highlight/prismjs/dist/diff.css:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/kp-z/hexo-theme-unicorn/3032e5fbe6f009137b3e404fa67c36dfe139534f/source/css/_highlight/prismjs/dist/diff.css
--------------------------------------------------------------------------------
/source/css/_highlight/prismjs/dist/index.css:
--------------------------------------------------------------------------------
1 | #article-container pre[class*='language-'].line-numbers {
2 | position: relative;
3 | padding-left: 3.8em;
4 | counter-reset: linenumber;
5 | line-height: $line-height-code-block;
6 | }
7 | #article-container pre[class*='language-'].line-numbers > code {
8 | position: relative;
9 | line-height: $line-height-code-block;
10 | white-space: pre-wrap;
11 | }
12 | #article-container pre[class*='language-'].line-numbers .line-numbers-rows {
13 | position: absolute;
14 | top: 0;
15 | left: -3.8em;
16 | width: 3em;
17 | letter-spacing: -1px;
18 | font-size: 100%;
19 | pointer-events: none;
20 | user-select: none;
21 | }
22 | #article-container pre[class*='language-'].line-numbers .line-numbers-rows > span {
23 | display: block;
24 | counter-increment: linenumber;
25 | pointer-events: none;
26 | }
27 | #article-container pre[class*='language-'].line-numbers .line-numbers-rows > span:before {
28 | display: block;
29 | padding-right: 0.8em;
30 | color: var(--hlnumber-color);
31 | content: counter(linenumber);
32 | text-align: right;
33 | }
34 | #article-container pre[class*='language-']::-webkit-scrollbar-thumb {
35 | background: var(--hlscrollbar-bg);
36 | }
37 | #article-container pre[class*='language-']:not(.line-numbers) {
38 | padding: 10px 20px;
39 | }
40 | #article-container pre[class*='language-'] .caption {
41 | margin-left: -3.8em;
42 | padding: 0.2rem 0.8rem !important;
43 | }
44 | #article-container pre[class*='language-'] .caption a {
45 | padding: 0 !important;
46 | }
47 |
--------------------------------------------------------------------------------
/source/css/_highlight/prismjs/dist/line-number.css:
--------------------------------------------------------------------------------
1 | #article-container pre[class*='language-'].line-numbers {
2 | position: relative;
3 | padding-left: 3.8em;
4 | counter-reset: linenumber;
5 | line-height: $line-height-code-block;
6 | }
7 | #article-container pre[class*='language-'].line-numbers > code {
8 | position: relative;
9 | line-height: $line-height-code-block;
10 | white-space: pre-wrap;
11 | }
12 | #article-container pre[class*='language-'].line-numbers .line-numbers-rows {
13 | position: absolute;
14 | top: 0;
15 | left: -3.8em;
16 | width: 3em;
17 | letter-spacing: -1px;
18 | font-size: 100%;
19 | pointer-events: none;
20 | user-select: none;
21 | }
22 | #article-container pre[class*='language-'].line-numbers .line-numbers-rows > span {
23 | display: block;
24 | counter-increment: linenumber;
25 | pointer-events: none;
26 | }
27 | #article-container pre[class*='language-'].line-numbers .line-numbers-rows > span:before {
28 | display: block;
29 | padding-right: 0.8em;
30 | color: var(--hlnumber-color);
31 | content: counter(linenumber);
32 | text-align: right;
33 | }
34 |
--------------------------------------------------------------------------------
/source/css/_highlight/prismjs/index.styl:
--------------------------------------------------------------------------------
1 | if hexo-fonfig('prismjs_settings.line_number')
2 | @require 'line-number'
3 |
4 | if $highlight_theme != false
5 | @require 'diff'
6 |
7 | #article-container
8 | pre[class*='language-']
9 | &::-webkit-scrollbar-thumb
10 | background: var(--hlscrollbar-bg)
11 |
12 | &:not(.line-numbers)
13 | padding: 10px 20px
14 |
15 | .caption
16 | margin-left: -3.8em
17 | padding: .2rem .8rem !important
18 |
19 | a
20 | padding: 0 !important
21 |
--------------------------------------------------------------------------------
/source/css/_highlight/prismjs/line-number.styl:
--------------------------------------------------------------------------------
1 | #article-container
2 | pre[class*='language-']
3 | &.line-numbers
4 | position: relative
5 | padding-left: 3.8em
6 | counter-reset: linenumber
7 | line-height: $line-height-code-block
8 |
9 | > code
10 | position: relative
11 | line-height: $line-height-code-block
12 |
13 | if hexo-config('code_word_wrap')
14 | white-space: pre-wrap
15 | else
16 | white-space: inherit
17 | word-wrap: normal
18 | word-break: normal
19 | overflow-wrap: normal
20 |
21 | .line-numbers-rows
22 | position: absolute
23 | top: 0
24 | left: -3.8em
25 | width: 3em
26 | letter-spacing: -1px
27 | font-size: 100%
28 | pointer-events: none
29 | user-select: none
30 |
31 | & > span
32 | display: block
33 | counter-increment: linenumber
34 | pointer-events: none
35 |
36 | &:before
37 | display: block
38 | padding-right: .8em
39 | color: var(--hlnumber-color)
40 | content: counter(linenumber)
41 | text-align: right
42 |
--------------------------------------------------------------------------------
/source/css/_layout/404.styl:
--------------------------------------------------------------------------------
1 | if hexo-config('error_404.enable')
2 | #error-wrap
3 | position: absolute
4 | top: 50%
5 | right: 0
6 | left: 0
7 | margin: 0 auto
8 | padding: 0 1rem
9 | max-width: 1000px
10 | transform: translate(0, -50%)
11 |
12 | .error-content
13 | display: flex
14 | flex-direction: row
15 | justify-content: center
16 | align-items: center
17 | margin: 0 1rem
18 | height: 18rem
19 | border-radius: 8px
20 | background: var(--card-bg)
21 | backdrop-filter: blur(30px);
22 | box-shadow: var(--card-box-shadow)
23 | transition: all .3s
24 |
25 | &:hover
26 | box-shadow: var(--card-hover-box-shadow)
27 |
28 | +maxWidth768()
29 | flex-direction: column
30 | margin: 0
31 | height: 25rem
32 |
33 | .error-img
34 | flex: 1
35 | height: 100%
36 | border-top-left-radius: 8px
37 | border-bottom-left-radius: 8px
38 | background-color: $theme-color
39 | background-position: center
40 | background-size: cover
41 |
42 | +maxWidth768()
43 | flex: 1
44 | width: 100%
45 | border-top-right-radius: 8px
46 | border-bottom-left-radius: 0
47 |
48 | .error-info
49 | flex: 1
50 | padding: .5rem
51 | text-align: center
52 | font-size: 14px
53 |
54 | if $site-name-font
55 | font-family: $site-name-font
56 |
57 | +maxWidth768()
58 | flex: 1.1
59 | width: 100%
60 |
61 | .error_title
62 | margin-top: -4rem
63 | font-size: 9em
64 |
65 | +maxWidth768()
66 | margin-top: -3rem
67 |
68 | .error_subtitle
69 | @extend .limit-more-line
70 | margin-top: -3.5rem
71 | word-break: break-word
72 | font-size: 1.6em
73 | -webkit-line-clamp: 2
74 |
75 | a
76 | display: inline-block
77 | margin-top: .5rem
78 | padding: .3rem 1.5rem
79 | background: var(--btn-bg)
80 | color: var(--btn-color)
81 |
82 | i
83 | padding-right: .3rem
84 |
--------------------------------------------------------------------------------
/source/css/_layout/chat.styl:
--------------------------------------------------------------------------------
1 | // chat
2 | if hexo-config('chat_btn') == true && hexo-config('chatra.enable')
3 | #chatra:not(.chatra--expanded)
4 | visibility: hidden !important
5 | width: 1px !important
6 | height: 1px !important
7 | opacity: 0 !important
8 | pointer-events: none
9 |
--------------------------------------------------------------------------------
/source/css/_layout/comments.styl:
--------------------------------------------------------------------------------
1 | #post-comment
2 | .comment-head
3 | margin-bottom: 1rem
4 |
5 | .comment-headline
6 | display: inline-block
7 | vertical-align: middle
8 | font-weight: 700
9 | font-size: 1.43em
10 |
11 | #comment-switch
12 | display: inline-block
13 |
14 | if hexo-config('comments.text')
15 | float: right
16 | margin: .1rem auto 0
17 | padding: .2rem .8rem
18 | width: max-content
19 | border-radius: 8px
20 | background: $comments-switch-bg
21 | else
22 | vertical-align: middle
23 |
24 | > span
25 | display: none
26 |
27 | .first-comment
28 | color: $comments-switch-first-text
29 |
30 | .second-comment
31 | color: $comments-switch-second-text
32 |
33 | .switch-btn
34 | position: relative
35 | display: inline-block
36 | margin: -4px .4rem 0
37 | width: 42px
38 | height: 22px
39 | border-radius: 34px
40 | background-color: $comments-switch-first-text
41 | vertical-align: middle
42 | cursor: pointer
43 | transition: .4s
44 |
45 | &:before
46 | position: absolute
47 | bottom: 4px
48 | left: 4px
49 | width: 14px
50 | height: 14px
51 | border-radius: 50%
52 | background-color: $comments-switch-round
53 | content: ''
54 | transition: .4s
55 |
56 | &.move
57 | background-color: $comments-switch-second-text
58 |
59 | &:before
60 | transform: translateX(20px)
61 |
62 | .comment-wrap
63 | > div:nth-child(2)
64 | display: none
65 |
66 | .tk-comments-container
67 | .tk-comments-count
68 | font-size: .7rem
69 | font-weight: lighter
70 | opacity : 0.6
71 | .tk-comment
72 | padding-left: .5rem
73 | display: list-item
74 | border-left: solid 2px rgba(rgb(189,195,199), .2)
75 | .tk-main
76 | .tk-row
77 | opacity : 0.5
78 | .tk-content
79 | background: rgba(rgb(212,212,212), .1)
80 | padding: 10px 20px 20px
81 | border-radius: 10px
82 | border: solid 2px rgba(rgb(212,212,212), .3)
83 |
84 | &:hover
85 | border: solid 2px var(--font-color)
86 | .tk-replies
87 | .tk-comment
88 | .tk-avatar
89 | display: inline-block
90 | .tk-main
91 | &:before
92 | display: none
93 | .tk-row
94 | .tk-action,
95 | .tk-meta
96 | bottom: 0
97 | position: static
98 | .tk-nick
99 | display: inline
--------------------------------------------------------------------------------
/source/css/_layout/footer.styl:
--------------------------------------------------------------------------------
1 | #footer
2 | position: relative
3 | background: $white
4 | background-attachment: local
5 | background-position: bottom
6 | background-size: cover
7 |
8 | if hexo-config('footer_bg') != false
9 | &:before
10 | position: absolute
11 | width: 100%
12 | height: 100%
13 | background-color: alpha($dark-black, .5)
14 | content: ''
15 |
16 | #footer-wrap
17 | position: relative
18 | padding: 2rem 1rem
19 | color: var(--font-black)
20 | text-align: center
21 | border-style: solid;
22 | border-width: 0.0001px;
23 | border-color: rgba(255, 227, 230, 0.06);
24 |
25 | a
26 | color: var(--font-black)
27 |
28 | &:hover
29 | text-decoration: underline
30 |
31 | .footer-separator
32 | margin: 0 .2rem
33 |
34 | .icp-icon
35 | padding: 0 4px
36 | vertical-align: text-bottom
37 | max-height: 1.4em
38 | width auto
39 |
--------------------------------------------------------------------------------
/source/css/_layout/loading.styl:
--------------------------------------------------------------------------------
1 | if hexo-config('preloader')
2 | .loading-bg
3 | position: fixed
4 | z-index: 1000
5 | width: 50%
6 | height: 100%
7 | background-color: var(--preloader-bg)
8 |
9 | #loading-box
10 | .loading-left-bg
11 | @extend .loading-bg
12 |
13 | .loading-right-bg
14 | @extend .loading-bg
15 | right: 0
16 |
17 | .spinner-box
18 | position: fixed
19 | z-index: 1001
20 | display: flex
21 | justify-content: center
22 | align-items: center
23 | width: 100%
24 | height: 100vh
25 |
26 | .configure-border-1
27 | position: absolute
28 | padding: 3px
29 | width: 115px
30 | height: 115px
31 | background: #ffab91
32 | animation: configure-clockwise 3s ease-in-out 0s infinite alternate
33 |
34 | .configure-border-2
35 | left: -115px
36 | padding: 3px
37 | width: 115px
38 | height: 115px
39 | background: rgb(63, 249, 220)
40 | transform: rotate(45deg)
41 | animation: configure-xclockwise 3s ease-in-out 0s infinite alternate
42 |
43 | .loading-word
44 | position: absolute
45 | color: var(--preloader-color)
46 | font-size: .8rem
47 |
48 | .configure-core
49 | width: 100%
50 | height: 100%
51 | background-color: var(--preloader-bg)
52 |
53 | &.loaded
54 | .loading-left-bg
55 | transition: all .5s
56 | transform: translate(-100%, 0)
57 |
58 | .loading-right-bg
59 | transition: all .5s
60 | transform: translate(100%, 0)
61 |
62 | .spinner-box
63 | display: none
64 |
65 | @keyframes configure-clockwise
66 | 0%
67 | transform: rotate(0)
68 |
69 | 25%
70 | transform: rotate(90deg)
71 |
72 | 50%
73 | transform: rotate(180deg)
74 |
75 | 75%
76 | transform: rotate(270deg)
77 |
78 | 100%
79 | transform: rotate(360deg)
80 |
81 | @keyframes configure-xclockwise
82 | 0%
83 | transform: rotate(45deg)
84 |
85 | 25%
86 | transform: rotate(-45deg)
87 |
88 | 50%
89 | transform: rotate(-135deg)
90 |
91 | 75%
92 | transform: rotate(-225deg)
93 |
94 | 100%
95 | transform: rotate(-315deg)
96 |
--------------------------------------------------------------------------------
/source/css/_layout/pagination.styl:
--------------------------------------------------------------------------------
1 | #pagination
2 | overflow: hidden
3 | margin-top: 1rem
4 | width: 100%
5 |
6 | .pagination
7 | text-align: center
8 |
9 | .page-number
10 | display: inline-block
11 | margin: 0 .2rem
12 | min-width: w = 1.2rem
13 | height: w
14 | text-align: center
15 | line-height: w
16 | cursor: pointer
17 |
18 | &.current
19 | background: $theme-paginator-color
20 | color: var(--white)
21 | cursor: default
22 |
23 | img.prev-cover,
24 | img.next-cover
25 | position: absolute
26 | width: 100%
27 | height: 100%
28 | opacity: .4
29 | transition: all .6s
30 | object-fit: cover
31 |
32 | .pagination-info
33 | position: absolute
34 | top: 50%
35 | padding: 1rem 2rem
36 | width: 100%
37 | transform: translate(0, -50%)
38 |
39 | .prev_info,
40 | .next_info
41 | @extend .limit-one-line
42 | color: var(--white)
43 | font-weight: 500
44 |
45 | .next-post
46 | .pagination-info
47 | text-align: right
48 |
49 | .pull-full
50 | width: 100% !important
51 |
52 | .prev-post .label,
53 | .next-post .label
54 | color: var(--light-grey)
55 | text-transform: uppercase
56 | font-size: 90%
57 |
58 | .prev-post,
59 | .next-post
60 | width: 50%
61 |
62 | +maxWidth768()
63 | width: 100%
64 |
65 | a
66 | position: relative
67 | display: block
68 | overflow: hidden
69 | height: 150px
70 |
71 | &:hover
72 | img.prev-cover,
73 | img.next-cover
74 | opacity: .8
75 | transform: scale(1.1)
76 |
77 | &.pagination-post
78 | margin-top: 2rem
79 | background: $dark-black
--------------------------------------------------------------------------------
/source/css/_layout/relatedposts.styl:
--------------------------------------------------------------------------------
1 | .relatedPosts
2 | margin-top: 2rem
3 |
4 | & > .headline
5 | margin-bottom: 5px
6 | font-weight: 700
7 | font-size: 1.43em
8 |
9 | & > .relatedPosts-list
10 | & > div
11 | position: relative
12 | display: inline-block
13 | overflow: hidden
14 | margin: 3px
15 | width: calc(33.333% - 6px)
16 | height: 200px
17 | background: $dark-black
18 | vertical-align: bottom
19 |
20 | &:hover
21 | .cover
22 | opacity: .8
23 | transform: scale(1.1)
24 |
25 | +maxWidth768()
26 | margin: 2px
27 | width: calc(50% - 4px)
28 | height: 150px
29 |
30 | +maxWidth600()
31 | width: calc(100% - 4px)
32 |
33 | .cover
34 | width: 100%
35 | height: 100%
36 | opacity: .4
37 | transition: all .6s
38 | object-fit: cover
39 |
40 | .content
41 | position: absolute
42 | top: 50%
43 | padding: 0 1rem
44 | width: 100%
45 | transform: translate(0, -50%)
46 |
47 | .date
48 | color: var(--light-grey)
49 | font-size: 90%
50 |
51 | .title
52 | @extend .limit-more-line
53 | color: var(--white)
54 | -webkit-line-clamp: 2
55 |
--------------------------------------------------------------------------------
/source/css/_layout/reward.styl:
--------------------------------------------------------------------------------
1 | .post-reward
2 | position: relative
3 | margin-top: 4rem
4 | width: 100%
5 | text-align: center
6 |
7 | .reward-button
8 | display: inline-block
9 | padding: .2rem 1.2rem
10 | background: var(--btn-bg)
11 | color: var(--btn-color)
12 | cursor: pointer
13 | transition: all .4s
14 |
15 | &:hover
16 | & > .reward-main
17 | display: block
18 |
19 | .reward-main
20 | position: absolute
21 | bottom: 40px
22 | left: 0
23 | z-index: 100
24 | display: none
25 | padding: 0 0 15px
26 | width: 100%
27 |
28 | .reward-all
29 | display: inline-block
30 | margin: 0
31 | padding: 1rem .5rem
32 | border-radius: 4px
33 | background: var(--reward-pop)
34 |
35 | &:before
36 | position: absolute
37 | bottom: -10px
38 | left: 0
39 | width: 100%
40 | height: 20px
41 | content: ''
42 |
43 | &:after
44 | position: absolute
45 | right: 0
46 | bottom: 2px
47 | left: 0
48 | margin: 0 auto
49 | width: 0
50 | height: 0
51 | border-top: 13px solid var(--reward-pop)
52 | border-right: 13px solid transparent
53 | border-left: 13px solid transparent
54 | content: ''
55 |
56 | .reward-item
57 | display: inline-block
58 | padding: 0 8px
59 | list-style-type: none
60 | vertical-align: top
61 |
62 | img
63 | width: 130px
64 | height: 130px
65 |
66 | .post-qr-code-desc
67 | padding-top: .4rem
68 | width: 130px
69 | color: $reward-pop-up-color
70 |
--------------------------------------------------------------------------------
/source/css/_layout/rightside.styl:
--------------------------------------------------------------------------------
1 | #rightside
2 | position: fixed
3 | right: -38px
4 | bottom: $rightside-bottom
5 | z-index: 100
6 | opacity: 0
7 | transition: all .5s
8 |
9 | #rightside-config-hide
10 | transition: transform .4s
11 | transform: translate(35px, 0)
12 |
13 | &.show
14 | transform: translate(0, 0) !important
15 |
16 | & > div
17 | & > button,
18 | & > a
19 | display: block
20 | margin-bottom: 2px
21 | width: 30px
22 | height: 30px
23 | background-color: var(--btn-bg)
24 | color: var(--btn-color)
25 | text-align: center
26 | font-size: 14px
27 | border-radius: 6px
28 |
29 | &:hover
30 | background-color: var(--btn-hover-color)
31 |
32 | #mobile-toc-button
33 | display: none
34 |
35 | +maxWidth900()
36 | display: block
37 |
38 | +maxWidth900()
39 | #hide-aside-btn
40 | display: none
41 |
--------------------------------------------------------------------------------
/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: auto
17 | width: $sidebar-width
18 | height: 100%
19 | background: var(--sidebar-bg)
20 | transition: all .5s
21 |
22 | &.open
23 | transform: translate3d(-100%, 0, 0)
24 |
25 | & > .author-avatar
26 | padding: 1.3rem 1.5rem 0
27 | text-align: center
28 |
29 | img
30 | width: 110px
31 | height: 110px
32 | border-radius: 70px
33 | transition: all .5s
34 |
35 | &:hover
36 | transform: rotate(360deg)
37 |
38 | .site-data
39 | display: table
40 | padding: .6rem .5rem 0
41 | width: 100%
42 | table-layout: fixed
43 |
44 | .data-item
45 | display: table-cell
46 |
47 | .data-item-link
48 | & > a > div
49 | @extend .limit-one-line
50 |
51 | .length-num
52 | color: var(--text-highlight-color)
53 | font-size: 1.28em
54 |
55 | .headline
56 | color: var(--font-color)
57 |
58 | hr
59 | margin: 1rem auto
60 |
61 | .menus_items
62 | padding: 2rem .5rem 2rem
63 |
64 | .site-page
65 | @extend .limit-one-line
66 | position: relative
67 | display: block
68 | padding: .3rem 1.5rem
69 | color: var(--font-color)
70 | font-size: 1.15em
71 | cursor: pointer
72 |
73 | i:first-child
74 | width: 25%
75 | text-align: left
76 |
77 | span
78 | width: 75%
79 |
80 | &:hover
81 | color: $light-blue
82 |
83 | .expand
84 | position: absolute
85 | top: .78em
86 | right: .4rem
87 | transition: transform .3s
88 |
89 | &.hide
90 | transform: rotate(90deg) !important
91 |
92 | .menus_item_child
93 | margin: 0 0 0 1rem
94 | list-style: none
95 | font-weight: lighter
96 | if hexo-config('hide_sidebar_menu_child')
97 | display: none
--------------------------------------------------------------------------------
/source/css/_layout/third-party.styl:
--------------------------------------------------------------------------------
1 | #vcomment,
2 | #waline
3 | font-size: 1.1em
4 |
5 | .vbtn
6 | border: none
7 | background: var(--btn-bg)
8 | color: var(--btn-color)
9 |
10 | &:hover
11 | background: var(--btn-hover-color)
12 |
13 | .vimg
14 | transition: all .3s
15 |
16 | &:hover
17 | transform: rotate(360deg)
18 |
19 | .vcards .vcard .vcontent.expand
20 | &:before,
21 | &:after
22 | z-index: 22
23 |
24 | if hexo-config('valine.bg')
25 | #vcomment
26 | textarea
27 | background: url(hexo-config('valine.bg')) 100% 100% no-repeat
28 |
29 | &:focus
30 | background-image: none
31 |
32 | if hexo-config('waline.bg')
33 | #waline-wrap
34 | textarea
35 | background: url(hexo-config('waline.bg')) 100% 100% no-repeat
36 |
37 | &:focus
38 | background-image: none
39 |
40 | .fireworks
41 | position: fixed
42 | top: 0
43 | left: 0
44 | z-index: $fireworks-zIndex
45 | pointer-events: none
46 |
47 | .medium-zoom-image--opened
48 | z-index: 99999 !important
49 | margin: 0 !important
50 |
51 | .medium-zoom-overlay
52 | z-index: 99999 !important
53 |
54 | .mermaid
55 | overflow: auto
56 | margin: 0 0 1rem
57 | background: $white
58 | text-align: center
59 | opacity: 0
60 | transition: all .3s
61 |
62 | &[data-processed]
63 | opacity: 1
64 |
65 | .utterances,
66 | .fb-comments iframe
67 | width: 100% !important
68 |
69 | #gitalk-container
70 | .gt-meta
71 | margin: 0 0 .8em
72 | padding: .3rem 0 .8em
73 |
74 | .katex-wrap
75 | overflow: auto
76 |
77 | if hexo-config('katex') && hexo-config('katex.hide_scrollbar')
78 | &::-webkit-scrollbar
79 | display: none
80 |
81 | // mathjax
82 | .mathjax-overflow
83 | overflow-x: auto
84 | overflow-y: hidden
85 |
86 | mjx-container[jax='CHTML'][display='true']
87 | overflow-x: auto
88 | overflow-y: hidden
89 | padding-bottom: .3rem
90 |
91 | .aplayer
92 | color: $font-black
93 |
94 | #article-container
95 | .aplayer
96 | margin: 0 0 1rem
97 |
98 | if hexo-config('beautify.enable')
99 | ol,
100 | ul
101 | margin: 0
102 | padding: 0
103 |
104 | li
105 | margin: 0
106 | padding: 0 15px
107 |
108 | &:before
109 | content: none
--------------------------------------------------------------------------------
/source/css/_page/archives.styl:
--------------------------------------------------------------------------------
1 | .article-sort
2 | margin-left: .5rem
3 | padding-left: 1rem
4 | border-left: 2px solid lighten($light-blue, 20)
5 |
6 | &-title
7 | position: relative
8 | margin-left: .5rem
9 | padding-bottom: 1rem
10 | padding-left: 1rem
11 | font-size: 1.72em
12 |
13 | &:hover
14 | &:before
15 | border-color: $pseudo-hover
16 |
17 | &:before
18 | position: absolute
19 | top: calc(((100% - 1.8rem) / 2))
20 | left: -.45rem
21 | z-index: 1
22 | width: w = .5rem
23 | height: h = w
24 | border: .5 * w solid $light-blue
25 | border-radius: w
26 | background: var(--card-bg)
27 | content: ''
28 | line-height: h
29 | transition: all .2s ease-in-out
30 |
31 | &:after
32 | position: absolute
33 | bottom: 0
34 | left: 0
35 | z-index: 0
36 | width: .1rem
37 | height: 1.5em
38 | background: lighten($light-blue, 20)
39 | content: ''
40 |
41 | &-item
42 | position: relative
43 | display: flex
44 | align-items: center
45 | margin: 0 0 1rem .5rem
46 | transition: all .2s ease-in-out
47 |
48 | &:hover
49 | &:before
50 | border-color: $pseudo-hover
51 |
52 | &:before
53 | $w = .3rem
54 | position: absolute
55 | left: calc(-1rem - 17px)
56 | width: w = $w
57 | height: h = w
58 | border: .5 * w solid $light-blue
59 | border-radius: w
60 | background: var(--card-bg)
61 | content: ''
62 | transition: all .2s ease-in-out
63 |
64 | &.no-article-cover
65 | height: 80px
66 |
67 | .article-sort-item-info
68 | padding: 0
69 |
70 | &.year
71 | font-size: 1.43em
72 |
73 | &:hover
74 | &:before
75 | border-color: $light-blue
76 |
77 | &:before
78 | border-color: $pseudo-hover
79 |
80 | &-time
81 | color: $theme-meta-color
82 | font-size: 95%
83 |
84 | time
85 | padding-left: .3rem
86 | cursor: default
87 |
88 | &-title
89 | @extend .limit-more-line
90 | color: var(--font-color)
91 | font-size: 1.1em
92 | transition: all .3s
93 | -webkit-line-clamp: 2
94 |
95 | &:hover
96 | color: $text-hover
97 | transform: translateX(10px)
98 |
99 | &-img
100 | overflow: hidden
101 | width: 80px
102 | height: 80px
103 |
104 | img
105 | width: 100%
106 | height: 100%
107 | border-radius: 5px
108 | transition: all .6s
109 | object-fit: cover
110 |
111 | &:hover
112 | transform: scale(1.1)
113 |
114 | &-info
115 | flex: 1
116 | padding: 0 .8rem
117 |
--------------------------------------------------------------------------------
/source/css/_page/categories.styl:
--------------------------------------------------------------------------------
1 | #page
2 | .category-lists
3 | padding: 1rem 0 1.5rem
4 |
5 | +maxWidth768()
6 | padding: 0
7 |
8 | .category-title
9 | font-size: 2.57em
10 |
11 | +maxWidth768()
12 | font-size: 2em
13 |
14 | .category-list
15 | a
16 | color: var(--font-color)
17 |
18 | &:hover
19 | color: $text-hover
20 |
21 | .category-list-count
22 | margin-left: .4rem
23 | color: $theme-meta-color
24 |
25 | &:before
26 | content: '('
27 |
28 | &:after
29 | content: ')'
30 |
31 | ul
32 | margin-top: .4rem
33 | padding: 0 0 0 1rem
34 | list-style: none
35 | counter-reset: li
36 |
37 | ul
38 | padding-left: .2rem
39 |
40 | li
41 | position: relative
42 | margin: .3rem 0
43 | padding: .12em .4em .12em 1.4em
44 |
45 | &:before
46 | position: absolute
47 | left: 0
48 | cursor: pointer
49 | transition: all .3s ease-out
50 | $w = .43em
51 | top: .7em
52 | width: w = $w
53 | height: h = w
54 | border: .5 * w solid $light-blue
55 | border-radius: w
56 | background: transparent
57 | content: ''
58 | // line-height: h
59 |
60 | &:hover
61 | &:before
62 | border-color: $pseudo-hover
63 |
--------------------------------------------------------------------------------
/source/css/_page/common.styl:
--------------------------------------------------------------------------------
1 |
2 | .layout
3 | display: flex
4 | margin: 0 auto
5 | padding: 4rem 1rem
6 | max-width: 1500px
7 | min-height: calc(100vh)
8 |
9 | +maxWidth900()
10 | flex-direction: column
11 |
12 | +maxWidth768()
13 | padding: 1rem 5px
14 |
15 | +minWidth2000()
16 | max-width: 1700px
17 |
18 | & > div:first-child:not(.recent-posts)
19 | align-self: flex-start
20 | padding: 50px 40px
21 | border-radius: 8px
22 | background: var(--card-bg)
23 | box-shadow: var(--card-box-shadow)
24 | border-style: solid;
25 | border-width: 0.0001px;
26 | border-color: rgba(255, 227, 230, 0.06);
27 |
28 | &:hover
29 | box-shadow: var(--card-hover-box-shadow)
30 |
31 | +maxWidth768()
32 | padding: 1.8rem .7rem !important
33 |
34 | & > div:first-child
35 | width: 75%
36 | transition: all .3s
37 |
38 | +maxWidth900()
39 | width: 100% !important
40 |
41 | if hexo-config('aside.position') == 'left'
42 | +minWidth900()
43 | order: 2
44 |
45 | // 隱藏aside
46 | &.hide-aside
47 | max-width: 1500px
48 | // padding: 5rem 1rem
49 |
50 | +minWidth2000()
51 | max-width: 1700px
52 |
53 | +maxWidth600()
54 | padding: 1rem 10px
55 |
56 | & > div
57 | width: 100% !important
--------------------------------------------------------------------------------
/source/css/_page/dist/categories.css:
--------------------------------------------------------------------------------
1 | #page .category-lists {
2 | padding: 1rem 0 1.5rem;
3 | maxWidth768()
4 | }
5 | #page .category-lists .category-title {
6 | font-size: 2.57em;
7 | maxWidth768()
8 | }
9 | #page .category-lists .category-list a {
10 | color: var(--font-color);
11 | }
12 | #page .category-lists .category-list a:hover {
13 | color: $text-hover;
14 | }
15 | #page .category-lists .category-list .category-list-count {
16 | margin-left: 0.4rem;
17 | color: $theme-meta-color;
18 | }
19 | #page .category-lists .category-list .category-list-count:before {
20 | content: '(';
21 | }
22 | #page .category-lists .category-list .category-list-count:after {
23 | content: ')';
24 | }
25 | #page .category-lists ul {
26 | margin-top: 0.4rem;
27 | padding: 0 0 0 1rem;
28 | list-style: none;
29 | counter-reset: li;
30 | }
31 | #page .category-lists ul ul {
32 | padding-left: 0.2rem;
33 | }
34 | #page .category-lists ul li {
35 | position: relative;
36 | margin: 0.3rem 0;
37 | padding: 0.12em 0.4em 0.12em 1.4em;
38 | }
39 | #page .category-lists ul li:before {
40 | position: absolute;
41 | left: 0;
42 | cursor: pointer;
43 | transition: all 0.3s ease-out;
44 | top: 0.7em;
45 | width: 0.43em;
46 | height: 0.43em;
47 | border: 0.215em solid $light-blue;
48 | border-radius: 0.43em;
49 | background: transparent;
50 | content: '';
51 | }
52 | #page .category-lists ul li:hover:before {
53 | border-color: $pseudo-hover;
54 | }
55 |
--------------------------------------------------------------------------------
/source/css/_page/dist/common.css:
--------------------------------------------------------------------------------
1 | .layout {
2 | display: flex;
3 | margin: 0 auto;
4 | padding: 2rem 15px;
5 | max-width: 1200px;
6 | min-height: calc(100vh);
7 | maxWidth900()
8 | maxWidth768()
9 | minWidth2000()
10 | }
11 | .layout > div:first-child:not(.recent-posts,
12 | .layout .gallery-page) {
13 | align-self: flex-start;
14 | padding: 50px 40px;
15 | border-radius: 8px;
16 | background: var(--card-bg);
17 | box-shadow: var(--card-box-shadow);
18 | maxWidth768()
19 | }
20 | .layout > div:first-child:not(.recent-posts:hover,
21 | .layout .gallery-page):hover {
22 | box-shadow: var(--card-hover-box-shadow);
23 | }
24 | .layout > div:first-child {
25 | width: 75%;
26 | transition: all 0.3s;
27 | maxWidth900()
28 | }
29 | .layout.hide-aside {
30 | max-width: 1500px;
31 | padding: 3rem 30px;
32 | minWidth2000()
33 | }
34 | .layout.hide-aside > div {
35 | width: 100% !important;
36 | }
37 |
--------------------------------------------------------------------------------
/source/css/_page/dist/tags.css:
--------------------------------------------------------------------------------
1 | .tag-cloud-list a {
2 | display: inline-block;
3 | padding: 0 0.4rem;
4 | transition: all 0.3s;
5 | maxWidth768()
6 | }
7 | .tag-cloud-list a:hover {
8 | color: $text-hover !important;
9 | transform: scale(1.1);
10 | }
11 | .tag-cloud-title {
12 | font-size: 2.57em;
13 | maxWidth768()
14 | }
15 |
--------------------------------------------------------------------------------
/source/css/_page/flink.styl:
--------------------------------------------------------------------------------
1 | #article-container
2 | .flink
3 | .flink-desc
4 | margin: .2rem 0 .5rem
5 |
6 | .flink-list
7 | overflow: auto
8 | padding: 10px 10px 0
9 | text-align: center
10 |
11 | & > .flink-list-item
12 | position: relative
13 | float: left
14 | overflow: hidden
15 | margin: 15px 7px
16 | width: calc(100% / 3 - 15px)
17 | height: 90px
18 | border-radius: 8px
19 | line-height: 17px
20 | -webkit-transform: translateZ(0)
21 |
22 | +maxWidth1024()
23 | width: calc(50% - 15px) !important
24 |
25 | +maxWidth600()
26 | width: calc(100% - 15px) !important
27 |
28 | &:hover
29 | img
30 | transform: rotate(360deg)
31 |
32 | &:before
33 | position: absolute
34 | top: 0
35 | right: 0
36 | bottom: 0
37 | left: 0
38 | z-index: -1
39 | background: var(--text-bg-hover)
40 | content: ''
41 | transition: transform .3s ease-out
42 | transform: scale(0)
43 |
44 | &:hover:before,
45 | &:focus:before,
46 | &:active:before
47 | transform: scale(1)
48 |
49 | a
50 | color: var(--font-color)
51 | text-decoration: none
52 |
53 | img
54 | float: left
55 | margin: 15px 10px
56 | width: 60px
57 | height: 60px
58 | border-radius: 35px
59 | transition: all .3s
60 |
61 | .img-alt
62 | display: none
63 |
64 | .flink-item-name
65 | @extend .limit-one-line
66 | display: block
67 | padding: 16px 10px 0 0
68 | height: 40px
69 | font-weight: bold
70 | font-size: 1.43em
71 |
72 | .flink-item-desc
73 | @extend .limit-one-line
74 | display: block
75 | padding: 16px 10px 16px 0
76 | height: 50px
77 | font-size: .93em
78 |
--------------------------------------------------------------------------------
/source/css/_page/tags.styl:
--------------------------------------------------------------------------------
1 | .tag-cloud
2 | &-list
3 | a
4 | display: inline-block
5 | padding: 0 .4rem
6 | transition: all .3s
7 |
8 | &:hover
9 | color: $text-hover !important
10 | transform: scale(1.1)
11 |
12 | +maxWidth768()
13 | zoom: .85
14 |
15 | &-title
16 | font-size: 2.57em
17 |
18 | +maxWidth768()
19 | font-size: 2em
20 |
--------------------------------------------------------------------------------
/source/css/_revision/archive.styl:
--------------------------------------------------------------------------------
1 |
2 |
3 | #postCharts
4 | display:flex;
5 | align-items:center;
6 | justify-content:center;
7 | height:100%;
8 | .cat-chart,
9 | .post-chart,
10 | .tag-chart
11 | width: 100%;
12 | display: inline-block
13 | #categories-chart,
14 | #posts-chart,
15 | #tags-chart
16 | width : 100%;
17 | height: 16rem
18 | .category-lists
19 | .category-list
20 | display: flex
21 | flex-direction: row
22 | .category-list-item
23 | // border: solid 2px #a4b0be
24 | // border-radius: 5px
25 | width: 100%
26 | // .category-list-child
27 | // .category-list-item
28 | // display: none
29 |
30 |
31 |
32 |
33 | .tag-cloud-list
34 | padding: 10px 0
35 | a
36 | border-radius: 5px
37 | margin: 0 2px
38 | padding: 2px 10px
39 |
40 | &:hover
41 | background: #e1e3e6
42 |
43 |
--------------------------------------------------------------------------------
/source/css/_revision/dashborad.styl:
--------------------------------------------------------------------------------
1 | .dashboard-weight
2 | position: relative
3 | float: left
4 | margin: 1rem 0.6rem
5 | width: calc(33% - 1.2rem)
6 | height: 16rem
7 | // overflow: hidden
8 | -webkit-transform: translate3d(0, 0, 0)
9 | +minWidth2000()
10 | height: 20rem
11 | +maxWidth768()
12 | width: calc(100% - 0.4rem)
13 | margin: 1rem 0.2rem
14 | height: 17rem
15 | &:last-child
16 | height: auto
17 | // &:hover
18 | // box-shadow: var(--card-hover-box-shadow)
19 | // img
20 | // opacity: .4
21 | // filter: blur(10px)
22 | // transform: translate3d(0, 0, 0)
23 |
24 | // // .gallery-group-name::after
25 | // // transform: translate3d(0, 0, 0)
26 |
27 | .card-style
28 | padding: 0 1rem
29 | box-shadow: var(--card-box-shadow)
30 | border-radius: 6px
31 | background-color: var(--card-bg)
32 | overflow: visible
33 | border-style: solid;
34 | border-width: 0.0001px;
35 | border-color: rgba(255, 227, 230, 0.06);
36 | +maxWidth768()
37 | padding: 0
38 | &:hover
39 | box-shadow: var(--card-hover-box-shadow)
40 |
41 |
42 | .video
43 | padding: 0 0
44 | overflow: hidden
45 |
46 | .weight-half
47 | float:left
48 | width: 100%
49 | position: relative
50 | height: 7.5rem
51 | // top: -3px
52 |
53 | +minWidth2000()
54 | height: 9.5rem
55 |
56 | +maxWidth768()
57 | width: 100%
58 | .top
59 | margin-bottom: 1rem
60 |
61 | .weight-quarter
62 | float:left
63 | position: relative
64 | height: 7.5rem
65 | width: 48%
66 |
67 | +minWidth2000()
68 | height: 9.5rem
69 |
70 | +maxWidth768()
71 | width: 100%
72 | margin: 1rem .2rem 1rem 0.2rem
73 | height: auto
74 | &:first-child
75 | height: 16rem
76 | // +maxWidth2000()
77 | // height: 14.5rem
78 | .top
79 | margin-bottom: 1rem
80 |
81 | .left
82 | margin-right: 4%
83 | .icon
84 | width: 2rem; height: 2rem;
85 | vertical-align: -0.15em;
86 | fill: currentColor;
87 | overflow: hidden;
88 |
89 | .frosted-gross
90 | -webkit-backdrop-filter: blur(5px);
91 | backdrop-filter: blur(5px);
--------------------------------------------------------------------------------
/source/css/_revision/footer.styl:
--------------------------------------------------------------------------------
1 | ol,
2 | ul
3 | list-style: none
4 | margin: 0
5 | padding: 0
6 |
7 | #footer-section
8 | height: 100%
9 | position: relative
10 | overflow: hidden
11 | margin: 0 auto
12 | width: 25rem
13 | font-size: .8em
14 | +maxWidth600()
15 | width : 100%
16 | #footer-columns
17 | display: flex
18 | overflow: hidden
19 | .footer-column
20 | float: left
21 | height: 100%
22 | flex-basis: 25%
23 | text-align: left
24 | .footer-column-section
25 | margin-top: 20px
26 | label
27 | font-weight: bolder
28 | .footer-link
29 | opacity : 0.7
30 | color: #b6b5b6
31 | #footer-info
32 | padding-top: 10px
33 | margin-top: 1rem
34 | display: flex
35 | border-top: 1px rgba(182,181,182, .4) solid
36 | color: #b6b5b6
37 | .copyright
38 | float: left
39 | text-align: left
40 | flex-basis: 60%
41 | padding-right: 10px
42 | .icp
43 | text-align: right
44 |
45 | .footer-model
46 | -webkit-filter: drop-shadow(2px 3px 8px 6px rgba(189,195,199, .6));
47 | filter: drop-shadow(2px 3px 8px 6px rgba(189,195,199, .6));
48 | width: auto;
49 | height: 15rem ;
50 | position: absolute;
51 | bottom: 0;
52 | z-index: 99
53 | +maxWidth600()
54 | display: none
--------------------------------------------------------------------------------
/source/css/_revision/nav.styl:
--------------------------------------------------------------------------------
1 | #blog_name
2 | margin-left: 10px;
3 | #site-logo
4 | display: inline-block
5 | float: left;
6 | width: 25px;
7 | height: 20px;
8 | opacity : .8
9 | transform: translate3d(-10px, 0, 0)
10 | -webkit-filter: brightness(100) invert(1)
11 | filter: brightness(100) invert(1)
12 | // /* for demonstration purposes; originals not entirely black */
13 | // contrast(1000%)
14 | // /* black to white */
15 | // invert(100%)
16 | // /* white to off-white */
17 | // sepia(100%)
18 | // /* off-white to yellow */
19 | // saturate(10000%)
20 | // /* do whatever you want with yellow */
21 | // hue-rotate(90deg);
22 | // /* top: .2rem; */
23 |
24 | #head-page-title
25 | float: left;
26 | display: inline-block
27 | align-items: center;
28 | text-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25) inset;
29 | letter-spacing: 0.175em;
30 | line-height: 1
31 | font-size: .6rem;
32 | font-family: 'Noto Sans', sans-serif;
33 | // margin-top: 3px
34 | #page-name
35 | opacity : 0.8
36 | #site-slogan
37 | opacity : 0.3
--------------------------------------------------------------------------------
/source/css/_revision/travel.styl:
--------------------------------------------------------------------------------
1 |
2 | #travel-menu
3 | position: fixed;
4 | bottom: 30px;
5 | right: 6%;
6 | color: var(--font-color);
7 | background-color: var(--card-bg);
8 | border-radius: 6px ;
9 | padding: 3px
10 | +maxWidth600()
11 | display: none
12 | label
13 | margin-right: 10px
14 |
15 | .marker
16 | display: block;
17 | border: 3px solid white ;
18 | border-radius: 6px;
19 | cursor: pointer;
20 |
21 | .mapboxgl-popup
22 | max-width: 200px;
23 |
24 | #features
25 | width: 18%
26 | margin: 30% 0 0 0;
27 | overflow-y: scroll;
28 | z-index: 999;
29 | +maxWidth600()
30 | margin-top: 140%
31 | height: 50%
32 | width: 100%
33 | +minWidth2000()
34 | margin-left: -8%
35 | width: 15%
36 |
37 | section
38 | display: inline-block;
39 | line-height: 10px;
40 | margin-bottom: 1rem;
41 | width : 100%;
42 | height: 200px;
43 | opacity : .6;
44 | border-radius: 8px;
45 | box-shadow: var(--card-box-shadow);
46 | background-color: var(--card-bg);
47 | overflow: hidden;
48 | -webkit-backdrop-filter: blur(10px);
49 | backdrop-filter: blur(10px);
50 | color: #a4b0be
51 | +maxWidth600()
52 | opacity : 0;
53 |
54 | &:last-child
55 | border-bottom: none;
56 | margin-bottom: 200px;
57 | +maxWidth600()
58 | margin-bottom: 5rem
59 | img
60 | width: 100%;
61 | height: 100px;
62 | border-radius: 8px;
63 | object-fit: cover;
64 | box-shadow: 0 0.1rem .4rem rgba(0, 0, 0, .5)
65 | .year
66 | position: absolute
67 | top: 50px
68 | right: 10px
69 | color #fff
70 | font-size: 3em
71 | font-weight: bolder
72 | .section-info
73 | margin: 20px
74 | a
75 | font-size: 1em;
76 | color: var(--font-color)
77 | .active
78 | opacity : 0.99
79 | transition: opacity 1s linear;
80 | .section-info
81 | a
82 | font-size: 1.4em;
83 | font-weight: bolder
84 | i
85 | color: #f39c12
86 |
87 |
--------------------------------------------------------------------------------
/source/css/_revision/weibo.styl:
--------------------------------------------------------------------------------
1 |
2 |
3 | #weibo-head
4 | .weibo-head-img
5 | height: auto
6 | display: inline-block
7 | width : .8rem
8 | transform: translate(-5px, 18px)
9 | .weibo-head-title
10 | display: inline-block
11 | font-size: 2em
12 | color: var(--font-color)
13 |
--------------------------------------------------------------------------------
/source/css/_search/algolia.styl:
--------------------------------------------------------------------------------
1 | #algolia-search
2 | .search-dialog
3 | animation: titlescale .5s
4 |
5 | .ais-search-box
6 | margin: 0 auto
7 | max-width: 100%
8 | width: 100%
9 |
10 | input
11 | padding: .25rem .7rem
12 | outline: none
13 | border: 2px solid $search-color
14 | border-radius: 6px
15 | background: var(--search-bg)
16 | color: var(--search-input-color)
17 | margin-bottom: .6rem
18 |
19 | .ais-hits--item.algolia-hit-item
20 | position: relative
21 | padding-left: 1.2rem
22 |
23 | &:hover
24 | &:before
25 | border-color: $pseudo-hover
26 |
27 | &:before
28 | $w = .5em
29 | position: absolute
30 | top: .53em
31 | left: 0
32 | width: w = $w
33 | height: h = w
34 | border: .15rem solid $search-color
35 | border-radius: w
36 | background: transparent
37 | content: ''
38 | line-height: h
39 | transition: all .2s ease-in-out
40 |
41 | a
42 | display: block
43 | color: var(--search-result-title)
44 | cursor: pointer
45 |
46 | &:hover
47 | color: $search-color
48 |
49 | em
50 | color: $search-keyword-highlight
51 | font-weight: bold
52 |
53 | .ais-pagination.pagination
54 | margin: .8rem 0 0
55 | padding: 0
56 | text-align: center
57 |
58 | .ais-pagination--item
59 | margin: 0 .2rem
60 | padding: 0
61 |
62 | a
63 | display: inline-block
64 | min-width: 1.2rem
65 | height: 1.2rem
66 | text-align: center
67 | line-height: 1.2rem
68 |
69 | .ais-pagination--item.current
70 | a
71 | background: $theme-paginator-color
72 | color: #eee
73 | cursor: default
74 |
75 | .algolia-logo
76 | padding-top: 2px
77 | width: 4rem
78 | height: 1.5rem
--------------------------------------------------------------------------------
/source/css/_search/dist/algolia.css:
--------------------------------------------------------------------------------
1 | #algolia-search .search-dialog {
2 | animation: titlescale 0.5s;
3 | }
4 | #algolia-search .search-dialog .ais-search-box {
5 | margin: 0 auto;
6 | max-width: 100%;
7 | width: 100%;
8 | }
9 | #algolia-search .search-dialog .ais-search-box input {
10 | padding: 0.25rem 0.7rem;
11 | outline: none;
12 | border: 2px solid $search-color;
13 | border-radius: 2rem;
14 | background: var(--search-bg);
15 | color: var(--search-input-color);
16 | }
17 | #algolia-search .search-dialog .ais-hits--item.algolia-hit-item {
18 | position: relative;
19 | padding-left: 1.2rem;
20 | }
21 | #algolia-search .search-dialog .ais-hits--item.algolia-hit-item:hover:before {
22 | border-color: $pseudo-hover;
23 | }
24 | #algolia-search .search-dialog .ais-hits--item.algolia-hit-item:before {
25 | position: absolute;
26 | top: 0.53em;
27 | left: 0;
28 | width: 0.5em;
29 | height: 0.5em;
30 | border: 0.15rem solid $search-color;
31 | border-radius: 0.5em;
32 | background: transparent;
33 | content: '';
34 | line-height: 0.5em;
35 | transition: all 0.2s ease-in-out;
36 | }
37 | #algolia-search .search-dialog .ais-hits--item.algolia-hit-item a {
38 | display: block;
39 | color: var(--search-result-title);
40 | cursor: pointer;
41 | }
42 | #algolia-search .search-dialog .ais-hits--item.algolia-hit-item a:hover {
43 | color: $search-color;
44 | }
45 | #algolia-search .search-dialog .ais-hits--item.algolia-hit-item em {
46 | color: $search-keyword-highlight;
47 | font-weight: bold;
48 | }
49 | #algolia-search .search-dialog .ais-pagination.pagination {
50 | margin: 0.8rem 0 0;
51 | padding: 0;
52 | text-align: center;
53 | }
54 | #algolia-search .search-dialog .ais-pagination.pagination .ais-pagination--item {
55 | margin: 0 0.2rem;
56 | padding: 0;
57 | }
58 | #algolia-search .search-dialog .ais-pagination.pagination .ais-pagination--item a {
59 | display: inline-block;
60 | min-width: 1.2rem;
61 | height: 1.2rem;
62 | text-align: center;
63 | line-height: 1.2rem;
64 | }
65 | #algolia-search .search-dialog .ais-pagination.pagination .ais-pagination--item.current a {
66 | background: $theme-paginator-color;
67 | color: #eee;
68 | cursor: default;
69 | }
70 | #algolia-search .search-dialog .algolia-logo {
71 | padding-top: 2px;
72 | width: 4rem;
73 | height: 1.5rem;
74 | }
75 |
--------------------------------------------------------------------------------
/source/css/_search/dist/local-search.css:
--------------------------------------------------------------------------------
1 | #local-search .search-dialog {
2 | animation: titlescale 0.5s;
3 | }
4 | #local-search .search-dialog .local-search-box {
5 | margin: 0 auto;
6 | max-width: 100%;
7 | width: 100%;
8 | }
9 | #local-search .search-dialog .local-search-box input {
10 | padding: 0.25rem 0.7rem;
11 | width: 100%;
12 | outline: none;
13 | border: 2px solid $search-color;
14 | border-radius: 2rem;
15 | background: var(--search-bg);
16 | color: var(--search-input-color);
17 | -webkit-appearance: none;
18 | }
19 | #local-search .search-dialog .local-search__hit-item {
20 | position: relative;
21 | padding-left: 1.2rem;
22 | line-height: 1.7;
23 | }
24 | #local-search .search-dialog .local-search__hit-item:hover:before {
25 | border-color: $pseudo-hover;
26 | }
27 | #local-search .search-dialog .local-search__hit-item:before {
28 | position: absolute;
29 | top: 0.45em;
30 | left: 0;
31 | width: 0.5em;
32 | height: 0.5em;
33 | border: 0.15rem solid $search-color;
34 | border-radius: 0.5em;
35 | background: transparent;
36 | content: '';
37 | line-height: 0.5em;
38 | transition: all 0.2s ease-in-out;
39 | }
40 | #local-search .search-dialog .local-search__hit-item a {
41 | display: block;
42 | color: var(--search-result-title);
43 | font-weight: 600;
44 | cursor: pointer;
45 | }
46 | #local-search .search-dialog .local-search__hit-item a:hover {
47 | color: $search-color;
48 | }
49 | #local-search .search-dialog .local-search__hit-item .search-result {
50 | margin: 0 0 0.4rem;
51 | word-break: break-all;
52 | }
53 | #local-search .search-dialog .local-search__hit-item .search-keyword {
54 | color: $search-keyword-highlight;
55 | font-weight: bold;
56 | }
57 | #local-search .search-dialog .search-result-list {
58 | overflow-y: auto;
59 | max-height: 10.5rem;
60 | maxWidth768()
61 | }
62 |
--------------------------------------------------------------------------------
/source/css/_search/index.styl:
--------------------------------------------------------------------------------
1 | .search-dialog
2 | position: fixed
3 | top: 5rem
4 | left: 50%
5 | z-index: 1001
6 | display: none
7 | margin-left: -15rem
8 | border-radius: 8px
9 | padding: 1rem
10 | width: 30rem
11 | background: var(--search-bg)
12 |
13 | +maxWidth768()
14 | top: 0
15 | left: 0
16 | margin: 0
17 | width: 100%
18 | height: 100%
19 |
20 | hr
21 | margin: 1rem auto
22 |
23 | span.search-close-button
24 | position: absolute
25 | top: .8rem
26 | right: 1rem
27 | color: $grey
28 | font-size: 1.4em
29 | line-height: 1
30 | cursor: pointer
31 | transition: color .2s ease-in-out
32 |
33 | &:hover
34 | color: $search-color
35 |
36 | &__title
37 | padding: 0 0 .7rem
38 | color: $search-color
39 | font-size: 1.4em
40 | line-height: 1
41 |
42 | #search-mask
43 | position: fixed
44 | top: 0
45 | right: 0
46 | bottom: 0
47 | left: 0
48 | z-index: 1000
49 | display: none
50 | background: rgba($dark-black, .6)
--------------------------------------------------------------------------------
/source/css/_search/local-search.styl:
--------------------------------------------------------------------------------
1 | #local-search
2 | .search-dialog
3 | animation: titlescale .5s
4 |
5 | .local-search-box
6 | margin: 0 auto
7 | max-width: 100%
8 | width: 100%
9 |
10 | input
11 | padding: .25rem .7rem
12 | width: 100%
13 | outline: none
14 | border: 2px solid $search-color
15 | border-radius: 2rem
16 | background: var(--search-bg)
17 | color: var(--search-input-color)
18 | -webkit-appearance: none
19 |
20 | .local-search__hit-item
21 | position: relative
22 | padding-left: 1.2rem
23 | line-height: 1.7
24 |
25 | &:hover
26 | &:before
27 | border-color: $pseudo-hover
28 |
29 | &:before
30 | $w = .5em
31 | position: absolute
32 | top: .45em
33 | left: 0
34 | width: w = $w
35 | height: h = w
36 | border: .15rem solid $search-color
37 | border-radius: w
38 | background: transparent
39 | content: ''
40 | line-height: h
41 | transition: all .2s ease-in-out
42 |
43 | a
44 | display: block
45 | color: var(--search-result-title)
46 | font-weight: 600
47 | cursor: pointer
48 |
49 | &:hover
50 | color: $search-color
51 |
52 | .search-result
53 | margin: 0 0 .4rem
54 | word-break: break-all
55 |
56 | .search-keyword
57 | color: $search-keyword-highlight
58 | font-weight: bold
59 |
60 | .search-result-list
61 | overflow-y: auto
62 | max-height: 10.5rem
63 |
64 | +maxWidth768()
65 | padding-bottom: 2rem
66 | max-height: 75vh !important
67 |
--------------------------------------------------------------------------------
/source/css/_tags/button.styl:
--------------------------------------------------------------------------------
1 | #article-container
2 | .btn-center
3 | margin: 0 0 1rem
4 | text-align: center
5 |
6 | .btn-beautify
7 | display: inline-block
8 | margin: 0 .2rem .3rem
9 | padding: 0 1rem
10 | background-color: $btn-default-color
11 | color: $btn-color
12 | line-height: 2
13 |
14 | i + span
15 | margin-left: .3rem
16 |
17 | &:not(.block) + .btn-beautify:not(.block)
18 | margin: 0 .2rem 1rem
19 |
20 | &.block
21 | display: block
22 | margin: 0 0 1rem
23 | width: fit-content
24 | width: -moz-fit-content
25 |
26 | &.center
27 | margin: 0 auto 1rem
28 |
29 | &.right
30 | margin: 0 0 1rem auto
31 |
32 | &.larger
33 | padding: .3rem 1.3rem
34 |
35 | &:hover
36 | text-decoration: none
37 |
38 | for $type in $tagsP-types
39 | &.{$type}
40 | background-color: lookup('$tagsP-' + $type + '-color')
41 |
42 | &.outline
43 | border: 1px solid transparent
44 | border-color: $btn-default-color
45 | background-color: transparent
46 | color: $btn-default-color
47 | transition: all .3s
48 |
49 | &.button--animated:before
50 | background: $btn-default-color
51 |
52 | &:hover
53 | color: white !important
54 |
55 | for $type in $tagsP-types
56 | &.{$type}
57 | border-color: lookup('$tagsP-' + $type + '-color')
58 | color: lookup('$tagsP-' + $type + '-color')
59 |
60 | &.button--animated:before
61 | background: lookup('$tagsP-' + $type + '-color')
62 |
--------------------------------------------------------------------------------
/source/css/_tags/dist/button.css:
--------------------------------------------------------------------------------
1 | #article-container .btn-center {
2 | margin: 0 0 1rem;
3 | text-align: center;
4 | }
5 | #article-container .btn-beautify {
6 | display: inline-block;
7 | margin: 0 0.2rem 0.3rem;
8 | padding: 0 1rem;
9 | background-color: $btn-default-color;
10 | color: $btn-color;
11 | line-height: 2;
12 | }
13 | #article-container .btn-beautify:not(.block) + .btn-beautify:not(.block) {
14 | margin: 0 0.2rem 1rem;
15 | }
16 | #article-container .btn-beautify.block {
17 | display: block;
18 | margin: 0 0 1rem;
19 | width: fit-content;
20 | width: -moz-fit-content;
21 | }
22 | #article-container .btn-beautify.block.center {
23 | margin: 0 auto 1rem;
24 | }
25 | #article-container .btn-beautify.block.right {
26 | margin: 0 0 1rem auto;
27 | }
28 | #article-container .btn-beautify.larger {
29 | padding: 0.3rem 1.3rem;
30 | }
31 | #article-container .btn-beautify:hover {
32 | text-decoration: none;
33 | }
34 | #article-container .btn-beautify.$tagsP-types {
35 | background-color: ;
36 | }
37 | #article-container .btn-beautify.outline {
38 | border: 1px solid transparent;
39 | border-color: $btn-default-color;
40 | background-color: transparent;
41 | color: $btn-default-color;
42 | transition: all 0.3s;
43 | }
44 | #article-container .btn-beautify.outline.button--animated:before {
45 | background: $btn-default-color;
46 | }
47 | #article-container .btn-beautify.outline:hover {
48 | color: #fff !important;
49 | }
50 | #article-container .btn-beautify.outline.$tagsP-types {
51 | border-color: ;
52 | color: ;
53 | }
54 | #article-container .btn-beautify.outline.$tagsP-types.button--animated:before {
55 | background: ;
56 | }
57 |
--------------------------------------------------------------------------------
/source/css/_tags/dist/hexo.css:
--------------------------------------------------------------------------------
1 | blockquote.pullquote {
2 | position: relative;
3 | max-width: 45%;
4 | font-size: 110%;
5 | }
6 | blockquote.pullquote.left {
7 | float: left;
8 | margin: 1em 0.5em 0 0;
9 | }
10 | blockquote.pullquote.right {
11 | float: right;
12 | margin: 1em 0 0 0.5rem;
13 | }
14 | .video-container {
15 | position: relative;
16 | overflow: hidden;
17 | margin-bottom: 0.8rem;
18 | padding-top: 56.25%;
19 | height: 0;
20 | }
21 | .video-container iframe {
22 | position: absolute;
23 | top: 0;
24 | left: 0;
25 | margin-top: 0;
26 | width: 100%;
27 | height: 100%;
28 | }
29 |
--------------------------------------------------------------------------------
/source/css/_tags/dist/hide.css:
--------------------------------------------------------------------------------
1 | .hide-inline > .hide-button,
2 | .hide-block > .hide-button {
3 | display: inline-block;
4 | padding: 0.3rem 1rem;
5 | background: $tag-hide-bg;
6 | color: var(--white);
7 | }
8 | .hide-inline > .hide-button.open,
9 | .hide-block > .hide-button.open {
10 | display: none;
11 | }
12 | .hide-inline > .hide-button.open + div,
13 | .hide-block > .hide-button.open + div {
14 | display: block;
15 | }
16 | .hide-inline > .hide-button.open + span,
17 | .hide-block > .hide-button.open + span {
18 | display: inline;
19 | }
20 | .hide-inline > .hide-content,
21 | .hide-block > .hide-content {
22 | display: none;
23 | }
24 | .hide-inline > .hide-button {
25 | margin: 0 0.3rem;
26 | }
27 | .hide-inline > .hide-content {
28 | margin: 0 0.3rem;
29 | }
30 | .hide-block {
31 | margin: 0 0 0.8rem;
32 | }
33 | .hide-toggle {
34 | margin-bottom: 1rem;
35 | border: 1px solid $tag-hide-toggle-bg;
36 | }
37 | .hide-toggle > .hide-button {
38 | padding: 0.3rem 0.5rem;
39 | background: $tag-hide-toggle-bg;
40 | color: #1f2d3d;
41 | cursor: pointer;
42 | }
43 | .hide-toggle > .hide-button > i {
44 | font-size: 1.2em;
45 | transition: all 0.3s;
46 | }
47 | .hide-toggle > .hide-button.open i {
48 | transform: rotate(90deg);
49 | }
50 | .hide-toggle > .hide-button.open + div {
51 | display: block;
52 | }
53 | .hide-toggle > .hide-content {
54 | display: none;
55 | margin: 1.5rem 1.2rem;
56 | }
57 |
--------------------------------------------------------------------------------
/source/css/_tags/dist/inlineImg.css:
--------------------------------------------------------------------------------
1 | #article-container .inline-img {
2 | display: inline;
3 | margin: 0 3px;
4 | height: 1.1em;
5 | vertical-align: text-bottom;
6 | }
7 |
--------------------------------------------------------------------------------
/source/css/_tags/dist/tabs.css:
--------------------------------------------------------------------------------
1 | #article-container .tabs {
2 | position: relative;
3 | margin: 0 0 1rem;
4 | border-right: 1px solid var(--tab-border-color);
5 | border-bottom: 1px solid var(--tab-border-color);
6 | border-left: 1px solid var(--tab-border-color);
7 | }
8 | #article-container .tabs > .nav-tabs {
9 | display: flex;
10 | flex-wrap: wrap;
11 | margin: 0;
12 | padding: 0;
13 | background: var(--tab-botton-bg);
14 | }
15 | #article-container .tabs > .nav-tabs > .tab {
16 | margin: 0;
17 | padding: 0;
18 | list-style: none;
19 | maxWidth768()
20 | }
21 | #article-container .tabs > .nav-tabs > .tab button {
22 | display: block;
23 | padding: 0.5rem 1rem;
24 | width: 100%;
25 | border-top: 2px solid var(--tab-border-color);
26 | background: var(--tab-botton-bg);
27 | color: var(--tab-botton-color);
28 | line-height: 2;
29 | transition: all 0.4s;
30 | }
31 | #article-container .tabs > .nav-tabs > .tab button i {
32 | width: 1.5em;
33 | }
34 | #article-container .tabs > .nav-tabs > .tab.active button {
35 | border-top: 2px solid $tab-active-border-color;
36 | background: var(--tab-button-active-bg);
37 | cursor: default;
38 | }
39 | #article-container .tabs > .nav-tabs > .tab:not(.active) button:hover {
40 | border-top: 2px solid var(--tab-button-hover-bg);
41 | background: var(--tab-button-hover-bg);
42 | }
43 | #article-container .tabs > .tab-contents .tab-item-content {
44 | position: relative;
45 | display: none;
46 | padding: 1.8rem 1.2rem;
47 | maxWidth768()
48 | }
49 | #article-container .tabs > .tab-contents .tab-item-content.active {
50 | display: block;
51 | animation: tabshow 0.5s;
52 | }
53 | #article-container .tabs .tab-to-top {
54 | position: relative;
55 | display: block;
56 | margin: 0 0 0 auto;
57 | color: $tab-to-top-color;
58 | }
59 | @-moz-keyframes tabshow {
60 | 0% {
61 | transform: translateY(15px);
62 | }
63 | 100% {
64 | transform: translateY(0);
65 | }
66 | }
67 | @-webkit-keyframes tabshow {
68 | 0% {
69 | transform: translateY(15px);
70 | }
71 | 100% {
72 | transform: translateY(0);
73 | }
74 | }
75 | @-o-keyframes tabshow {
76 | 0% {
77 | transform: translateY(15px);
78 | }
79 | 100% {
80 | transform: translateY(0);
81 | }
82 | }
83 | @keyframes tabshow {
84 | 0% {
85 | transform: translateY(15px);
86 | }
87 | 100% {
88 | transform: translateY(0);
89 | }
90 | }
91 |
--------------------------------------------------------------------------------
/source/css/_tags/gallery.styl:
--------------------------------------------------------------------------------
1 | figure.gallery-group
2 | position: relative
3 | float: left
4 | overflow: hidden
5 | margin: 1rem 0.6rem
6 | width: calc(33% - 1.2rem)
7 | height: 250px
8 | border-radius: 4px
9 | background: $dark-black
10 | -webkit-transform: translate3d(0, 0, 0)
11 |
12 | +maxWidth600()
13 | width: calc(100% - .8rem)
14 | margin: 1rem 0.4rem
15 |
16 | &:hover
17 | img
18 | opacity: .6
19 | transform: translate3d(0, 0, 0)
20 |
21 | .gallery-group-name::after
22 | transform: translate3d(0, 0, 0)
23 |
24 | p
25 | opacity: 1
26 | transform: translate3d(0, 0, 0)
27 |
28 | img
29 | position: relative
30 | margin: 0 !important
31 | max-width: none
32 | width: calc(100% + 20px)
33 | height: 280px
34 | backface-visibility: hidden
35 | opacity: .8
36 | transition: opacity .35s, transform .35s
37 | transform: translate3d(-10px, 0, 0)
38 | object-fit: cover
39 |
40 | figcaption
41 | position: absolute
42 | top: 0
43 | left: 0
44 | padding: 1.5rem
45 | width: 100%
46 | height: 100%
47 | color: $gallery-color
48 | text-transform: uppercase
49 | backface-visibility: hidden
50 |
51 | & > a
52 | position: absolute
53 | top: 0
54 | right: 0
55 | bottom: 0
56 | left: 0
57 | z-index: 1000
58 | opacity: 0
59 |
60 | p
61 | @extend .limit-more-line
62 | margin: 0
63 | padding: .4rem 0 0
64 | letter-spacing: 1px
65 | font-size: 1.1em
66 | line-height: 1.5
67 | opacity: 0
68 | transition: opacity .35s, transform .35s
69 | transform: translate3d(100%, 0, 0)
70 | -webkit-line-clamp: 4
71 |
72 | .gallery-group-name
73 | @extend .limit-more-line
74 | position: relative
75 | margin: 0
76 | padding: .4rem 0
77 | font-weight: bold
78 | font-size: 1.65em
79 | line-height: 1.5
80 | -webkit-line-clamp: 2
81 |
82 | &:after
83 | position: absolute
84 | bottom: 0
85 | left: 0
86 | width: 100%
87 | height: 2px
88 | background: $gallery-color
89 | content: ''
90 | transition: transform .35s
91 | transform: translate3d(-100%, 0, 0)
92 |
93 | .dashboard-group-main
94 | overflow: auto
95 | padding: 0 0 .8rem
96 |
97 | .justified-gallery
98 | margin: 0 0 .8rem
99 |
100 | img
101 | opacity: 0
102 | border-radius: 2px
103 |
104 | .img-alt
105 | display: none
106 |
107 | .fancybox
108 | width: auto
109 | text-align: inherit
--------------------------------------------------------------------------------
/source/css/_tags/hexo.styl:
--------------------------------------------------------------------------------
1 | // pullquote
2 | blockquote
3 | &.pullquote
4 | position: relative
5 | max-width: 45%
6 | font-size: 110%
7 |
8 | &.left
9 | float: left
10 | margin: 1em .5em 0 0
11 |
12 | &.right
13 | float: right
14 | margin: 1em 0 0 .5rem
15 |
16 | // hexo tag video
17 | .video-container
18 | position: relative
19 | overflow: hidden
20 | margin-bottom: .8rem
21 | padding-top: 56.25%
22 | height: 0
23 |
24 | iframe
25 | position: absolute
26 | top: 0
27 | left: 0
28 | margin-top: 0
29 | width: 100%
30 | height: 100%
31 |
--------------------------------------------------------------------------------
/source/css/_tags/hide.styl:
--------------------------------------------------------------------------------
1 | // tag-hide
2 | .hide-inline,
3 | .hide-block
4 | & > .hide-button
5 | display: inline-block
6 | padding: .3rem 1rem
7 | background: $tag-hide-bg
8 | color: var(--white)
9 |
10 | &.open
11 | display: none
12 |
13 | & + div
14 | display: block
15 |
16 | & + span
17 | display: inline
18 |
19 | & > .hide-content
20 | display: none
21 |
22 | .hide-inline
23 | & > .hide-button
24 | margin: 0 .3rem
25 |
26 | & > .hide-content
27 | margin: 0 .3rem
28 |
29 | .hide-block
30 | margin: 0 0 .8rem
31 |
32 | .hide-toggle
33 | margin-bottom: 1rem
34 | border: 1px solid $tag-hide-toggle-bg
35 |
36 | & > .hide-button
37 | padding: .3rem .5rem
38 | background: $tag-hide-toggle-bg
39 | color: #1F2D3D
40 | cursor: pointer
41 |
42 | & > i
43 | font-size: 1.2em
44 | transition: all .3s
45 |
46 | &.open
47 | i
48 | transform: rotate(90deg)
49 |
50 | & + div
51 | display: block
52 |
53 | & > .hide-content
54 | display: none
55 | margin: 1.5rem 1.2rem
56 |
--------------------------------------------------------------------------------
/source/css/_tags/inlineImg.styl:
--------------------------------------------------------------------------------
1 | #article-container
2 | .inline-img
3 | display: inline
4 | margin: 0 3px
5 | height: 1.1em
6 | vertical-align: text-bottom
--------------------------------------------------------------------------------
/source/css/_tags/label.styl:
--------------------------------------------------------------------------------
1 | .hl-label
2 | padding: 2px 4px
3 | border-radius: 3px
4 | color: $btn-color
5 |
6 | &.default
7 | background-color: $btn-default-color
8 |
9 | for $type in $tagsP-types
10 | &.{$type}
11 | background-color: lookup('$tagsP-' + $type + '-color')
--------------------------------------------------------------------------------
/source/css/_tags/tabs.styl:
--------------------------------------------------------------------------------
1 |
2 | #article-container
3 | .tabs
4 | position: relative
5 | margin: 0 0 1rem
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 |
10 | > .nav-tabs
11 | display: flex
12 | flex-wrap: wrap
13 | margin: 0
14 | padding: 0
15 | background: var(--tab-botton-bg)
16 |
17 | > .tab
18 | margin: 0
19 | padding: 0
20 | list-style: none
21 |
22 | +maxWidth768()
23 | flex-grow: 1
24 |
25 | button
26 | display: block
27 | padding: .5rem 1rem
28 | width: 100%
29 | border-top: 2px solid var(--tab-border-color)
30 | background: var(--tab-botton-bg)
31 | color: var(--tab-botton-color)
32 | line-height: 2
33 | transition: all .4s
34 |
35 | i
36 | width: 1.5em
37 |
38 | &.active
39 | button
40 | border-top: 2px solid $tab-active-border-color
41 | background: var(--tab-button-active-bg)
42 | cursor: default
43 |
44 | &:not(.active)
45 | button
46 | &:hover
47 | border-top: 2px solid var(--tab-button-hover-bg)
48 | background: var(--tab-button-hover-bg)
49 |
50 | > .tab-contents
51 | .tab-item-content
52 | position: relative
53 | display: none
54 | padding: 1.8rem 1.2rem
55 |
56 | +maxWidth768()
57 | padding: 1.2rem .7rem
58 |
59 | &.active
60 | display: block
61 | animation: tabshow .5s
62 |
63 | .tab-to-top
64 | position: relative
65 | display: block
66 | margin: 0 0 0 auto
67 | color: $tab-to-top-color
68 |
69 | @keyframes tabshow
70 | 0%
71 | transform: translateY(15px)
72 |
73 | 100%
74 | transform: translateY(0)
75 |
--------------------------------------------------------------------------------
/source/css/index.styl:
--------------------------------------------------------------------------------
1 | if hexo-config('css_prefix')
2 | @import 'nib'
3 |
4 | @import '_third-party/normalize.min.css'
5 | // project
6 | @import 'var'
7 | @import '_global/*'
8 | @import '_highlight/highlight'
9 | @import '_page/*'
10 | @import '_layout/*'
11 | @import '_tags/*'
12 | @import '_mode/*'
13 | @import '_revision/*'
14 |
15 | // search
16 | if hexo-config('algolia_search.enable')
17 | @import '_search/index'
18 | @import '_search/algolia'
19 |
20 | if hexo-config('local_search') && hexo-config('local_search.enable')
21 | @import '_search/index'
22 | @import '_search/local-search'
23 |
--------------------------------------------------------------------------------
/source/css/things/sortable.min.css:
--------------------------------------------------------------------------------
1 | .sjs-default {
2 | position: relative;
3 | padding: 0;
4 | margin: 0;
5 | opacity: 0;
6 | transition: height .2s ease-out, opacity .2s ease-out .2s
7 | }
8 |
9 | [data-sjsel] {
10 | opacity: 0;
11 | position: absolute;
12 | top: 0;
13 | left: 0;
14 | transition: -webkit-transform .2s ease-out;
15 | transition: transform .2s ease-out;
16 | transition: transform .2s ease-out, -webkit-transform .2s ease-out
17 | }
18 |
--------------------------------------------------------------------------------
/source/css/things/things.styl:
--------------------------------------------------------------------------------
1 |
2 | #things.container
3 | width: 100%;
4 | margin: 0 auto;
5 | ol,
6 | ul
7 | list-style: none;
8 | margin: 0;
9 | padding: 0;
10 | .wrapper
11 | padding: 0;
12 | .card
13 | overflow: hidden;
14 | border-radius: 8px;
15 | width: 100%;
16 | background-color: var(--card-bg);
17 | -webkit-backdrop-filter: blur(5px);
18 | backdrop-filter: blur(5px);
19 | height: 14rem;
20 | padding: 1rem
21 | box-shadow: var(--card-box-shadow)
22 | border-style: solid;
23 | border-width: 0.0001px;
24 | border-color: rgba(255, 227, 230, 0.06);
25 | &:hover
26 | box-shadow: var(--card-hover-box-shadow)
27 | .card__picture
28 | display: inline-block;
29 | border: .2px rgba(0, 0, 0, .2)
30 | height: 100%;
31 | border-radius: 6px;
32 | width: 50%;
33 | object-fit: cover;
34 | margin-right: 1rem
35 |
36 | .card-infos
37 | display: inline-block;
38 | position: absolute
39 | top: 0
40 | width: 40%;
41 | height: 100%;
42 | .dropped
43 | text-decoration-line: line-through
44 | .card__title
45 | font-size: 1rem;
46 | font-weight: 60;
47 | .card__text
48 | font-size: .6rem;
49 | font-weight: 300;
50 | // display: inline;
51 | .state
52 | position: absolute
53 | bottom: .5rem
54 | right: 0
55 | opacity : .8
56 | color: #7f8c8d
57 | opacity : .4
58 | font-size: .6rem;
59 | display: inline
60 | .test-post
61 | margin-left: 1rem
62 | cursor: not-allowed
63 | &.got
64 | i
65 | color: #f39c12
66 | .test-post
67 | cursor: pointer
68 | opacity: 1
69 | .sortable__nav
70 | display: flex;
71 | justify-content: center;
72 | margin-bottom: 30px;
73 | font-size: .7rem;
74 | .nav__link
75 | padding: 0 8px 0 6px;
76 | margin: 0 20px;
77 | cursor: pointer
78 | // font-weight: 300;
79 | display: inline-block;
80 | .nav__link.is-active
81 | // background: rgba(150, 150, 150, .2)
82 | border-bottom: 2px solid rgba(150, 150, 150, .6);
83 |
84 |
85 |
86 |
87 |
--------------------------------------------------------------------------------
/source/css/things/weibo.css:
--------------------------------------------------------------------------------
1 | #twikoo {
2 | margin-top: -2.5rem;
3 | }
4 | .tk-comments .tk-submit {
5 | display: none;
6 | }
7 | .tk-comments .tk-submit .tk-row .tk-avatar {
8 | display: none;
9 | }
10 | .tk-comments-container {
11 | padding-left: 1rem;
12 | border-left: solid 2px rgba(189,195,199,0.2);
13 | }
14 | .tk-comments-container .tk-comments-count {
15 | opacity: 0.4;
16 | }
17 | .tk-comments-container .tk-comment {
18 | border-left: none;
19 | }
20 | .tk-comments-container .tk-comment .tk-avatar {
21 | display: none;
22 | }
23 | .tk-comments-container .tk-comment .tk-main {
24 | position: relative;
25 | }
26 | .tk-comments-container .tk-comment .tk-main:before {
27 | position: absolute;
28 | content: "•";
29 | color: rgba(189,195,199,0.8);
30 | font-size: 3rem;
31 | left: -2rem;
32 | top: 0.5rem;
33 | line-height: 0;
34 | }
35 | .tk-comments-container .tk-comment .tk-main:hover:before {
36 | -webkit-text-stroke: 4px var(--font-color);
37 | /* width and color */
38 | text-stroke: 4px var(--font-color);
39 | }
40 | .tk-comments-container .tk-comment .tk-main:hover .tk-row {
41 | opacity: 1;
42 | }
43 | .tk-comments-container .tk-comment .tk-main .tk-row .tk-nick {
44 | display: none;
45 | }
46 | .tk-comments-container .tk-comment .tk-main .tk-row .tk-tag-green {
47 | display: none;
48 | }
49 | .tk-comments-container .tk-comment .tk-main .tk-row .tk-tag {
50 | border: none;
51 | background: none;
52 | }
53 | .tk-comments-container .tk-comment .tk-main .tk-extras {
54 | display: none;
55 | }
56 | .tk-comments-container .tk-comment .tk-main .tk-submit {
57 | display: flex;
58 | }
59 | .tk-comments-container .tk-comment .tk-main .tk-submit .tk-row .tk-avatar {
60 | display: flex;
61 | }
--------------------------------------------------------------------------------
/source/img/3dIcon/icon_basket-1.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/kp-z/hexo-theme-unicorn/3032e5fbe6f009137b3e404fa67c36dfe139534f/source/img/3dIcon/icon_basket-1.png
--------------------------------------------------------------------------------
/source/img/3dIcon/icon_basket-2.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/kp-z/hexo-theme-unicorn/3032e5fbe6f009137b3e404fa67c36dfe139534f/source/img/3dIcon/icon_basket-2.png
--------------------------------------------------------------------------------
/source/img/3dIcon/icon_basket-3.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/kp-z/hexo-theme-unicorn/3032e5fbe6f009137b3e404fa67c36dfe139534f/source/img/3dIcon/icon_basket-3.png
--------------------------------------------------------------------------------
/source/img/3dIcon/icon_basket.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/kp-z/hexo-theme-unicorn/3032e5fbe6f009137b3e404fa67c36dfe139534f/source/img/3dIcon/icon_basket.png
--------------------------------------------------------------------------------
/source/img/3dIcon/icon_delete.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/kp-z/hexo-theme-unicorn/3032e5fbe6f009137b3e404fa67c36dfe139534f/source/img/3dIcon/icon_delete.png
--------------------------------------------------------------------------------
/source/img/3dIcon/icon_download.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/kp-z/hexo-theme-unicorn/3032e5fbe6f009137b3e404fa67c36dfe139534f/source/img/3dIcon/icon_download.png
--------------------------------------------------------------------------------
/source/img/3dIcon/icon_mail.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/kp-z/hexo-theme-unicorn/3032e5fbe6f009137b3e404fa67c36dfe139534f/source/img/3dIcon/icon_mail.png
--------------------------------------------------------------------------------
/source/img/3dIcon/icon_plus.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/kp-z/hexo-theme-unicorn/3032e5fbe6f009137b3e404fa67c36dfe139534f/source/img/3dIcon/icon_plus.png
--------------------------------------------------------------------------------
/source/img/3dIcon/icon_wechat.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/kp-z/hexo-theme-unicorn/3032e5fbe6f009137b3e404fa67c36dfe139534f/source/img/3dIcon/icon_wechat.png
--------------------------------------------------------------------------------
/source/img/3dIcon/icon_works.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/kp-z/hexo-theme-unicorn/3032e5fbe6f009137b3e404fa67c36dfe139534f/source/img/3dIcon/icon_works.png
--------------------------------------------------------------------------------
/source/img/3dIcon/objects/Basketball Color.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/kp-z/hexo-theme-unicorn/3032e5fbe6f009137b3e404fa67c36dfe139534f/source/img/3dIcon/objects/Basketball Color.png
--------------------------------------------------------------------------------
/source/img/3dIcon/objects/Chair.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/kp-z/hexo-theme-unicorn/3032e5fbe6f009137b3e404fa67c36dfe139534f/source/img/3dIcon/objects/Chair.png
--------------------------------------------------------------------------------
/source/img/3dIcon/objects/Cloud.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/kp-z/hexo-theme-unicorn/3032e5fbe6f009137b3e404fa67c36dfe139534f/source/img/3dIcon/objects/Cloud.png
--------------------------------------------------------------------------------
/source/img/3dIcon/objects/Desktop.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/kp-z/hexo-theme-unicorn/3032e5fbe6f009137b3e404fa67c36dfe139534f/source/img/3dIcon/objects/Desktop.png
--------------------------------------------------------------------------------
/source/img/3dIcon/objects/Plant 1.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/kp-z/hexo-theme-unicorn/3032e5fbe6f009137b3e404fa67c36dfe139534f/source/img/3dIcon/objects/Plant 1.png
--------------------------------------------------------------------------------
/source/img/3dIcon/objects/Plant 2.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/kp-z/hexo-theme-unicorn/3032e5fbe6f009137b3e404fa67c36dfe139534f/source/img/3dIcon/objects/Plant 2.png
--------------------------------------------------------------------------------
/source/img/3dIcon/objects/Weight Color.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/kp-z/hexo-theme-unicorn/3032e5fbe6f009137b3e404fa67c36dfe139534f/source/img/3dIcon/objects/Weight Color.png
--------------------------------------------------------------------------------
/source/img/3dIcon/objects/bucket a.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/kp-z/hexo-theme-unicorn/3032e5fbe6f009137b3e404fa67c36dfe139534f/source/img/3dIcon/objects/bucket a.png
--------------------------------------------------------------------------------
/source/img/3dIcon/objects/cam 1.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/kp-z/hexo-theme-unicorn/3032e5fbe6f009137b3e404fa67c36dfe139534f/source/img/3dIcon/objects/cam 1.png
--------------------------------------------------------------------------------
/source/img/3dIcon/objects/cube a.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/kp-z/hexo-theme-unicorn/3032e5fbe6f009137b3e404fa67c36dfe139534f/source/img/3dIcon/objects/cube a.png
--------------------------------------------------------------------------------
/source/img/3dIcon/objects/gamepad.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/kp-z/hexo-theme-unicorn/3032e5fbe6f009137b3e404fa67c36dfe139534f/source/img/3dIcon/objects/gamepad.png
--------------------------------------------------------------------------------
/source/img/3dIcon/objects/red book 2.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/kp-z/hexo-theme-unicorn/3032e5fbe6f009137b3e404fa67c36dfe139534f/source/img/3dIcon/objects/red book 2.png
--------------------------------------------------------------------------------
/source/img/3dIcon/objects/rocket.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/kp-z/hexo-theme-unicorn/3032e5fbe6f009137b3e404fa67c36dfe139534f/source/img/3dIcon/objects/rocket.png
--------------------------------------------------------------------------------
/source/img/3dIcon/objects/speaker a.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/kp-z/hexo-theme-unicorn/3032e5fbe6f009137b3e404fa67c36dfe139534f/source/img/3dIcon/objects/speaker a.png
--------------------------------------------------------------------------------
/source/img/404.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/kp-z/hexo-theme-unicorn/3032e5fbe6f009137b3e404fa67c36dfe139534f/source/img/404.jpg
--------------------------------------------------------------------------------
/source/img/alipay.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/kp-z/hexo-theme-unicorn/3032e5fbe6f009137b3e404fa67c36dfe139534f/source/img/alipay.jpg
--------------------------------------------------------------------------------
/source/img/avator.JPG:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/kp-z/hexo-theme-unicorn/3032e5fbe6f009137b3e404fa67c36dfe139534f/source/img/avator.JPG
--------------------------------------------------------------------------------
/source/img/bg/bg-1.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/kp-z/hexo-theme-unicorn/3032e5fbe6f009137b3e404fa67c36dfe139534f/source/img/bg/bg-1.jpg
--------------------------------------------------------------------------------
/source/img/bg/bg-2.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/kp-z/hexo-theme-unicorn/3032e5fbe6f009137b3e404fa67c36dfe139534f/source/img/bg/bg-2.jpg
--------------------------------------------------------------------------------
/source/img/bg/bg-3.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/kp-z/hexo-theme-unicorn/3032e5fbe6f009137b3e404fa67c36dfe139534f/source/img/bg/bg-3.jpg
--------------------------------------------------------------------------------
/source/img/bg/bg-4.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/kp-z/hexo-theme-unicorn/3032e5fbe6f009137b3e404fa67c36dfe139534f/source/img/bg/bg-4.jpg
--------------------------------------------------------------------------------
/source/img/bg/bg-5.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/kp-z/hexo-theme-unicorn/3032e5fbe6f009137b3e404fa67c36dfe139534f/source/img/bg/bg-5.jpg
--------------------------------------------------------------------------------
/source/img/cube-logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/kp-z/hexo-theme-unicorn/3032e5fbe6f009137b3e404fa67c36dfe139534f/source/img/cube-logo.png
--------------------------------------------------------------------------------
/source/img/curioso/1.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/kp-z/hexo-theme-unicorn/3032e5fbe6f009137b3e404fa67c36dfe139534f/source/img/curioso/1.jpg
--------------------------------------------------------------------------------
/source/img/curioso/10.JPG:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/kp-z/hexo-theme-unicorn/3032e5fbe6f009137b3e404fa67c36dfe139534f/source/img/curioso/10.JPG
--------------------------------------------------------------------------------
/source/img/curioso/11.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/kp-z/hexo-theme-unicorn/3032e5fbe6f009137b3e404fa67c36dfe139534f/source/img/curioso/11.jpg
--------------------------------------------------------------------------------
/source/img/curioso/12.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/kp-z/hexo-theme-unicorn/3032e5fbe6f009137b3e404fa67c36dfe139534f/source/img/curioso/12.jpg
--------------------------------------------------------------------------------
/source/img/curioso/2.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/kp-z/hexo-theme-unicorn/3032e5fbe6f009137b3e404fa67c36dfe139534f/source/img/curioso/2.jpg
--------------------------------------------------------------------------------
/source/img/curioso/3.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/kp-z/hexo-theme-unicorn/3032e5fbe6f009137b3e404fa67c36dfe139534f/source/img/curioso/3.jpg
--------------------------------------------------------------------------------
/source/img/curioso/4.JPG:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/kp-z/hexo-theme-unicorn/3032e5fbe6f009137b3e404fa67c36dfe139534f/source/img/curioso/4.JPG
--------------------------------------------------------------------------------
/source/img/curioso/5.JPG:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/kp-z/hexo-theme-unicorn/3032e5fbe6f009137b3e404fa67c36dfe139534f/source/img/curioso/5.JPG
--------------------------------------------------------------------------------
/source/img/curioso/6.JPG:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/kp-z/hexo-theme-unicorn/3032e5fbe6f009137b3e404fa67c36dfe139534f/source/img/curioso/6.JPG
--------------------------------------------------------------------------------
/source/img/curioso/7.JPG:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/kp-z/hexo-theme-unicorn/3032e5fbe6f009137b3e404fa67c36dfe139534f/source/img/curioso/7.JPG
--------------------------------------------------------------------------------
/source/img/curioso/8.JPG:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/kp-z/hexo-theme-unicorn/3032e5fbe6f009137b3e404fa67c36dfe139534f/source/img/curioso/8.JPG
--------------------------------------------------------------------------------
/source/img/curioso/9.JPG:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/kp-z/hexo-theme-unicorn/3032e5fbe6f009137b3e404fa67c36dfe139534f/source/img/curioso/9.JPG
--------------------------------------------------------------------------------
/source/img/favicon.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/kp-z/hexo-theme-unicorn/3032e5fbe6f009137b3e404fa67c36dfe139534f/source/img/favicon.png
--------------------------------------------------------------------------------
/source/img/friend_404.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/kp-z/hexo-theme-unicorn/3032e5fbe6f009137b3e404fa67c36dfe139534f/source/img/friend_404.gif
--------------------------------------------------------------------------------
/source/img/index-1.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/kp-z/hexo-theme-unicorn/3032e5fbe6f009137b3e404fa67c36dfe139534f/source/img/index-1.jpg
--------------------------------------------------------------------------------
/source/img/kp-logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/kp-z/hexo-theme-unicorn/3032e5fbe6f009137b3e404fa67c36dfe139534f/source/img/kp-logo.png
--------------------------------------------------------------------------------
/source/img/logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/kp-z/hexo-theme-unicorn/3032e5fbe6f009137b3e404fa67c36dfe139534f/source/img/logo.png
--------------------------------------------------------------------------------
/source/img/paypal.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/kp-z/hexo-theme-unicorn/3032e5fbe6f009137b3e404fa67c36dfe139534f/source/img/paypal.jpg
--------------------------------------------------------------------------------
/source/img/posts-img/16907/blog.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/kp-z/hexo-theme-unicorn/3032e5fbe6f009137b3e404fa67c36dfe139534f/source/img/posts-img/16907/blog.png
--------------------------------------------------------------------------------
/source/img/posts-img/16907/index.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/kp-z/hexo-theme-unicorn/3032e5fbe6f009137b3e404fa67c36dfe139534f/source/img/posts-img/16907/index.png
--------------------------------------------------------------------------------
/source/img/posts-img/16907/media.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/kp-z/hexo-theme-unicorn/3032e5fbe6f009137b3e404fa67c36dfe139534f/source/img/posts-img/16907/media.png
--------------------------------------------------------------------------------
/source/img/posts-img/16907/profile.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/kp-z/hexo-theme-unicorn/3032e5fbe6f009137b3e404fa67c36dfe139534f/source/img/posts-img/16907/profile.png
--------------------------------------------------------------------------------
/source/img/pwa/icon-128x128.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/kp-z/hexo-theme-unicorn/3032e5fbe6f009137b3e404fa67c36dfe139534f/source/img/pwa/icon-128x128.png
--------------------------------------------------------------------------------
/source/img/pwa/icon-144x144.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/kp-z/hexo-theme-unicorn/3032e5fbe6f009137b3e404fa67c36dfe139534f/source/img/pwa/icon-144x144.png
--------------------------------------------------------------------------------
/source/img/pwa/icon-152x152.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/kp-z/hexo-theme-unicorn/3032e5fbe6f009137b3e404fa67c36dfe139534f/source/img/pwa/icon-152x152.png
--------------------------------------------------------------------------------
/source/img/pwa/icon-192x192.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/kp-z/hexo-theme-unicorn/3032e5fbe6f009137b3e404fa67c36dfe139534f/source/img/pwa/icon-192x192.png
--------------------------------------------------------------------------------
/source/img/pwa/icon-256x256.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/kp-z/hexo-theme-unicorn/3032e5fbe6f009137b3e404fa67c36dfe139534f/source/img/pwa/icon-256x256.png
--------------------------------------------------------------------------------
/source/img/pwa/icon-384x384.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/kp-z/hexo-theme-unicorn/3032e5fbe6f009137b3e404fa67c36dfe139534f/source/img/pwa/icon-384x384.png
--------------------------------------------------------------------------------
/source/img/pwa/icon-512x512.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/kp-z/hexo-theme-unicorn/3032e5fbe6f009137b3e404fa67c36dfe139534f/source/img/pwa/icon-512x512.png
--------------------------------------------------------------------------------
/source/img/pwa/icon-72x72.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/kp-z/hexo-theme-unicorn/3032e5fbe6f009137b3e404fa67c36dfe139534f/source/img/pwa/icon-72x72.png
--------------------------------------------------------------------------------
/source/img/pwa/icon-96x96.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/kp-z/hexo-theme-unicorn/3032e5fbe6f009137b3e404fa67c36dfe139534f/source/img/pwa/icon-96x96.png
--------------------------------------------------------------------------------
/source/img/random.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/source/img/ring-logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/kp-z/hexo-theme-unicorn/3032e5fbe6f009137b3e404fa67c36dfe139534f/source/img/ring-logo.png
--------------------------------------------------------------------------------
/source/img/store.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/kp-z/hexo-theme-unicorn/3032e5fbe6f009137b3e404fa67c36dfe139534f/source/img/store.png
--------------------------------------------------------------------------------
/source/img/wechat.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/kp-z/hexo-theme-unicorn/3032e5fbe6f009137b3e404fa67c36dfe139534f/source/img/wechat.jpg
--------------------------------------------------------------------------------
/source/js/bg-music.js:
--------------------------------------------------------------------------------
1 | function bgMusic() {
2 | var player = $("#bg-music")[0];
3 | // if(player.paused)
4 | if (player.paused) {
5 | /*如果已经暂停*/
6 | player.play(); /*播放*/
7 | $("#background-music").html("")
8 | } else {
9 | player.pause(); /*暂停*/
10 | $("#background-music").html("")
11 | }
12 |
13 | }
14 | // var bgMusic = document.createElement("audio");
15 | // document.body.appendChild(bgMusic);
16 | // bgMusic.setAttribute("id","bg-music");
17 | // bgMusic.setAttribute("class","no-destroy");
18 | // bgMusic.setAttribute("src","https://img-1253324855.cos.ap-chengdu.myqcloud.com/music/CharlesTheFirst%20-%20Crunksauce%20Vol%20IV%20-%2001%20All%20Ways.mp3")
19 |
20 | var player = $("#bg-music")[0];
21 | // if(player.paused)
22 | if (player.paused) {
23 | /*如果已经暂停*/
24 | $("#background-music").html("")
25 | } else {
26 | $("#background-music").html("")
27 | }
28 |
29 |
--------------------------------------------------------------------------------
/source/js/carousel.js:
--------------------------------------------------------------------------------
1 | var slideIndex = 1;
2 | showSlides(slideIndex)
3 | var h = window.innerHeight * 1.2;
4 | document.getElementById('sketchfab-model').style.height = h + 'px';
5 | console.log(h);
6 |
7 | function plusSlides(n) {
8 | showSlides(slideIndex += n);
9 | }
10 |
11 | // Thumbnail image controls
12 | function currentSlide(n) {
13 | showSlides(slideIndex = n);
14 | }
15 | function showSlides(n) {
16 | var i;
17 | var slides = document.getElementsByClassName("carousel-box");
18 | var dots = document.getElementsByClassName("carousel-dot");
19 | if (n > slides.length) {slideIndex = 1}
20 | if (n < 1) {slideIndex = slides.length}
21 | for (i = 0; i < slides.length; i++) {
22 | slides[i].style.display = "none";
23 | }
24 | for (i = 0; i < dots.length; i++) {
25 | dots[i].className = dots[i].className.replace(" active", "");
26 | }
27 | slides[slideIndex-1].style.display = "block";
28 | dots[slideIndex-1].className += " active";
29 | }
30 |
31 | var iframe = document.getElementById( 'sketchfab-model' );
32 | var uid = '25e0e77ab56140be9fa6cb65cb4de96f';
33 |
34 | // By default, the latest version of the viewer API will be used.
35 | var client = new Sketchfab( iframe );
36 |
37 | // Alternatively, you can request a specific version.
38 | // var client = new Sketchfab( '1.10.1', iframe );
39 |
40 | client.init( uid, {
41 | success: function onSuccess( api ){
42 | api.start();
43 | api.addEventListener( 'viewerready', function() {
44 |
45 | // API is ready to use
46 | // Insert your code here
47 | console.log( 'Viewer is ready' );
48 | api.setFov(10, function(err, angle) {
49 | if (!err) {
50 | window.console.log('FOV set to', angle); // 45
51 | }
52 | });
53 |
54 | api.getCameraLookAt(function(err, camera) {
55 | window.console.log(camera.position); // [x, y, z]
56 | window.console.log(camera.target); // [x, y, z]
57 | });
58 | api.setCameraLookAt([50, -50, 2], [0, -2.5, 11], function(err) {
59 | if (!err) {
60 | window.console.log('Camera moved');
61 | }
62 | });
63 | } );
64 |
65 | },
66 | error: function onError() {
67 | console.log( 'Viewer error' );
68 | }
69 | } );
--------------------------------------------------------------------------------
/source/js/chart/heatmap.js:
--------------------------------------------------------------------------------
1 | var chartDom = document.getElementById('heatmap');
2 | var myChart = echarts.init(chartDom);
3 | var option;
4 | function getVirtulData(year) {
5 | year = year || '2021';
6 | var date = +echarts.number.parseDate(year + '-01-01');
7 | var end = +echarts.number.parseDate(year + '-12-31');
8 | var dayTime = 3600 * 24 * 1000;
9 | var data = [];
10 | for (var time = date; time <= end; time += dayTime) {
11 | data.push([
12 | echarts.format.formatTime('yyyy-MM-dd', time),
13 | Math.floor(Math.random() * 10000)
14 | ]);
15 | }
16 | return data;
17 | }
18 |
19 | option = {
20 | visualMap: {
21 | show: false,
22 | min: 0,
23 | max: 10000,
24 | color: ['#d7d8da','#8ace57','#02b340','#296939','#2d5131']
25 | },
26 | calendar: {
27 | top:15,
28 | left:15,
29 | range: '2021',
30 | cellSize: ['auto', 12],
31 |
32 | dayLabel: {
33 | fontSize: 6,
34 | nameMap: ['一', '', '三', '', '五', '','日'],
35 | margin: '8'
36 | },
37 | monthLabel:{
38 | fontSize:6,
39 | nameMap: ['一月', '', '', '', '五月', '','','八月','','','','十二'],
40 | },
41 | yearLabel:{
42 | show: false,
43 | position: 'bottom',
44 | },
45 | splitLine: {
46 | show: false
47 | },
48 | itemStyle: {
49 | borderRadius: 10,
50 | borderColor: 'rgba(0,0,0, 0)',
51 | borderWidth: 3,
52 | borderType: 'solid',
53 | color:'rgba(255,255,255,0.4)',
54 |
55 |
56 | }
57 | },
58 | series: {
59 | type: 'heatmap',
60 | coordinateSystem: 'calendar',
61 | data: getVirtulData(2021)
62 | }
63 | };
64 | option && myChart.setOption(option);
--------------------------------------------------------------------------------
/source/js/chart/map.js:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/kp-z/hexo-theme-unicorn/3032e5fbe6f009137b3e404fa67c36dfe139534f/source/js/chart/map.js
--------------------------------------------------------------------------------
/source/js/things/things.js:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/kp-z/hexo-theme-unicorn/3032e5fbe6f009137b3e404fa67c36dfe139534f/source/js/things/things.js
--------------------------------------------------------------------------------
/source/js/visitorMap.js:
--------------------------------------------------------------------------------
1 | $('#visitorMap').append('')
--------------------------------------------------------------------------------
/source/sitemap_template.xml:
--------------------------------------------------------------------------------
1 |
2 |