<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>演示 on 日常</title><link>https://blog.3plus10i.top/tags/%E6%BC%94%E7%A4%BA/</link><description>Recent content in 演示 on 日常</description><generator>Hugo -- gohugo.io</generator><language>zh-cn</language><lastBuildDate>Sat, 11 Apr 2026 04:00:00 +0000</lastBuildDate><atom:link href="https://blog.3plus10i.top/tags/%E6%BC%94%E7%A4%BA/index.xml" rel="self" type="application/rss+xml"/><item><title>排版效果展示</title><link>https://blog.3plus10i.top/p/%E6%8E%92%E7%89%88%E6%95%88%E6%9E%9C%E5%B1%95%E7%A4%BA/</link><pubDate>Sat, 11 Apr 2026 04:00:00 +0000</pubDate><guid>https://blog.3plus10i.top/p/%E6%8E%92%E7%89%88%E6%95%88%E6%9E%9C%E5%B1%95%E7%A4%BA/</guid><description>&lt;img src="https://blog.3plus10i.top/" alt="Featured image of post 排版效果展示" /&gt;&lt;h2 id="演示文章"&gt;演示文章
&lt;/h2&gt;&lt;p&gt;使用 &lt;code&gt;hugo new content post/example/index.md&lt;/code&gt; 命令创建了这篇文章。&lt;/p&gt;
&lt;h2 id="代码"&gt;代码
&lt;/h2&gt;&lt;p&gt;行内代码：Python 的列表推导式 &lt;code&gt;python&lt;/code&gt; &lt;code&gt;[x**2 for x in range(10)]&lt;/code&gt; 可以快速生成平方数列。&lt;/p&gt;
&lt;p&gt;块级代码：&lt;/p&gt;
&lt;div class="highlight"&gt;&lt;div class="chroma"&gt;
&lt;table class="lntable"&gt;&lt;tr&gt;&lt;td class="lntd"&gt;
&lt;pre tabindex="0" class="chroma"&gt;&lt;code&gt;&lt;span class="lnt"&gt;1
&lt;/span&gt;&lt;span class="lnt"&gt;2
&lt;/span&gt;&lt;span class="lnt"&gt;3
&lt;/span&gt;&lt;span class="lnt"&gt;4
&lt;/span&gt;&lt;span class="lnt"&gt;5
&lt;/span&gt;&lt;span class="lnt"&gt;6
&lt;/span&gt;&lt;span class="lnt"&gt;7
&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;
&lt;td class="lntd"&gt;
&lt;pre tabindex="0" class="chroma"&gt;&lt;code class="language-python" data-lang="python"&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="k"&gt;def&lt;/span&gt; &lt;span class="nf"&gt;fibonacci&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="n"&gt;n&lt;/span&gt;&lt;span class="p"&gt;):&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt; &lt;span class="n"&gt;a&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt; &lt;span class="n"&gt;b&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="mi"&gt;0&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt; &lt;span class="mi"&gt;1&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt; &lt;span class="k"&gt;for&lt;/span&gt; &lt;span class="n"&gt;_&lt;/span&gt; &lt;span class="ow"&gt;in&lt;/span&gt; &lt;span class="nb"&gt;range&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="n"&gt;n&lt;/span&gt;&lt;span class="p"&gt;):&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt; &lt;span class="n"&gt;a&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt; &lt;span class="n"&gt;b&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="n"&gt;b&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt; &lt;span class="n"&gt;a&lt;/span&gt; &lt;span class="o"&gt;+&lt;/span&gt; &lt;span class="n"&gt;b&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt; &lt;span class="k"&gt;return&lt;/span&gt; &lt;span class="n"&gt;a&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="nb"&gt;print&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="n"&gt;fibonacci&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="mi"&gt;10&lt;/span&gt;&lt;span class="p"&gt;))&lt;/span&gt; &lt;span class="c1"&gt;# 55&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;/div&gt;&lt;p&gt;不同语言不同高亮&lt;/p&gt;
&lt;div class="highlight"&gt;&lt;div class="chroma"&gt;
&lt;table class="lntable"&gt;&lt;tr&gt;&lt;td class="lntd"&gt;
&lt;pre tabindex="0" class="chroma"&gt;&lt;code&gt;&lt;span class="lnt"&gt;1
&lt;/span&gt;&lt;span class="lnt"&gt;2
&lt;/span&gt;&lt;span class="lnt"&gt;3
&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;
&lt;td class="lntd"&gt;
&lt;pre tabindex="0" class="chroma"&gt;&lt;code class="language-toml" data-lang="toml"&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="p"&gt;[&lt;/span&gt;&lt;span class="nx"&gt;markup&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;highlight&lt;/span&gt;&lt;span class="p"&gt;]&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt; &lt;span class="nx"&gt;noClasses&lt;/span&gt; &lt;span class="p"&gt;=&lt;/span&gt; &lt;span class="kc"&gt;false&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt; &lt;span class="nx"&gt;lineNos&lt;/span&gt; &lt;span class="p"&gt;=&lt;/span&gt; &lt;span class="kc"&gt;true&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;/div&gt;&lt;h2 id="公式"&gt;公式
&lt;/h2&gt;&lt;p&gt;行内公式：质能方程 $E = mc^2$，欧拉公式 $e^{i\pi} + 1 = 0$。&lt;/p&gt;
&lt;p&gt;块级公式：&lt;/p&gt;
$$
\int_{-\infty}^{\infty} e^{-x^2} \, dx = \sqrt{\pi}
$$&lt;p&gt;带编号的公式：&lt;/p&gt;
$$
\mathbf{A} = \begin{bmatrix} a_{11} &amp; a_{12} \\ a_{21} &amp; a_{22} \end{bmatrix}, \quad \det(\mathbf{A}) = a_{11}a_{22} - a_{12}a_{21} \tag{1.2}
$$&lt;h2 id="引用"&gt;引用
&lt;/h2&gt;
 &lt;blockquote&gt;
 &lt;p&gt;任何足够先进的技术，都与魔法无异。&lt;/p&gt;
&lt;p&gt;—— 亚瑟·C·克拉克&lt;/p&gt;

 &lt;/blockquote&gt;
&lt;blockquote class="alert alert-tip"&gt;
 &lt;div class="alert-header"&gt;
 &lt;span class="alert-icon"&gt;💡&lt;/span&gt;
 &lt;span class="alert-title"&gt;提示&lt;/span&gt;
 &lt;/div&gt;
 &lt;div class="alert-body"&gt;
 &lt;p&gt;带标识的引用，这里是TIP&lt;/p&gt;
 &lt;/div&gt;
 &lt;/blockquote&gt;
&lt;h2 id="表格"&gt;表格
&lt;/h2&gt;&lt;table&gt;
 &lt;thead&gt;
 &lt;tr&gt;
 &lt;th&gt;语法&lt;/th&gt;
 &lt;th&gt;说明&lt;/th&gt;
 &lt;th&gt;示例&lt;/th&gt;
 &lt;/tr&gt;
 &lt;/thead&gt;
 &lt;tbody&gt;
 &lt;tr&gt;
 &lt;td&gt;&lt;code&gt;*斜体*&lt;/code&gt;&lt;/td&gt;
 &lt;td&gt;斜体文本&lt;/td&gt;
 &lt;td&gt;&lt;em&gt;italic&lt;/em&gt;&lt;/td&gt;
 &lt;/tr&gt;
 &lt;tr&gt;
 &lt;td&gt;&lt;code&gt;**粗体**&lt;/code&gt;&lt;/td&gt;
 &lt;td&gt;粗体文本&lt;/td&gt;
 &lt;td&gt;&lt;strong&gt;bold&lt;/strong&gt;&lt;/td&gt;
 &lt;/tr&gt;
 &lt;tr&gt;
 &lt;td&gt;&lt;code&gt;`代码`&lt;/code&gt;&lt;/td&gt;
 &lt;td&gt;行内代码&lt;/td&gt;
 &lt;td&gt;&lt;code&gt;code&lt;/code&gt;&lt;/td&gt;
 &lt;/tr&gt;
 &lt;tr&gt;
 &lt;td&gt;&lt;code&gt;$公式$&lt;/code&gt;&lt;/td&gt;
 &lt;td&gt;行内公式&lt;/td&gt;
 &lt;td&gt;$x^2$&lt;/td&gt;
 &lt;/tr&gt;
 &lt;/tbody&gt;
&lt;/table&gt;
&lt;h2 id="分割线"&gt;分割线
&lt;/h2&gt;&lt;p&gt;分割线宽度设置为 70% ，更自然&lt;/p&gt;
&lt;hr&gt;
&lt;p&gt;分割线下方的内容。&lt;/p&gt;
&lt;h2 id="多级标题"&gt;多级标题
&lt;/h2&gt;&lt;h3 id="三级标题"&gt;三级标题
&lt;/h3&gt;&lt;p&gt;注意到右侧显示了本文的目录。&lt;/p&gt;
&lt;h4 id="四级标题"&gt;四级标题
&lt;/h4&gt;&lt;p&gt;正文内容。&lt;/p&gt;
&lt;h5 id="五级标题"&gt;五级标题
&lt;/h5&gt;&lt;p&gt;正文内容。&lt;/p&gt;

 &lt;blockquote&gt;
 &lt;p&gt;[EOF]&lt;/p&gt;

 &lt;/blockquote&gt;</description></item></channel></rss>