为 markdown 和博客添加折叠

当我们在文章某段代码中写太多内容时，进行适当的内容折叠是非常有必要的。

当然对我来说其实更重要的是对证明内容的折叠. 有的时候我们希望对证明内容进行折叠, 从而更加方便的进行大致的总览, 而非沉浸在证明的细节中, 有的时候这些细节与大纲无关或者太过琐碎, 我希望能将其折叠.

可以点击一下下述代码:

Show Code

#include
int main() {
    printf("Hello world");
    return 0;
}

<details>  
<summary><font size="4" color="orange">Show Code</font></summary>
<pre><code class="language-cpp">#include<stdio.h>
int main() {
    printf("Hello world");
    return 0;
}
</code> </pre> 
</details>

在 Typora 里面, 有一点需要注意的就是, 在 <details>和</details>之间不能加任何的\t, \n, 否则会显示不出来. 不过对于最后生成的 html 博客网页是没有任何影响的.

这样做虽然方便, 但也有一些缺点, 就比如说在 Typora 上面显示的折叠, 在数学公式上的显示会有问题, 如下

但是在网页上就没有这样的问题:

$v_A\in\mathscr S$ 是容易验证的:

考虑 $\varphi=\langle Ax, x \rangle$, 显然有 $\partial_i\varphi = 2\sum_{j=1}^n a_{ij}x_j.$ 因此可以得到 $$ \partial_i v_A(x) = (\partial_i\varphi)v_A(x) = \left(-2\sum_{j=1}^na_{ij}x_j \right)v_A(x)=:f_i(x) v_A(x) $$ 不妨假设 $\partial_x^\alpha v_A = f_{\alpha}(x)v_A$, 其中 $f_\alpha$ 是一个最高次项次数为 $|\alpha|$ 的多项式. 对于 $\alpha'=\alpha+e_i$, 我们有 $$ \begin{aligned} &\partial_x^{\alpha'}v_A = \partial_i\partial_x^{\alpha}v_A =\partial_i\left(f_\alpha v_A\right)\\ =&(\partial_if_\alpha)v_A + f_\alpha\partial_iv_A = (\partial_i f_\alpha + f_if_\alpha)v_A=:f_{\alpha'}v_A \end{aligned} $$ 因此 $$ x^\alpha\partial_x^\beta v_A = f_{\alpha, \beta}(x)v_A, $$ 其中 $f_{\alpha, \beta}$ 是一个多项式, 而 $f v_A$ 在无穷远处为 0, 又因为光滑函数在紧集上一致有界, 因此 $$ |x^\alpha\partial_x^\beta v_A|\leq C. $$

折叠代码样式更新 (填充代码至Code标签即可)

<details class="custom-block details" style="display: block; position: relative; border-radius: 2px; margin: 1.6em 0px; padding: 1.6em; background-color: rgb(238, 238, 238); color: rgb(44, 62, 80); font-family: -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, Roboto, Oxygen, Ubuntu, Cantarell, &quot;Fira Sans&quot;, &quot;Droid Sans&quot;, &quot;Helvetica Neue&quot;, sans-serif; font-size: 16px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;"><summary style="outline: none; cursor: pointer;">Code (C++)</summary><pre><code class="language-cpp">代码放置区</code></pre></details>

实际样式

Code (C++)