feat: hugo

Author: sincebyte

README.html

@@ -4,7 +4,7 @@
 #+title: doom org style
 #+subtitle: A vairty of template about org mode code which one referenced the doom doc style
 #+author: vanniuner
-#+OPTIONS: prop:nil timestamp:nil \n:t ^:nil f:t toc:t author:t num:t H:2
+#+OPTIONS: prop:nil timestamp:nil \n:t ^:nil f:t toc:t author:nil num:t H:2
 #+HTML_HEAD: <script src="http://code.jquery.com/jquery-2.0.0.min.js"></script>
 
 # #+HTML_HEAD: <script src="https://emacs-1308440781.cos.ap-chengdu.myqcloud.com/scroll.js"></script>
@@ -14,6 +14,7 @@
 #+LATEX_COMPILER: xelatex
 #+LATEX_CLASS: elegantpaper
 #+HTML_HEAD: <a href="https://github.com/vanniuner/doom-org-style" class="github-corner" aria-label="View source on GitHub"><svg width="80" height="80" viewBox="0 0 250 250" style="fill:#70B7FD; color:#fff; position: absolute; top: 0; border: 0; right: 0;" aria-hidden="true"><path d="M0,0 L115,115 L130,115 L142,142 L250,250 L250,0 Z"></path><path d="M128.3,109.0 C113.8,99.7 119.0,89.6 119.0,89.6 C122.0,82.7 120.5,78.6 120.5,78.6 C119.2,72.0 123.4,76.3 123.4,76.3 C127.3,80.9 125.5,87.3 125.5,87.3 C122.9,97.6 130.6,101.9 134.4,103.2" fill="currentColor" style="transform-origin: 130px 106px;" class="octo-arm"></path><path d="M115.0,115.0 C114.9,115.1 118.7,116.5 119.8,115.4 L133.7,101.6 C136.9,99.2 139.9,98.4 142.2,98.6 C133.8,88.0 127.5,74.4 143.8,58.0 C148.5,53.4 154.0,51.2 159.7,51.0 C160.3,49.4 163.2,43.6 171.4,40.1 C171.4,40.1 176.1,42.5 178.8,56.2 C183.1,58.6 187.2,61.8 190.9,65.4 C194.5,69.0 197.7,73.2 200.1,77.6 C213.8,80.2 216.3,84.9 216.3,84.9 C212.7,93.1 206.9,96.0 205.4,96.6 C205.1,102.4 203.0,107.8 198.3,112.5 C181.9,128.9 168.3,122.5 157.7,114.1 C157.9,116.9 156.7,120.9 152.7,124.9 L141.0,136.5 C139.8,137.7 141.6,141.9 141.8,141.8 Z" fill="currentColor" class="octo-body"></path></svg></a>
+
 #+begin_quote
 样式引用：https://docs.doomemacs.org/latest/#/modules
 #+end_quote
@@ -170,12 +171,6 @@ The expression which at the right of equation  , @# stands for the row number of
 #+end_src
 ~C-c~ ~C-c~ to execute it
 * LaTex 公式
-#+begin_src txt
-$\mbox{需求的价格弹性系数} = \frac{\mbox{需求的变动率}}{\mbox{价格的变动率}}$
-#+end_src
-
-$$\mbox{需求的价格弹性系数} = \frac{\mbox{需求的变动率}}{\mbox{价格的变动率}}$$
-
 #+CAPTION: laTex 公式
 $$\begin{aligned}
 \cos 3\theta & = \cos (2 \theta + \theta) \\
@@ -544,7 +539,6 @@ use ~org-plot/gnuplot~ for generate.
 ** WHAT IS CONNECTOR
 #+begin_src ds2 :file test.svg
 direction: right
-style.fill : transparent
 platform : BPM
 
 platform -> RocketMq: invoke  {
@@ -590,7 +584,6 @@ DataBase -> System : belong{
 #+end_src
 
 #+RESULTS:
-[[file:test.svg]]
 ** d2 workflow
 #+begin_src d2 :file devflow.svg
     direction: right
@@ -710,6 +703,172 @@ DataBase -> System : belong{
     style.stroke-width: 3
     }
     #+end_src
+** d2 6.2
+#+begin_src d2 :file demov6.2.png
+grid-rows: 4
+grid-columns: 5
+horizontal-gap: 20
+vertical-gap: 5
+
+*.class: [text; blue]
+
+0,0: {
+  label: "npm i -g\n@forge/cli"
+  style: {
+    fill: "#30304c"
+    stroke: transparent
+    font-color: white
+    font: mono
+    font-size: 10
+    bold: false
+  }
+}
+0,1: {
+  label: "Set up an\nAtlassian site"
+  class: [text; gray]
+}
+0,2.class: empty
+0,3: {
+  label: "View the hello\nworld app"
+  class: [text; gray]
+}
+0,4: forge\ntunnel
+
+1*.class: note
+1*.label: ""
+1,0
+1,1
+1,2
+1,3
+1,4
+
+2,0: forge\nlogin
+2,1: forge\ncreate
+2,2: forge\ndeploy
+2,3: forge\ninstall
+2,4: {
+  shape: diamond
+  label: "Hot reload\nchanges?"
+  class: [text; gray]
+}
+
+3*.class: note
+3,0: Step 1
+3,1: Step 2
+3,2: Step 3
+3,3: Step 4
+3,4: ""
+
+4,0: "" {
+  grid-rows: 3
+  grid-columns: 1
+  grid-gap: 0
+
+  class: []
+
+  style: {
+    fill: transparent
+    stroke: transparent
+  }
+
+  *.style: {
+    fill: transparent
+    stroke: transparent
+    font-color: "#30304c"
+    font-size: 10
+    bold: false
+  }
+  *.label.near: center-left
+  *.height: 20
+  a: ⬤ Forge CLI {
+    style.font-color: "#0033cc"
+  }
+
+  b: ⬤ Required {
+    style.font-color: "#30304c"
+  }
+  c: ⬤ Optional {
+    style.font-color: "#cecece"
+  }
+}
+4,1.class: empty
+4,2.class: empty
+4,3.class: empty
+4,4: forge\ndeploy
+
+0,0 -> 2,0 -> 2,1 -> 2,2 -> 2,3 -> 2,4: {
+  class: arrow
+}
+2,1 -> 0,1: {
+  class: arrow
+  style.stroke: "#cecece"
+}
+2,3 -> 0,3: {
+  class: arrow
+  style.stroke: "#cecece"
+}
+2,4 -> 0,4: Yes {
+  class: arrow
+  style.font-size: 10
+}
+2,4 -> 4,4: No {
+  class: arrow
+  style.font-size: 10
+}
+
+classes: {
+  text.style: {
+    stroke: transparent
+    font-color: white
+    font: mono
+    font-size: 10
+    bold: false
+  }
+  text: {
+    width: 100
+    height: 60
+  }
+  blue.style: {
+    fill: "#0033cc"
+    stroke: "#0033cc"
+    border-radius: 10
+  }
+  gray.style: {
+    fill: "#cecece"
+    stroke: "#cecece"
+    border-radius: 10
+  }
+  note: {
+    height: 30
+    label.near: top-center
+    style: {
+      font-size: 10
+      bold: false
+      fill: transparent
+      stroke: transparent
+    }
+  }
+  empty: {
+    label: ""
+    width: 50
+    height: 50
+    style: {
+      fill: transparent
+      stroke: transparent
+    }
+  }
+  arrow: {
+    target-arrowhead.shape: arrow
+    style: {
+      stroke: black
+      stroke-width: 2
+    }
+  }
+}
+#+end_src
+#+RESULTS:
+[[file:demov6.2.png]]
+
 * org 转 Word
 #+begin_src shell
 pandoc -o ~/Desktop/out.docx ~/.doom.d/README.org
@@ -725,3 +884,15 @@ Use unicode character could express of what you think more directly,cause an ima
 Here are some unicode website of listing those character,✌
 - https://unicode.yunser.com/common
 - https://cn.piliapp.com/symbol/
+
+* a
+- [X] Add list feature
+- [ ] copy to clipboard
+#+CAPTION[Short caption]: square
+|---+-----+-----+-----+-----------+------------|
+| N | N^2 | N^3 | N^4 |   sqrt(n) | sqrt[4](N) |
+|---+-----+-----+-----+-----------+------------|
+| 1 |   1 |   1 |   1 |         1 |          1 |
+| 2 |   4 |   8 |  16 | 1.4142136 |  1.1892071 |
+| 3 |   9 |  27 |  81 | 1.7320508 |  1.3160740 |
+|---+-----+-----+-----+-----------+------------|

README.md

@@ -6,8 +6,10 @@ body {
    height: 100%;
    margin: 0;
    background-size: 5px 5px;
-  }
-
+}
+body::-webkit-scrollbar {
+  width: 0; /* 隐藏滚动条 */
+}
 .toggletheme {
     z-index: 999;
     position: fixed;
@@ -154,6 +156,9 @@ body {
 
 
 @media screen and (max-width: 1335px) {
+    #preamble{
+      transform: translateX(-240px);
+    }
 
    .btncheck {
      display: none;
@@ -182,7 +187,7 @@ body {
         display: none;
     }
   .previousButton {
-    width: 100px;
+    width: 30px;
     height: 100vh;
     position: fixed;
     left: 0px;
@@ -195,7 +200,7 @@ body {
     font-size: 2em;
   }
   .nextButton {
-    width: 100px;
+    width: 30px;
     height: 100vh;
     position: fixed;
     right: 0px;
@@ -212,23 +217,26 @@ body {
 
 
 @media screen and (min-width: 1335px) {
-
    .hidden-content {
-      transform: translateX(-240px);
+      transform: translateX(240px);
+   }
+
+    #preamble {
+      transform: translateX(0px);
    }
 
    #content {
        max-width: 60em;
-       padding-left: 240px;
+       /* padding-left: 160px; */
    }
 
     .light h1.title ,.dark h1.title{
         text-align: left;
-        margin: 1em 0 0 0px;
+        margin: 0.5em 0 0 0px;
     }
 
   .previousButton {
-    width: 100px;
+    width: 30px;
     height: 100vh;
     position: fixed;
     left: 240px;
@@ -241,7 +249,7 @@ body {
     font-size: 2em;
   }
   .nextButton {
-    width: 100px;
+    width: 30px;
     height: 100vh;
     position: fixed;
     right: 0px;
@@ -263,3 +271,9 @@ body {
     -ms-user-select: none; /* Internet Explorer */
     user-select: none; /* Standard syntax */
 }
+.figure p {
+  text-align: left;
+}
+#preamble {
+  display: none !important;
+}