mirror of
https://github.com/hugo-fixit/FixIt.git
synced 2026-08-24 15:28:57 +00:00
⚡ Perf: enhance highlight feature and fix some css bugs (#43)
This commit is contained in:
Cell
+4
-3
@@ -17,12 +17,13 @@ All notable changes to this project will be documented in this file.
|
||||
- :sparkles: Feat: add details shortcode ([#68](https://github.com/Lruihao/FixIt/issues/68))
|
||||
- :sparkles: Feat: add markdown support for **title** parameter of the admonition shortcode
|
||||
- :sparkles: Feat: add 9 newly supported social links ([#17](https://github.com/Lruihao/FixIt/issues/17))
|
||||
- :sparkles: Feat: update cell-watermark 1.0.3 and CDN support (fontFamily supported)
|
||||
- :bug: Fix: remove source map of local libraries to avoid 404 error ([#67](https://github.com/Lruihao/FixIt/issues/67))
|
||||
- :zap: Perf: enhance highlight feature and fix some css bugs ([#43](https://github.com/Lruihao/FixIt/issues/43))
|
||||
- :mag: Feat: add 360 and sougou seo support
|
||||
- :bug: Fix: remove source map of local libraries to avoid 404 error ([#67](https://github.com/Lruihao/FixIt/issues/67))
|
||||
- :fire: Feat: remove shortcode cardlink ([#42](https://github.com/Lruihao/FixIt/issues/42))
|
||||
- :lipstick: Style: add radius of the scrollbar
|
||||
- :pencil2: Style: fix typo *discription* should be **description** ([#60](https://github.com/Lruihao/FixIt/issues/60))
|
||||
- :fire: Feat: remove shortcode cardlink ([#42](https://github.com/Lruihao/FixIt/issues/42))
|
||||
- :wrench: Chore: update cell-watermark 1.0.3 and CDN support (fontFamily supported)
|
||||
- :wrench: Chore: add atomic-algolia for exampleSite ([#70](https://github.com/Lruihao/FixIt/issues/70))
|
||||
- **Full Changelog:** [`v0.2.12...v0.2.13`](https://github.com/Lruihao/FixIt/compare/v0.2.12...v0.2.13)
|
||||
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
@mixin details-transition-open {
|
||||
@include transition(max-height 0.8s cubic-bezier(0, 1, 0, 1) -0.1s);
|
||||
@include transition(max-height 0.2s cubic-bezier(0, 1, 0, 1) -0.1s);
|
||||
}
|
||||
|
||||
@mixin details-transition-close {
|
||||
@include transition(max-height 0.8s cubic-bezier(0.5, 0, 1, 0) 0s);
|
||||
@include transition(max-height 0.2s cubic-bezier(0.5, 0, 1, 0) 0s);
|
||||
}
|
||||
|
||||
@@ -1,3 +1,5 @@
|
||||
// inline code
|
||||
// TODO
|
||||
code {
|
||||
display: inline-block;
|
||||
max-width: 100%;
|
||||
@@ -13,12 +15,19 @@ code {
|
||||
}
|
||||
}
|
||||
|
||||
// indented code
|
||||
pre {
|
||||
margin: 0;
|
||||
padding: .25rem 0 .25rem .5rem;
|
||||
overflow: auto;
|
||||
@include tab-size(4);
|
||||
|
||||
background: $code-background-color;
|
||||
|
||||
[theme=dark] & {
|
||||
background: $code-background-color-dark;
|
||||
}
|
||||
|
||||
code {
|
||||
padding: 0;
|
||||
}
|
||||
@@ -30,14 +39,6 @@ pre {
|
||||
}
|
||||
}
|
||||
|
||||
code, pre, .highlight table, .highlight tr, .highlight td {
|
||||
background: $code-background-color;
|
||||
|
||||
[theme=dark] & {
|
||||
background: $code-background-color-dark;
|
||||
}
|
||||
}
|
||||
|
||||
.highlight, .gist {
|
||||
font-family: $code-font-family;
|
||||
font-size: $code-font-size;
|
||||
@@ -55,6 +56,7 @@ code, pre, .highlight table, .highlight tr, .highlight td {
|
||||
}
|
||||
}
|
||||
|
||||
// block fenced code
|
||||
.highlight {
|
||||
line-height: 1.4em;
|
||||
margin: .5rem 0;
|
||||
@@ -85,6 +87,11 @@ code, pre, .highlight table, .highlight tr, .highlight td {
|
||||
.code-title {
|
||||
width: 100%;
|
||||
padding: .4rem;
|
||||
|
||||
.arrow {
|
||||
padding: 0 .2rem;
|
||||
@include transition(transform 0.2s ease);
|
||||
}
|
||||
}
|
||||
|
||||
.code-title::after {
|
||||
@@ -92,6 +99,24 @@ code, pre, .highlight table, .highlight tr, .highlight td {
|
||||
content: 'Code';
|
||||
}
|
||||
|
||||
.ellipses {
|
||||
padding: .4rem;
|
||||
}
|
||||
|
||||
.copy {
|
||||
display: none;
|
||||
padding: .4rem;
|
||||
|
||||
&:hover {
|
||||
cursor: pointer;
|
||||
color: $global-link-hover-color;
|
||||
|
||||
[theme=dark] & {
|
||||
color: $global-link-hover-color-dark;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@each $type, $text in $code-type-map {
|
||||
&.#{$type} .code-title::after {
|
||||
content: $text;
|
||||
@@ -99,23 +124,41 @@ code, pre, .highlight table, .highlight tr, .highlight td {
|
||||
}
|
||||
}
|
||||
|
||||
.lntd:first-child {
|
||||
min-width: 1.6rem;
|
||||
text-align: right;
|
||||
/* LineTableTD */
|
||||
.lntd {
|
||||
vertical-align: top;
|
||||
padding: 0;
|
||||
|
||||
// line numbers
|
||||
&:first-child {
|
||||
min-width: 1.6rem;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
// code content
|
||||
&:last-child {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.lntd:last-child {
|
||||
width: 100%;
|
||||
/* LineTable */
|
||||
.lntable {
|
||||
border-spacing: 0;
|
||||
width: auto;
|
||||
overflow: auto;
|
||||
display: block;
|
||||
|
||||
pre {
|
||||
@include max-content(min-width);
|
||||
}
|
||||
}
|
||||
|
||||
/* LineNumbers */
|
||||
.ln {
|
||||
padding-right: .75rem;
|
||||
}
|
||||
|
||||
/* LineHighlight */
|
||||
.hl {
|
||||
display: block;
|
||||
background-color: darken($code-background-color, 10%);
|
||||
@@ -125,6 +168,7 @@ code, pre, .highlight table, .highlight tr, .highlight td {
|
||||
}
|
||||
}
|
||||
|
||||
/* LineNumbersTable */
|
||||
.ln, .lnt {
|
||||
color: $global-font-secondary-color;
|
||||
|
||||
@@ -133,29 +177,6 @@ code, pre, .highlight table, .highlight tr, .highlight td {
|
||||
}
|
||||
}
|
||||
|
||||
.arrow {
|
||||
padding: 0 .2rem;
|
||||
@include transition(transform 0.2s ease);
|
||||
}
|
||||
|
||||
.ellipses {
|
||||
padding: .4rem;
|
||||
}
|
||||
|
||||
.copy {
|
||||
display: none;
|
||||
padding: .4rem;
|
||||
|
||||
&:hover {
|
||||
cursor: pointer;
|
||||
color: $global-link-hover-color;
|
||||
|
||||
[theme=dark] & {
|
||||
color: $global-link-hover-color-dark;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.table-wrapper {
|
||||
max-height: 0;
|
||||
overflow-y: hidden;
|
||||
@@ -190,14 +211,14 @@ code, pre, .highlight table, .highlight tr, .highlight td {
|
||||
}
|
||||
}
|
||||
|
||||
/* Comment */ .c,
|
||||
/* CommentHashbang */ .ch,
|
||||
/* CommentMultiline */ .cm,
|
||||
/* CommentSingle */ .c1,
|
||||
/* CommentSpecial */ .cs,
|
||||
/* CommentPreproc */ .cp,
|
||||
/* CommentPreprocFile */ .cpf { font-style: italic }
|
||||
/* GenericUnderline */ .gl { text-decoration: underline }
|
||||
/* Error */
|
||||
.err {
|
||||
color: $code-error-color;
|
||||
background-color: $code-error-background-color;
|
||||
}
|
||||
|
||||
/* GenericEmph */ .ge { font-style: italic }
|
||||
/* GenericStrong */ .gs { font-weight: bold }
|
||||
|
||||
@each $class, $color in $code-highlight-color-map {
|
||||
.#{$class} { color: $color; }
|
||||
@@ -210,6 +231,7 @@ code, pre, .highlight table, .highlight tr, .highlight td {
|
||||
}
|
||||
}
|
||||
|
||||
// gist shortcode
|
||||
.gist {
|
||||
.gist-file, .gist-data, .gist-meta {
|
||||
border: none;
|
||||
@@ -247,21 +269,21 @@ code, pre, .highlight table, .highlight tr, .highlight td {
|
||||
.pl-vpf,
|
||||
.pl-vpu,
|
||||
.pl-mdr {
|
||||
color: #aab1bf;
|
||||
color: #aab1bf;
|
||||
}
|
||||
.pl-mb,
|
||||
.pl-pdb {
|
||||
font-weight: 700;
|
||||
font-weight: 700;
|
||||
}
|
||||
.pl-c,
|
||||
.pl-c span,
|
||||
.pl-pdc {
|
||||
color: #5b6270;
|
||||
font-style: italic;
|
||||
color: #5b6270;
|
||||
font-style: italic;
|
||||
}
|
||||
.pl-sr .pl-cce {
|
||||
color: #56b5c2;
|
||||
font-weight: 400;
|
||||
color: #56b5c2;
|
||||
font-weight: 400;
|
||||
}
|
||||
.pl-ef,
|
||||
.pl-en,
|
||||
@@ -270,11 +292,11 @@ code, pre, .highlight table, .highlight tr, .highlight td {
|
||||
.pl-kos,
|
||||
.pl-mh .pl-pdh,
|
||||
.pl-mr {
|
||||
color: #61afef;
|
||||
color: #61afef;
|
||||
}
|
||||
.pl-ens,
|
||||
.pl-vi {
|
||||
color: #be5046;
|
||||
color: #be5046;
|
||||
}
|
||||
.pl-enti,
|
||||
.pl-mai .pl-sf,
|
||||
@@ -285,7 +307,7 @@ code, pre, .highlight table, .highlight tr, .highlight td {
|
||||
.pl-src,
|
||||
.pl-st,
|
||||
.pl-vo {
|
||||
color: #56b5c2;
|
||||
color: #56b5c2;
|
||||
}
|
||||
.pl-eoi,
|
||||
.pl-mri,
|
||||
@@ -293,55 +315,55 @@ code, pre, .highlight table, .highlight tr, .highlight td {
|
||||
.pl-pse .pl-s1,
|
||||
.pl-s,
|
||||
.pl-s1 {
|
||||
color: #97c279;
|
||||
color: #97c279;
|
||||
}
|
||||
.pl-k,
|
||||
.pl-kolp,
|
||||
.pl-mc,
|
||||
.pl-pde {
|
||||
color: #c578dd;
|
||||
color: #c578dd;
|
||||
}
|
||||
.pl-mi,
|
||||
.pl-pdi {
|
||||
color: #c578dd;
|
||||
font-style: italic;
|
||||
color: #c578dd;
|
||||
font-style: italic;
|
||||
}
|
||||
.pl-mp,
|
||||
.pl-stp {
|
||||
color: #818896;
|
||||
color: #818896;
|
||||
}
|
||||
.pl-mdh,
|
||||
.pl-mdi,
|
||||
.pl-mdr {
|
||||
font-weight: 400;
|
||||
font-weight: 400;
|
||||
}
|
||||
.pl-mdht,
|
||||
.pl-mi1 {
|
||||
color: #97c279;
|
||||
background: #020;
|
||||
color: #97c279;
|
||||
background: #020;
|
||||
}
|
||||
.pl-md,
|
||||
.pl-mdhf {
|
||||
color: #df6b75;
|
||||
background: #200;
|
||||
color: #df6b75;
|
||||
background: #200;
|
||||
}
|
||||
.pl-corl {
|
||||
color: #df6b75;
|
||||
text-decoration: underline;
|
||||
color: #df6b75;
|
||||
text-decoration: underline;
|
||||
}
|
||||
.pl-ib {
|
||||
background: #df6b75;
|
||||
background: #df6b75;
|
||||
}
|
||||
.pl-ii {
|
||||
background: #e0c184;
|
||||
color: #fff;
|
||||
background: #e0c184;
|
||||
color: #fff;
|
||||
}
|
||||
.pl-iu {
|
||||
background: #e05151;
|
||||
background: #e05151;
|
||||
}
|
||||
.pl-ms1 {
|
||||
color: #aab1bf;
|
||||
background: #373b41;
|
||||
color: #aab1bf;
|
||||
background: #373b41;
|
||||
}
|
||||
.pl-c1,
|
||||
.pl-cn,
|
||||
@@ -357,7 +379,7 @@ code, pre, .highlight table, .highlight tr, .highlight td {
|
||||
.pl-sok,
|
||||
.pl-sv,
|
||||
.pl-mb {
|
||||
color: #d19965;
|
||||
color: #d19965;
|
||||
}
|
||||
.pl-enc,
|
||||
.pl-entc,
|
||||
@@ -369,7 +391,7 @@ code, pre, .highlight table, .highlight tr, .highlight td {
|
||||
.pl-stj,
|
||||
.pl-v,
|
||||
.pl-pdb {
|
||||
color: #e4bf7a;
|
||||
color: #e4bf7a;
|
||||
}
|
||||
.pl-ent,
|
||||
.pl-entl,
|
||||
@@ -380,7 +402,7 @@ code, pre, .highlight table, .highlight tr, .highlight td {
|
||||
.pl-sol,
|
||||
.pl-mdh,
|
||||
.pl-mdi {
|
||||
color: #df6b75;
|
||||
color: #df6b75;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
+153
-146
@@ -117,6 +117,9 @@ $code-color-dark: #E5BF78 !default;
|
||||
$code-background-color: #f5f5f5 !default;
|
||||
$code-background-color-dark: #272C34 !default;
|
||||
|
||||
$code-error-color: #ef6155 !default;
|
||||
$code-error-background-color: #2f1e2e !default;
|
||||
|
||||
$code-info-color: #9c9c9c !default;
|
||||
$code-info-color-dark: #b1b0b0 !default;
|
||||
|
||||
@@ -181,154 +184,158 @@ $code-type-map: (
|
||||
|
||||
// Color map of the code highlight
|
||||
$code-highlight-color-map: (
|
||||
/* Parentheses */ 'p': #a9a9b3,
|
||||
/* Keyword */ 'k': #b501a9,
|
||||
/* KeywordConstant */ 'kc': #b501a9,
|
||||
/* KeywordDeclaration */ 'kd': #b501a9,
|
||||
/* KeywordNamespace */ 'kn': #b501a9,
|
||||
/* KeywordPseudo */ 'kp': #b501a9,
|
||||
/* KeywordReserved */ 'kr': #b501a9,
|
||||
/* KeywordType */ 'kt': #b501a9,
|
||||
/* Name */ 'n': #333333,
|
||||
/* NameAttribute */ 'na': #2b77fa,
|
||||
/* NameBuiltin */ 'nb': #f74840,
|
||||
/* NameBuiltinPseudo */ 'bp': #f74840,
|
||||
/* NameClass */ 'nc': #cb8100,
|
||||
/* NameConstant */ 'no': #2b77fa,
|
||||
/* NameDecorator */ 'nd': #0086c1,
|
||||
/* NameEntity */ 'ni': #2b77fa,
|
||||
/* NameException */ 'ne': #2b77fa,
|
||||
/* NameFunction */ 'nf': #2b77fa,
|
||||
/* NameFunctionMagic */ 'fm': #1ccad6,
|
||||
/* NameLabel */ 'nl': #2b77fa,
|
||||
/* NameNamespace */ 'nn': #2b77fa,
|
||||
/* NameOther */ 'nx': #333333,
|
||||
/* NameProperty */ 'py': #2b77fa,
|
||||
/* NameTag */ 'nt': #2b77fa,
|
||||
/* NameVariable */ 'nv': #2b77fa,
|
||||
/* NameVariableClass */ 'vc': #2b77fa,
|
||||
/* NameVariableGlobal */ 'vg': #2b77fa,
|
||||
/* NameVariableInstance */ 'vi': #2b77fa,
|
||||
/* NameVariableMagic */ 'vm': #2b77fa,
|
||||
/* Literal */ 'l': #2aa198,
|
||||
/* LiteralDate */ 'ld': #2aa198,
|
||||
/* LiteralString */ 's': #24a443,
|
||||
/* LiteralStringAffix */ 'sa': #24a443,
|
||||
/* LiteralStringBacktick */ 'sb': #24a443,
|
||||
/* LiteralStringChar */ 'sc': #24a443,
|
||||
/* LiteralStringDelimiter */ 'dl': #24a443,
|
||||
/* LiteralStringDoc */ 'sd': #24a443,
|
||||
/* LiteralStringDouble */ 's2': #24a443,
|
||||
/* LiteralStringEscape */ 'se': #24a443,
|
||||
/* LiteralStringHeredoc */ 'sh': #24a443,
|
||||
/* LiteralStringInterpol */ 'si': #24a443,
|
||||
/* LiteralStringOther */ 'sx': #24a443,
|
||||
/* LiteralStringRegex */ 'sr': #24a443,
|
||||
/* LiteralStringSingle */ 's1': #24a443,
|
||||
/* LiteralStringSymbol */ 'ss': #24a443,
|
||||
/* LiteralNumber */ 'm': #e2893c,
|
||||
/* LiteralNumberBin */ 'mb': #e2893c,
|
||||
/* LiteralNumberFloat */ 'mf': #e2893c,
|
||||
/* LiteralNumberHex */ 'mh': #e2893c,
|
||||
/* LiteralNumberInteger */ 'mi': #e2893c,
|
||||
/* LiteralNumberIntegerLong */ 'il': #e2893c,
|
||||
/* LiteralNumberOct */ 'mo': #e2893c,
|
||||
/* Operator */ 'o': #f19b04,
|
||||
/* OperatorWord */ 'ow': #b501a9,
|
||||
/* Comment */ 'c': #a0a1a8,
|
||||
/* CommentHashbang */ 'ch': #a0a1a8,
|
||||
/* CommentMultiline */ 'cm': #a0a1a8,
|
||||
/* CommentSingle */ 'c1': #a0a1a8,
|
||||
/* CommentSpecial */ 'cs': #a0a1a8,
|
||||
/* CommentPreproc */ 'cp': #a0a1a8,
|
||||
/* CommentPreprocFile */ 'cpf': #a0a1a8,
|
||||
/* Generic */ 'g': #e72d40,
|
||||
/* GenericDeleted */ 'gd': #e72d40,
|
||||
/* GenericEmph */ 'ge': #e72d40,
|
||||
/* GenericError */ 'gr': #e72d40,
|
||||
/* GenericHeading */ 'gh': #e72d40,
|
||||
/* GenericInserted */ 'gi': #e72d40,
|
||||
/* GenericOutput */ 'go': #e72d40,
|
||||
/* GenericPrompt */ 'gp': #e72d40,
|
||||
/* GenericStrong */ 'gs': #e72d40,
|
||||
/* GenericSubheading */ 'gu': #e72d40,
|
||||
/* GenericTraceback */ 'gt': #e72d40,
|
||||
/* TextWhitespace */ 'w': #bbbbbb,
|
||||
/* Keyword */ 'k': #00a8c8,
|
||||
/* KeywordConstant */ 'kc': #00a8c8,
|
||||
/* KeywordDeclaration */ 'kd': #00a8c8,
|
||||
/* KeywordNamespace */ 'kn': #f92672,
|
||||
/* KeywordPseudo */ 'kp': #00a8c8,
|
||||
/* KeywordReserved */ 'kr': #00a8c8,
|
||||
/* KeywordType */ 'kt': #00a8c8,
|
||||
/* Name */ 'n': #111111,
|
||||
/* NameAttribute */ 'na': #75af00,
|
||||
/* NameBuiltin */ 'nb': #111111,
|
||||
/* NameBuiltinPseudo */ 'bp': #111111,
|
||||
/* NameClass */ 'nc': #75af00,
|
||||
/* NameConstant */ 'no': #00a8c8,
|
||||
/* NameDecorator */ 'nd': #75af00,
|
||||
/* NameEntity */ 'ni': #111111,
|
||||
/* NameException */ 'ne': #75af00,
|
||||
/* NameFunction */ 'nf': #75af00,
|
||||
/* NameFunctionMagic */ 'fm': #111111,
|
||||
/* NameLabel */ 'nl': #111111,
|
||||
/* NameNamespace */ 'nn': #111111,
|
||||
/* NameOther */ 'nx': #75af00,
|
||||
/* NameProperty */ 'py': #111111,
|
||||
/* NameTag */ 'nt': #f92672,
|
||||
/* NameVariable */ 'nv': #111111,
|
||||
/* NameVariableClass */ 'vc': #111111,
|
||||
/* NameVariableGlobal */ 'vg': #111111,
|
||||
/* NameVariableInstance */ 'vi': #111111,
|
||||
/* NameVariableMagic */ 'vm': #111111,
|
||||
/* Literal */ 'l': #ae81ff,
|
||||
/* LiteralDate */ 'ld': #d88200,
|
||||
/* LiteralString */ 's': #d88200,
|
||||
/* LiteralStringAffix */ 'sa': #d88200,
|
||||
/* LiteralStringBacktick */ 'sb': #d88200,
|
||||
/* LiteralStringChar */ 'sc': #d88200,
|
||||
/* LiteralStringDelimiter */ 'dl': #d88200,
|
||||
/* LiteralStringDoc */ 'sd': #d88200,
|
||||
/* LiteralStringDouble */ 's2': #d88200,
|
||||
/* LiteralStringEscape */ 'se': #8045ff,
|
||||
/* LiteralStringHeredoc */ 'sh': #d88200,
|
||||
/* LiteralStringInterpol */ 'si': #d88200,
|
||||
/* LiteralStringOther */ 'sx': #d88200,
|
||||
/* LiteralStringRegex */ 'sr': #d88200,
|
||||
/* LiteralStringSingle */ 's1': #d88200,
|
||||
/* LiteralStringSymbol */ 'ss': #d88200,
|
||||
/* LiteralNumber */ 'm': #ae81ff,
|
||||
/* LiteralNumberBin */ 'mb': #ae81ff,
|
||||
/* LiteralNumberFloat */ 'mf': #ae81ff,
|
||||
/* LiteralNumberHex */ 'mh': #ae81ff,
|
||||
/* LiteralNumberInteger */ 'mi': #ae81ff,
|
||||
/* LiteralNumberIntegerLong */ 'il': #ae81ff,
|
||||
/* LiteralNumberOct */ 'mo': #ae81ff,
|
||||
/* Operator */ 'o': #f92672,
|
||||
/* OperatorWord */ 'ow': #f92672,
|
||||
/* Punctuation */ 'p': #111111,
|
||||
/* Comment */ 'c': #75715e,
|
||||
/* CommentHashbang */ 'ch': #75715e,
|
||||
/* CommentMultiline */ 'cm': #75715e,
|
||||
/* CommentSingle */ 'c1': #75715e,
|
||||
/* CommentSpecial */ 'cs': #75715e,
|
||||
/* CommentPreproc */ 'cp': #75715e,
|
||||
/* CommentPreprocFile */ 'cpf': #75715e,
|
||||
/* Generic */ 'g': $code-color,
|
||||
/* GenericDeleted */ 'gd': $code-color,
|
||||
/* GenericEmph */ 'ge': $code-color,
|
||||
/* GenericError */ 'gr': $code-color,
|
||||
/* GenericHeading */ 'gh': $code-color,
|
||||
/* GenericInserted */ 'gi': #75af00,
|
||||
/* GenericOutput */ 'go': $code-color,
|
||||
/* GenericPrompt */ 'gp': $code-color,
|
||||
/* GenericStrong */ 'gs': $code-color,
|
||||
/* GenericSubheading */ 'gu': $code-color,
|
||||
/* GenericTraceback */ 'gt': $code-color,
|
||||
/* GenericUnderline */ 'gl': $code-color,
|
||||
/* TextWhitespace */ 'w': $code-color,
|
||||
/* Other */ 'x': $code-color
|
||||
) !default;
|
||||
$code-highlight-color-map-dark: (
|
||||
/* Parentheses */ 'p': #a9a9b3,
|
||||
/* Keyword */ 'k': #d371e3,
|
||||
/* KeywordConstant */ 'kc': #d371e3,
|
||||
/* KeywordDeclaration */ 'kd': #d371e3,
|
||||
/* KeywordNamespace */ 'kn': #d371e3,
|
||||
/* KeywordPseudo */ 'kp': #d371e3,
|
||||
/* KeywordReserved */ 'kr': #d371e3,
|
||||
/* KeywordType */ 'kt': #d371e3,
|
||||
/* Name */ 'n': #a9b2c0,
|
||||
/* NameAttribute */ 'na': #41b0f5,
|
||||
/* NameBuiltin */ 'nb': #19b9c4,
|
||||
/* NameBuiltinPseudo */ 'bp': #ecbf6f,
|
||||
/* NameClass */ 'nc': #ecbf6f,
|
||||
/* NameConstant */ 'no': #41b0f5,
|
||||
/* NameDecorator */ 'nd': #ecbf6f,
|
||||
/* NameEntity */ 'ni': #41b0f5,
|
||||
/* NameException */ 'ne': #41b0f5,
|
||||
/* NameFunction */ 'nf': #41b0f5,
|
||||
/* NameFunctionMagic */ 'fm': #19b9c4,
|
||||
/* NameLabel */ 'nl': #41b0f5,
|
||||
/* NameNamespace */ 'nn': #41b0f5,
|
||||
/* NameOther */ 'nx': #a9a9b3,
|
||||
/* NameProperty */ 'py': #41b0f5,
|
||||
/* NameTag */ 'nt': #41b0f5,
|
||||
/* NameVariable */ 'nv': #41b0f5,
|
||||
/* NameVariableClass */ 'vc': #41b0f5,
|
||||
/* NameVariableGlobal */ 'vg': #41b0f5,
|
||||
/* NameVariableInstance */ 'vi': #41b0f5,
|
||||
/* NameVariableMagic */ 'vm': #41b0f5,
|
||||
/* Literal */ 'l': #2aa198,
|
||||
/* LiteralDate */ 'ld': #2aa198,
|
||||
/* LiteralString */ 's': #8cc570,
|
||||
/* LiteralStringAffix */ 'sa': #8cc570,
|
||||
/* LiteralStringBacktick */ 'sb': #8cc570,
|
||||
/* LiteralStringChar */ 'sc': #8cc570,
|
||||
/* LiteralStringDelimiter */ 'dl': #8cc570,
|
||||
/* LiteralStringDoc */ 'sd': #8cc570,
|
||||
/* LiteralStringDouble */ 's2': #8cc570,
|
||||
/* LiteralStringEscape */ 'se': #8cc570,
|
||||
/* LiteralStringHeredoc */ 'sh': #8cc570,
|
||||
/* LiteralStringInterpol */ 'si': #8cc570,
|
||||
/* LiteralStringOther */ 'sx': #8cc570,
|
||||
/* LiteralStringRegex */ 'sr': #8cc570,
|
||||
/* LiteralStringSingle */ 's1': #8cc570,
|
||||
/* LiteralStringSymbol */ 'ss': #8cc570,
|
||||
/* LiteralNumber */ 'm': #db985c,
|
||||
/* LiteralNumberBin */ 'mb': #db985c,
|
||||
/* LiteralNumberFloat */ 'mf': #db985c,
|
||||
/* LiteralNumberHex */ 'mh': #db985c,
|
||||
/* LiteralNumberInteger */ 'mi': #db985c,
|
||||
/* LiteralNumberIntegerLong */ 'il': #db985c,
|
||||
/* LiteralNumberOct */ 'mo': #db985c,
|
||||
/* Operator */ 'o': #ecbf6f,
|
||||
/* OperatorWord */ 'ow': #d371e3,
|
||||
/* Comment */ 'c': #7e848f,
|
||||
/* CommentHashbang */ 'ch': #7e848f,
|
||||
/* CommentMultiline */ 'cm': #7e848f,
|
||||
/* CommentSingle */ 'c1': #7e848f,
|
||||
/* CommentSpecial */ 'cs': #7e848f,
|
||||
/* CommentPreproc */ 'cp': #7e848f,
|
||||
/* CommentPreprocFile */ 'cpf': #7e848f,
|
||||
/* Generic */ 'g': #f16372,
|
||||
/* GenericDeleted */ 'gd': #f16372,
|
||||
/* GenericEmph */ 'ge': #f16372,
|
||||
/* GenericError */ 'gr': #f16372,
|
||||
/* GenericHeading */ 'gh': #f16372,
|
||||
/* GenericInserted */ 'gi': #f16372,
|
||||
/* GenericOutput */ 'go': #f16372,
|
||||
/* GenericPrompt */ 'gp': #f16372,
|
||||
/* GenericStrong */ 'gs': #f16372,
|
||||
/* GenericSubheading */ 'gu': #f16372,
|
||||
/* GenericTraceback */ 'gt': #f16372,
|
||||
/* TextWhitespace */ 'w': #bbbbbb,
|
||||
/* Keyword */ 'k': #66d9ef,
|
||||
/* KeywordConstant */ 'kc': #66d9ef,
|
||||
/* KeywordDeclaration */ 'kd': #66d9ef,
|
||||
/* KeywordNamespace */ 'kn': #f92672,
|
||||
/* KeywordPseudo */ 'kp': #66d9ef,
|
||||
/* KeywordReserved */ 'kr': #66d9ef,
|
||||
/* KeywordType */ 'kt': #66d9ef,
|
||||
/* Name */ 'n': $code-color-dark,
|
||||
/* NameAttribute */ 'na': #a6e22e,
|
||||
/* NameBuiltin */ 'nb': $code-color-dark,
|
||||
/* NameBuiltinPseudo */ 'bp': $code-color-dark,
|
||||
/* NameClass */ 'nc': #a6e22e,
|
||||
/* NameConstant */ 'no': #66d9ef,
|
||||
/* NameDecorator */ 'nd': #a6e22e,
|
||||
/* NameEntity */ 'ni': $code-color-dark,
|
||||
/* NameException */ 'ne': #a6e22e,
|
||||
/* NameFunction */ 'nf': #a6e22e,
|
||||
/* NameFunctionMagic */ 'fm': $code-color-dark,
|
||||
/* NameLabel */ 'nl': $code-color-dark,
|
||||
/* NameNamespace */ 'nn': $code-color-dark,
|
||||
/* NameOther */ 'nx': #a6e22e,
|
||||
/* NameProperty */ 'py': $code-color-dark,
|
||||
/* NameTag */ 'nt': #f92672,
|
||||
/* NameVariable */ 'nv': $code-color-dark,
|
||||
/* NameVariableClass */ 'vc': $code-color-dark,
|
||||
/* NameVariableGlobal */ 'vg': $code-color-dark,
|
||||
/* NameVariableInstance */ 'vi': $code-color-dark,
|
||||
/* NameVariableMagic */ 'vm': $code-color-dark,
|
||||
/* Literal */ 'l': #ae81ff,
|
||||
/* LiteralDate */ 'ld': #e6db74,
|
||||
/* LiteralString */ 's': #e6db74,
|
||||
/* LiteralStringAffix */ 'sa': #e6db74,
|
||||
/* LiteralStringBacktick */ 'sb': #e6db74,
|
||||
/* LiteralStringChar */ 'sc': #e6db74,
|
||||
/* LiteralStringDelimiter */ 'dl': #e6db74,
|
||||
/* LiteralStringDoc */ 'sd': #e6db74,
|
||||
/* LiteralStringDouble */ 's2': #e6db74,
|
||||
/* LiteralStringEscape */ 'se': #ae81ff,
|
||||
/* LiteralStringHeredoc */ 'sh': #e6db74,
|
||||
/* LiteralStringInterpol */ 'si': #e6db74,
|
||||
/* LiteralStringOther */ 'sx': #e6db74,
|
||||
/* LiteralStringRegex */ 'sr': #e6db74,
|
||||
/* LiteralStringSingle */ 's1': #e6db74,
|
||||
/* LiteralStringSymbol */ 'ss': #e6db74,
|
||||
/* LiteralNumber */ 'm': #ae81ff,
|
||||
/* LiteralNumberBin */ 'mb': #ae81ff,
|
||||
/* LiteralNumberFloat */ 'mf': #ae81ff,
|
||||
/* LiteralNumberHex */ 'mh': #ae81ff,
|
||||
/* LiteralNumberInteger */ 'mi': #ae81ff,
|
||||
/* LiteralNumberIntegerLong */ 'il': #ae81ff,
|
||||
/* LiteralNumberOct */ 'mo': #ae81ff,
|
||||
/* Operator */ 'o': #f92672,
|
||||
/* OperatorWord */ 'ow': #f92672,
|
||||
/* Punctuation */ 'p': $code-color-dark,
|
||||
/* Comment */ 'c': #75715e,
|
||||
/* CommentHashbang */ 'ch': #75715e,
|
||||
/* CommentMultiline */ 'cm': #75715e,
|
||||
/* CommentSingle */ 'c1': #75715e,
|
||||
/* CommentSpecial */ 'cs': #75715e,
|
||||
/* CommentPreproc */ 'cp': #75715e,
|
||||
/* CommentPreprocFile */ 'cpf': #75715e,
|
||||
/* Generic */ 'g': $code-color-dark,
|
||||
/* GenericDeleted */ 'gd': #f92672,
|
||||
/* GenericEmph */ 'ge': $code-color-dark,
|
||||
/* GenericError */ 'gr': $code-color-dark,
|
||||
/* GenericHeading */ 'gh': $code-color-dark,
|
||||
/* GenericInserted */ 'gi': #a6e22e,
|
||||
/* GenericOutput */ 'go': $code-color-dark,
|
||||
/* GenericPrompt */ 'gp': $code-color-dark,
|
||||
/* GenericStrong */ 'gs': $code-color-dark,
|
||||
/* GenericSubheading */ 'gu': #75715e,
|
||||
/* GenericTraceback */ 'gt': $code-color-dark,
|
||||
/* GenericUnderline */ 'gl': $code-color-dark,
|
||||
/* TextWhitespace */ 'w': $code-color-dark,
|
||||
/* Other */ 'x': $code-color-dark
|
||||
) !default;
|
||||
// ========== Code ========== //
|
||||
|
||||
|
||||
@@ -1068,13 +1068,14 @@ enableEmoji = true
|
||||
# Syntax Highlighting (https://gohugo.io/content-management/syntax-highlighting)
|
||||
# 语法高亮设置 (https://gohugo.io/content-management/syntax-highlighting)
|
||||
[markup.highlight]
|
||||
########## necessary configuration ##########
|
||||
# https://github.com/Lruihao/FixIt/issues/43
|
||||
codeFences = true
|
||||
guessSyntax = true
|
||||
lineNos = true
|
||||
lineNumbersInTable = true
|
||||
# false is a necessary configuration (https://github.com/dillonzq/LoveIt/issues/158)
|
||||
# false 是必要的设置 (https://github.com/dillonzq/LoveIt/issues/158)
|
||||
noClasses = false
|
||||
########## necessary configuration ##########
|
||||
guessSyntax = true
|
||||
# Goldmark is from Hugo 0.60 the default library used for Markdown
|
||||
# Goldmark 是 Hugo 0.60 以来的默认 Markdown 解析库
|
||||
[markup.goldmark]
|
||||
|
||||
@@ -0,0 +1,104 @@
|
||||
---
|
||||
title: "Highlight Code"
|
||||
date: 2022-02-27T18:45:22+08:00
|
||||
type: 'posts'
|
||||
draft: true
|
||||
---
|
||||
|
||||
`inline code`
|
||||
|
||||
```scss
|
||||
pre {
|
||||
margin: 0;
|
||||
padding: .25rem 0 .25rem .5rem;
|
||||
overflow: auto;
|
||||
@include tab-size(4);
|
||||
|
||||
background: $code-background-color;
|
||||
|
||||
[theme=dark] & {
|
||||
background: $code-background-color-dark;
|
||||
}
|
||||
|
||||
code {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
img {
|
||||
min-height: 1em;
|
||||
max-height: 1.2em;
|
||||
vertical-align: text-bottom;
|
||||
}
|
||||
}
|
||||
```
|
||||
|
||||
```go
|
||||
package main
|
||||
|
||||
import "fmt"
|
||||
|
||||
func main() {
|
||||
fmt.Println("Hello, World!")
|
||||
}
|
||||
```
|
||||
|
||||
```diff
|
||||
- theme = "LoveIt"
|
||||
+ theme = "FixIt"
|
||||
```
|
||||
|
||||
```javascript
|
||||
grunt.initConfig({
|
||||
assemble: {
|
||||
options: {
|
||||
assets: 'docs/assets',
|
||||
data: 'src/data/*.{json,yml}',
|
||||
helpers: 'src/custom-helpers.js',
|
||||
partials: ['src/partials/**/*.{hbs,md}']
|
||||
},
|
||||
pages: {
|
||||
options: {
|
||||
layout: 'default.hbs'
|
||||
},
|
||||
files: {
|
||||
'./': ['src/templates/pages/index.hbs']
|
||||
}
|
||||
}
|
||||
}
|
||||
};
|
||||
```
|
||||
|
||||
▸ .github/ # GitHub configuration
|
||||
▸ _scripts/ # shell commands for hugo project, entrance: hugo_main.sh
|
||||
▸ archetypes/ # page archetypes (like scaffolds of archetypes)
|
||||
▸ assets/ # css, js, third-party libraries etc.
|
||||
▸ content/ # blog source of hugo project
|
||||
▸ data/ # blog data (allow: yaml, json, toml), e.g. friends.yml
|
||||
▸ i18n/ # i18n translation documents
|
||||
▸ layouts/ # page layouts source
|
||||
▸ public/ # build directory
|
||||
▸ static/ # static files, e.g. favicon.ico
|
||||
▸ themes/ # theme submodules
|
||||
config.toml # configuration of hugo project (like _config.yml of hexo)
|
||||
|
||||
```yaml
|
||||
# - nickname: 标题
|
||||
# avatar: 头像
|
||||
# url: 站点
|
||||
# description: 描述
|
||||
- nickname: Lruihao
|
||||
avatar: https://gravatar.loli.net/avatar/3f985efb5907ca52944a3cd7edd51606?d=wavatar&v=1.3.10
|
||||
url: https://lruihao.cn
|
||||
description: 不怕萬人阻擋，只怕自己投降
|
||||
|
||||
```
|
||||
|
||||
```html
|
||||
<p>Lorem ipsum dolor sit amet, graecis denique ei vel, at duo primis mandamus. Et legere ocurreret pri, animal tacimates complectitur ad cum. Cu eum inermis inimicus efficiendi. Labore officiis his ex, soluta officiis concludaturque ei qui, vide sensibus vim ad.</p>
|
||||
```
|
||||
|
||||
<p>Lorem ipsum dolor sit amet, graecis denique ei vel, at duo primis mandamus. Et legere ocurreret pri, animal tacimates complectitur ad cum. Cu eum inermis inimicus efficiendi. Labore officiis his ex, soluta officiis concludaturque ei qui, vide sensibus vim ad.</p>
|
||||
|
||||
---
|
||||
|
||||
{{< gist spf13 7896402 >}}
|
||||
Reference in New Issue
Block a user