feat: add emmet.md cheatsheet. 45a20dd749

docs/npm.html

@@ -248,6 +248,12 @@
 </span><span class="code-line"><span class="token function">npm</span> unpublish <span class="token operator">&#x3C;</span>package-name<span class="token operator">></span>@<span class="token operator">&#x3C;</span>version<span class="token operator">></span>
 </span></code></pre>
 <p>注意：如果您取消发布整个包，则必须在 24 小时后才能发布该包的任何新版本。</p>
+</div></div></div><div class="wrap"><div class="wrap-header h3wrap"><h3 id="发布包-npmjsorg"><a aria-hidden="true" tabindex="-1" href="#发布包-npmjsorg"><span class="icon icon-link"></span></a>发布包 npmjs.org</h3><div class="wrap-body">
+<pre class="language-bash"><code class="language-bash code-highlight"><span class="code-line"><span class="token function">npm</span> publish
+</span><span class="code-line"><span class="token comment"># 第一次需要指定公开参数</span>
+</span><span class="code-line"><span class="token function">npm</span> publish <span class="token parameter variable">--access</span> public
+</span></code></pre>
+<p>发布公开包，到 npmjs.org</p>
 </div></div></div></div></div><div class="wrap"><div class="wrap-header h2wrap"><h2 id="配置"><a aria-hidden="true" tabindex="-1" href="#配置"><span class="icon icon-link"></span></a>配置</h2><div class="wrap-body">
 </div></div><div class="h2wrap-body"><div class="wrap"><div class="wrap-header h3wrap"><h3 id="npmrc"><a aria-hidden="true" tabindex="-1" href="#npmrc"><span class="icon icon-link"></span></a>.npmrc</h3><div class="wrap-body">
 

docs/quickreference.html

@@ -239,7 +239,11 @@
 
 
 
-<table class="shortcuts"><thead><tr><th align="left">:-</th><th>-</th></tr></thead><tbody><tr><td align="left"><code>&#x3C;yel></code></td><td><yel>黄色</yel></td></tr><tr><td align="left"><code>&#x3C;pur></code></td><td><pur>紫色</pur></td></tr><tr><td align="left"><code>&#x3C;code></code> 或 <code>``</code></td><td><code>绿</code><code>色</code></td></tr></tbody></table>
+
+
+
+
+<table class="shortcuts"><thead><tr><th align="left">:-</th><th>-</th></tr></thead><tbody><tr><td align="left"><code>&#x3C;yel></code></td><td><yel>黄色</yel></td></tr><tr><td align="left"><code>&#x3C;pur></code></td><td><pur>紫色</pur></td></tr><tr><td align="left"><code>&#x3C;code></code> 或 <code>``</code></td><td><code>绿</code><code>色</code></td></tr><tr><td align="left"><code>&#x3C;del></code> 或 <code>~~删除~~</code></td><td><del><del>红色</del></del></td></tr></tbody></table>
 <!--rehype:className=shortcuts-->
 </div></div></div></div></div><div class="wrap"><div class="wrap-header h2wrap"><h2 id="布局"><a aria-hidden="true" tabindex="-1" href="#布局"><span class="icon icon-link"></span></a>布局</h2><div class="wrap-body">
 </div></div><div class="h2wrap-body"><div class="wrap row-span-2"><div class="wrap-header h3wrap"><h3 id="h2-部分"><a aria-hidden="true" tabindex="-1" href="#h2-部分"><span class="icon icon-link"></span></a>H2 部分</h3><div class="wrap-body">

docs/typescript.html

@@ -958,7 +958,8 @@
 </span><span class="code-line">
 </span><span class="code-line"><span class="token operator">&#x3C;</span>MyComponent header<span class="token operator">=</span><span class="token punctuation">{</span><span class="token operator">&#x3C;</span>h1<span class="token operator">></span>Header<span class="token operator">&#x3C;</span><span class="token operator">/</span>h1<span class="token operator">></span><span class="token punctuation">}</span> body<span class="token operator">=</span><span class="token punctuation">{</span><span class="token operator">&#x3C;</span>i<span class="token operator">></span>body<span class="token operator">&#x3C;</span><span class="token operator">/</span>i<span class="token operator">></span><span class="token punctuation">}</span> <span class="token operator">/</span><span class="token operator">></span>
 </span></code></pre>
-</div></div></div><div class="wrap"><div class="wrap-header h3wrap"><h3 id="泛型组件"><a aria-hidden="true" tabindex="-1" href="#泛型组件"><span class="icon icon-link"></span></a>泛型组件</h3><div class="wrap-body">
+</div></div></div><div class="wrap col-span-2"><div class="wrap-header h3wrap"><h3 id="泛型组件"><a aria-hidden="true" tabindex="-1" href="#泛型组件"><span class="icon icon-link"></span></a>泛型组件</h3><div class="wrap-body">
+<!--rehype:wrap-class=col-span-2-->
 <pre class="language-tsx"><code class="language-tsx code-highlight"><span class="code-line"><span class="token comment">// 一个泛型组件</span>
 </span><span class="code-line"><span class="token keyword">type</span> <span class="token class-name">SelectProps<span class="token operator">&#x3C;</span><span class="token constant">T</span><span class="token operator">></span></span> <span class="token operator">=</span> <span class="token punctuation">{</span> items<span class="token operator">:</span> <span class="token constant">T</span><span class="token punctuation">[</span><span class="token punctuation">]</span> <span class="token punctuation">}</span><span class="token punctuation">;</span>
 </span><span class="code-line"><span class="token keyword">class</span> <span class="token class-name">Select<span class="token operator">&#x3C;</span><span class="token constant">T</span><span class="token operator">></span></span> <span class="token keyword">extends</span> <span class="token class-name">React</span><span class="token punctuation">.</span><span class="token property-access"><span class="token maybe-class-name">Component</span></span><span class="token operator">&#x3C;</span><span class="token maybe-class-name">SelectProps</span><span class="token operator">&#x3C;</span><span class="token constant">T</span><span class="token operator">></span><span class="token punctuation">,</span> <span class="token builtin">any</span><span class="token operator">></span> <span class="token punctuation">{</span><span class="token punctuation">}</span>

index.html

@@ -82,7 +82,10 @@
 <span>TypeScript</span></a><!--rehype:style=background: rgb(49 120 198/var(\-\-bg\-opacity));--></p>
 <!--rehype:class=home-card-->
 </div></div></div><div class="wrap"><div class="wrap-header h2wrap"><h2 id="工具包"><a aria-hidden="true" tabindex="-1" href="#工具包"><span class="icon icon-link"></span></a>工具包</h2><div class="wrap-body">
-<p class="home-card"><a href="./docs/npm.html" style="background: rgb(203 2 0/var(\-\-bg\-opacity));"><svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="currentColor" height="1em" width="1em">
+<p class="home-card"><a href="./docs/emmet.html" style="background: rgb(122 203 23/var(\-\-bg\-opacity));"><svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" height="1em" width="1em" viewBox="0 0 153 151">
+  <path d="M76.2378757,0 C118.342892,0 152.475751,33.7082594 152.475751,75.2895046 C152.475751,116.87075 118.342892,150.579009 76.2378757,150.579009 C34.1328596,150.579009 0,116.87075 0,75.2895046 C0,33.7082594 34.1328596,0 76.2378757,0 Z M60.5934369,46.9019586 L19.8384036,56.9645627 L92.6150779,128.835332 L102.803239,88.5872762 L94.3131047,80.2021662 L87.0356763,108.950356 L70.5395345,92.6594199 L75.3909542,73.9732442 L56.2267408,78.5252622 L39.7305989,62.2343264 L68.8415078,55.0474265 L60.5934369,46.9019586 Z M116.873372,33.007443 L76.1189361,43.0694569 L84.367007,51.2149248 L102.561176,47.1421909 L98.1944795,64.8703887 L106.684613,73.2549084 L116.873372,33.007443 Z" transform="translate(0 .421)"></path>
+</svg><span>Emmet</span></a><!--rehype:style=background: rgb(122 203 23/var(\-\-bg\-opacity));-->
+<a href="./docs/npm.html" style="background: rgb(203 2 0/var(\-\-bg\-opacity));"><svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="currentColor" height="1em" width="1em">
   <path d="M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z"></path>
 </svg>
 <span>npm</span></a><!--rehype:style=background: rgb(203 2 0/var(\-\-bg\-opacity));-->

style/style.css

@@ -203,8 +203,7 @@ table td:first-child>code {
   --text-opacity: 1;
   color: rgb(5 150 105/var(--text-opacity));
 }
-table td:first-child>del>code {
+table td > del, table td:first-child > del > code, .wrap-body p > del > code {
-  text-decoration: inherit;
   color: var(--color-danger-fg);
 }
 
@@ -844,16 +843,7 @@ body:not(.home) .h2wrap > h2 a::after {
   }
 }
 
-@media (min-width: 768px) {
+@media only screen and (max-width: 375px) {
-  .home-card {
-    grid-template-columns: repeat(4,minmax(0,1fr));
-  }
-  .wrap-header.h3wrap > .wrap-body {
-    overflow: initial;
-  }
-}
-
-@media (min-width: 375px) {
   .header-nav .title {
     font-size: 1rem;
   }
@@ -877,6 +867,9 @@ body:not(.home) .h2wrap > h2 a::after {
   .wrap-header.h3wrap > .wrap-body {
     overflow: auto;
   }
+  .tooltip:hover .tooltiptext {
+    display: none;
+  }
   .h1wrap-body {
     gap: 2rem;
   }
@@ -893,4 +886,16 @@ body:not(.home) .h2wrap > h2 a::after {
   .footer-wrap {
     font-size: 0.75rem;
   }
-}
+}
+
+@media (min-width: 768px) {
+  .home-card {
+    grid-template-columns: repeat(4,minmax(0,1fr));
+  }
+  .wrap-header.h3wrap > .wrap-body {
+    overflow: initial;
+  }
+  .tooltip:hover .tooltiptext {
+    display: inline-block;
+  }
+}