diff --git a/docs/quickreference.html b/docs/quickreference.html index 92e230d4..725da4e5 100644 --- a/docs/quickreference.html +++ b/docs/quickreference.html @@ -35,7 +35,7 @@ localStorage.setItem(LOCAL_NANE, mode); }

Quick Reference 备忘清单

-

这是您可以在 Quick Reference 备忘单上使用的样式参考，快速参与贡献！

+

这是您可以在 Quick Reference 备忘单上使用的样式参考，快速参与贡献！

入门

本地编译预览

简单的将仓库克隆下来本地调试页面展示。

@@ -640,6 +640,24 @@

<!--rehype:className=cols-4-->

+

列表步骤

+ +
    +
  • 重命名为 new_name +
    $ git branch -m <new_name>
+
    +
    • +
  • 推送和重置 +
    $ git push origin -u <new_name>
+
    +
    • +
  • 删除远程分支 +
    $ git push origin --delete <old>
+
    +
    • +
+ +

<!--rehype:className=style-timeline-->

没有标记

  • Item 1
    • @@ -648,9 +666,20 @@
  • Item 4
  • Item 5
  • Item 6
    • +
  • Item 7
    • +
  • Item 8
    • +
  • Item 9

<!--rehype:className=cols-3 style-none-->

+

圆圈标记

+
    +
  • Item 1
    • +
  • Item 2
    • +
  • Item 3
    • +
+ +

<!--rehype:className=style-round-->

H2 部分 - 5列效果展示

One

diff --git a/index.html b/index.html index 9c6e7bc0..8a52dea7 100644 --- a/index.html +++ b/index.html @@ -114,9 +114,11 @@ Vim - - -XPath

+ + + + +XPath

Linux 命令

Chmod diff --git a/style/style.css b/style/style.css index a7e0a47d..ef9f2d9e 100644 --- a/style/style.css +++ b/style/style.css @@ -576,6 +576,55 @@ body:not(.home) .h2wrap > h2 a::after { position: relative; } +.h2wrap-body ul.style-timeline { + counter-reset: stepCount; +} +.h2wrap-body ul.style-timeline li:first-child:before { + background-color: #228e6c; + color: rgb(226 232 240/1); +} +.h2wrap-body ul.style-timeline li::before { + color: #228e6c; + background-color: #fff; + counter-increment: stepCount; + content: counter(stepCount); + border-radius: initial; + border-radius: 0.5rem; + height: 1.5rem; + width: 1.5rem; + text-align: center; + font-size: 0.875rem; + line-height: 1.30rem; + border: 2px solid #228e6c; + top: -1px; + left: -14px; +} +.h2wrap-body ul.style-timeline li:last-child { + border-image: linear-gradient(to bottom,#228e6c,rgba(0,0,0,0)) 1 100%; +} +.h2wrap-body ul.style-timeline li { + border-bottom: 0 !important; + padding-top: 0 !important; + padding-bottom: 25px !important; + border-left: 2px solid #228e6c; + margin-left: 30px; +} +.h2wrap-body ul.style-timeline li > pre { + padding: 0 !important; + padding-top: 10px !important; + height: initial !important; +} + +.h2wrap-body ul.style-round li::before { + border-radius: 9999px; + border-width: 2px; + height: 0.5rem; + width: 0.5rem; + border-color: #228e6c; + background: transparent; + top: 14px; +} + .wrap-body ul:last-child { margin-bottom: 0; }