From d05cc403b59324ea308e412f4615d10f2fad62ce Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E6=9D=8E=E6=B5=8E=E8=8A=9D?= Date: Tue, 25 Jun 2024 16:25:00 +0800 Subject: [PATCH] =?UTF-8?q?feat(post):=20=E5=AE=8C=E5=96=84=E6=96=87?= =?UTF-8?q?=E7=AB=A0?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- docs/css/highlight.css | 524 +++++- docs/css/toc.css | 15 +- docs/posts/java/rookie-operation/index.html | 1813 ++++++++----------- 3 files changed, 1240 insertions(+), 1112 deletions(-) diff --git a/docs/css/highlight.css b/docs/css/highlight.css index 2cd35eaf..c90e42b0 100644 --- a/docs/css/highlight.css +++ b/docs/css/highlight.css @@ -1,82 +1,442 @@ -/* Background */ .chroma { background-color: #ffffff } -/* Other */ .chroma .x { } -/* Error */ .chroma .err { color: #a61717; background-color: #e3d2d2 } -/* LineTableTD */ .chroma .lntd { vertical-align: top; padding: 0; margin: 0; border: 0; } -/* LineTable */ .chroma .lntable { border-spacing: 0; padding: 0; margin: 0; border: 0; width: auto; overflow: auto; display: block; } -/* LineHighlight */ .chroma .hl { display: block; width: 100%;background-color: #ffffcc } -/* LineNumbersTable */ .chroma .lnt { margin-right: 0.4em; padding: 0 0.4em 0 0.4em;color: #7f7f7f } -/* LineNumbers */ .chroma .ln { margin-right: 0.4em; padding: 0 0.4em 0 0.4em;color: #7f7f7f } -/* Keyword */ .chroma .k { color: #000000; font-weight: bold } -/* KeywordConstant */ .chroma .kc { color: #000000; font-weight: bold } -/* KeywordDeclaration */ .chroma .kd { color: #000000; font-weight: bold } -/* KeywordNamespace */ .chroma .kn { color: #000000; font-weight: bold } -/* KeywordPseudo */ .chroma .kp { color: #000000; font-weight: bold } -/* KeywordReserved */ .chroma .kr { color: #000000; font-weight: bold } -/* KeywordType */ .chroma .kt { color: #445588; font-weight: bold } -/* Name */ .chroma .n { } -/* NameAttribute */ .chroma .na { color: #008080 } -/* NameBuiltin */ .chroma .nb { color: #0086b3 } -/* NameBuiltinPseudo */ .chroma .bp { color: #999999 } -/* NameClass */ .chroma .nc { color: #445588; font-weight: bold } -/* NameConstant */ .chroma .no { color: #008080 } -/* NameDecorator */ .chroma .nd { color: #3c5d5d; font-weight: bold } -/* NameEntity */ .chroma .ni { color: #800080 } -/* NameException */ .chroma .ne { color: #990000; font-weight: bold } -/* NameFunction */ .chroma .nf { color: #990000; font-weight: bold } -/* NameFunctionMagic */ .chroma .fm { } -/* NameLabel */ .chroma .nl { color: #990000; font-weight: bold } -/* NameNamespace */ .chroma .nn { color: #555555 } -/* NameOther */ .chroma .nx { } -/* NameProperty */ .chroma .py { } -/* NameTag */ .chroma .nt { color: #000080 } -/* NameVariable */ .chroma .nv { color: #008080 } -/* NameVariableClass */ .chroma .vc { color: #008080 } -/* NameVariableGlobal */ .chroma .vg { color: #008080 } -/* NameVariableInstance */ .chroma .vi { color: #008080 } -/* NameVariableMagic */ .chroma .vm { } -/* Literal */ .chroma .l { } -/* LiteralDate */ .chroma .ld { } -/* LiteralString */ .chroma .s { color: #dd1144 } -/* LiteralStringAffix */ .chroma .sa { color: #dd1144 } -/* LiteralStringBacktick */ .chroma .sb { color: #dd1144 } -/* LiteralStringChar */ .chroma .sc { color: #dd1144 } -/* LiteralStringDelimiter */ .chroma .dl { color: #dd1144 } -/* LiteralStringDoc */ .chroma .sd { color: #dd1144 } -/* LiteralStringDouble */ .chroma .s2 { color: #dd1144 } -/* LiteralStringEscape */ .chroma .se { color: #dd1144 } -/* LiteralStringHeredoc */ .chroma .sh { color: #dd1144 } -/* LiteralStringInterpol */ .chroma .si { color: #dd1144 } -/* LiteralStringOther */ .chroma .sx { color: #dd1144 } -/* LiteralStringRegex */ .chroma .sr { color: #009926 } -/* LiteralStringSingle */ .chroma .s1 { color: #dd1144 } -/* LiteralStringSymbol */ .chroma .ss { color: #990073 } -/* LiteralNumber */ .chroma .m { color: #009999 } -/* LiteralNumberBin */ .chroma .mb { color: #009999 } -/* LiteralNumberFloat */ .chroma .mf { color: #009999 } -/* LiteralNumberHex */ .chroma .mh { color: #009999 } -/* LiteralNumberInteger */ .chroma .mi { color: #009999 } -/* LiteralNumberIntegerLong */ .chroma .il { color: #009999 } -/* LiteralNumberOct */ .chroma .mo { color: #009999 } -/* Operator */ .chroma .o { color: #000000; font-weight: bold } -/* OperatorWord */ .chroma .ow { color: #000000; font-weight: bold } -/* Punctuation */ .chroma .p { } -/* Comment */ .chroma .c { color: #999988; font-style: italic } -/* CommentHashbang */ .chroma .ch { color: #999988; font-style: italic } -/* CommentMultiline */ .chroma .cm { color: #999988; font-style: italic } -/* CommentSingle */ .chroma .c1 { color: #6a737d; font-style: italic } -/* CommentSpecial */ .chroma .cs { color: #999999; font-weight: bold; font-style: italic } -/* CommentPreproc */ .chroma .cp { color: #999999; font-weight: bold; font-style: italic } -/* CommentPreprocFile */ .chroma .cpf { color: #999999; font-weight: bold; font-style: italic } -/* Generic */ .chroma .g { } -/* GenericDeleted */ .chroma .gd { color: #000000; background-color: #ffdddd } -/* GenericEmph */ .chroma .ge { color: #000000; font-style: italic } -/* GenericError */ .chroma .gr { color: #aa0000 } -/* GenericHeading */ .chroma .gh { color: #999999 } -/* GenericInserted */ .chroma .gi { color: #000000; background-color: #ddffdd } -/* GenericOutput */ .chroma .go { color: #888888 } -/* GenericPrompt */ .chroma .gp { color: #555555 } -/* GenericStrong */ .chroma .gs { font-weight: bold } -/* GenericSubheading */ .chroma .gu { color: #aaaaaa } -/* GenericTraceback */ .chroma .gt { color: #aa0000 } -/* GenericUnderline */ .chroma .gl { text-decoration: underline } -/* TextWhitespace */ .chroma .w { color: #bbbbbb } +/* Background */ +.chroma { + background-color: #ffffff +} + +/* Other */ +.chroma .x { +} + +/* Error */ +.chroma .err { + color: #a61717; + background-color: #e3d2d2 +} + +/* LineTableTD */ +.chroma .lntd { + vertical-align: top; + padding: 0; + margin: 0; + border: 0; +} + +/* LineTable */ +.chroma .lntable { + border-spacing: 0; + padding: 0; + margin: 0; + border: 0; + width: auto; + overflow: auto; + display: block; +} + +/* LineHighlight */ +.chroma .hl { + display: block; + width: 100%; + background-color: #ffffcc +} + +/* LineNumbersTable */ +.chroma .lnt { + margin-right: 0.4em; + padding: 0 0.4em 0 0.4em; + color: #7f7f7f +} + +/* LineNumbers */ +.chroma .ln { + margin-right: 0.4em; + padding: 0 0.4em 0 0.4em; + color: #7f7f7f +} + +/* Keyword */ +.chroma .k { + color: #000000; + font-weight: bold +} + +/* KeywordConstant */ +.chroma .kc { + color: #000000; + font-weight: bold +} + +/* KeywordDeclaration */ +.chroma .kd { + color: #000000; + font-weight: bold +} + +/* KeywordNamespace */ +.chroma .kn { + color: #000000; + font-weight: bold +} + +/* KeywordPseudo */ +.chroma .kp { + color: #000000; + font-weight: bold +} + +/* KeywordReserved */ +.chroma .kr { + color: #000000; + font-weight: bold +} + +/* KeywordType */ +.chroma .kt { + color: #445588; + font-weight: bold +} + +/* Name */ +.chroma .n { +} + +/* NameAttribute */ +.chroma .na { + color: #008080 +} + +/* NameBuiltin */ +.chroma .nb { + color: #0086b3 +} + +/* NameBuiltinPseudo */ +.chroma .bp { + color: #999999 +} + +/* NameClass */ +.chroma .nc { + color: #445588; + font-weight: bold +} + +/* NameConstant */ +.chroma .no { + color: #008080 +} + +/* NameDecorator */ +.chroma .nd { + color: #3c5d5d; + font-weight: bold +} + +/* NameEntity */ +.chroma .ni { + color: #800080 +} + +/* NameException */ +.chroma .ne { + color: #990000; + font-weight: bold +} + +/* NameFunction */ +.chroma .nf { + color: #990000; + font-weight: bold +} + +/* NameFunctionMagic */ +.chroma .fm { +} + +/* NameLabel */ +.chroma .nl { + color: #990000; + font-weight: bold +} + +/* NameNamespace */ +.chroma .nn { + color: #555555 +} + +/* NameOther */ +.chroma .nx { +} + +/* NameProperty */ +.chroma .py { +} + +/* NameTag */ +.chroma .nt { + color: #000080 +} + +/* NameVariable */ +.chroma .nv { + color: #008080 +} + +/* NameVariableClass */ +.chroma .vc { + color: #008080 +} + +/* NameVariableGlobal */ +.chroma .vg { + color: #008080 +} + +/* NameVariableInstance */ +.chroma .vi { + color: #008080 +} + +/* NameVariableMagic */ +.chroma .vm { +} + +/* Literal */ +.chroma .l { +} + +/* LiteralDate */ +.chroma .ld { +} + +/* LiteralString */ +.chroma .s { + color: #dd1144 +} + +/* LiteralStringAffix */ +.chroma .sa { + color: #dd1144 +} + +/* LiteralStringBacktick */ +.chroma .sb { + color: #dd1144 +} + +/* LiteralStringChar */ +.chroma .sc { + color: #dd1144 +} + +/* LiteralStringDelimiter */ +.chroma .dl { + color: #dd1144 +} + +/* LiteralStringDoc */ +.chroma .sd { + color: #dd1144 +} + +/* LiteralStringDouble */ +.chroma .s2 { + color: #dd1144 +} + +/* LiteralStringEscape */ +.chroma .se { + color: #dd1144 +} + +/* LiteralStringHeredoc */ +.chroma .sh { + color: #dd1144 +} + +/* LiteralStringInterpol */ +.chroma .si { + color: #dd1144 +} + +/* LiteralStringOther */ +.chroma .sx { + color: #dd1144 +} + +/* LiteralStringRegex */ +.chroma .sr { + color: #009926 +} + +/* LiteralStringSingle */ +.chroma .s1 { + color: #dd1144 +} + +/* LiteralStringSymbol */ +.chroma .ss { + color: #990073 +} + +/* LiteralNumber */ +.chroma .m { + color: #009999 +} + +/* LiteralNumberBin */ +.chroma .mb { + color: #009999 +} + +/* LiteralNumberFloat */ +.chroma .mf { + color: #009999 +} + +/* LiteralNumberHex */ +.chroma .mh { + color: #009999 +} + +/* LiteralNumberInteger */ +.chroma .mi { + color: #009999 +} + +/* LiteralNumberIntegerLong */ +.chroma .il { + color: #009999 +} + +/* LiteralNumberOct */ +.chroma .mo { + color: #009999 +} + +/* Operator */ +.chroma .o { + color: #000000; + font-weight: bold +} + +/* OperatorWord */ +.chroma .ow { + color: #000000; + font-weight: bold +} + +/* Punctuation */ +.chroma .p { +} + +/* Comment */ +.chroma .c { + color: #999988; + font-style: italic +} + +/* CommentHashbang */ +.chroma .ch { + color: #999988; + font-style: italic +} + +/* CommentMultiline */ +.chroma .cm { + color: #999988; + font-style: italic +} + +/* CommentSingle */ +.chroma .c1 { + color: #6a737d; + /*font-style: italic*/ +} + +/* CommentSpecial */ +.chroma .cs { + color: #999999; + font-weight: bold; + font-style: italic +} + +/* CommentPreproc */ +.chroma .cp { + color: #999999; + font-weight: bold; + font-style: italic +} + +/* CommentPreprocFile */ +.chroma .cpf { + color: #999999; + font-weight: bold; + font-style: italic +} + +/* Generic */ +.chroma .g { +} + +/* GenericDeleted */ +.chroma .gd { + color: #000000; + background-color: #ffdddd +} + +/* GenericEmph */ +.chroma .ge { + color: #000000; + font-style: italic +} + +/* GenericError */ +.chroma .gr { + color: #aa0000 +} + +/* GenericHeading */ +.chroma .gh { + color: #999999 +} + +/* GenericInserted */ +.chroma .gi { + color: #000000; + background-color: #ddffdd +} + +/* GenericOutput */ +.chroma .go { + color: #888888 +} + +/* GenericPrompt */ +.chroma .gp { + color: #555555 +} + +/* GenericStrong */ +.chroma .gs { + font-weight: bold +} + +/* GenericSubheading */ +.chroma .gu { + color: #aaaaaa +} + +/* GenericTraceback */ +.chroma .gt { + color: #aa0000 +} + +/* GenericUnderline */ +.chroma .gl { + text-decoration: underline +} + +/* TextWhitespace */ +.chroma .w { + color: #bbbbbb +} diff --git a/docs/css/toc.css b/docs/css/toc.css index c7e4b68e..94f46427 100644 --- a/docs/css/toc.css +++ b/docs/css/toc.css @@ -1,6 +1,6 @@ /* toc style */ .toc { - height: 80%; + height: 90%; position: fixed; top: 50%; left: 3%; @@ -9,9 +9,18 @@ background-color: #f6f6f6; border-radius: 5px; padding-bottom: 1rem; - font-size: 14px; + font-size: 13px; overflow: scroll !important; + white-space: nowrap; /* 禁止文本换行 */ + text-overflow: ellipsis; /* 使用省略号表示超出的文本 */ } +/*1800以上*/ +@media screen and (min-width: 1800px) { + .toc { + font-size: 14px; + } +} + .toc::-webkit-scrollbar { /*滚动条整体样式*/ width : 7px; /*高宽分别对应横竖滚动条的尺寸*/ @@ -38,7 +47,7 @@ line-height: 1rem; } .toc-nav{ - margin-left: -25px; + margin-left: -30px; } /* ignore h1 header */ diff --git a/docs/posts/java/rookie-operation/index.html b/docs/posts/java/rookie-operation/index.html index 3e418cc6..2dec13c7 100644 --- a/docs/posts/java/rookie-operation/index.html +++ b/docs/posts/java/rookie-operation/index.html @@ -412,8 +412,40 @@ + + + + + + + + + + + + + + + + + + +