<?xml version="1.0" encoding="UTF-8"?><rss version="2.0" xmlns:content="http://purl.org/rss/1.0/modules/content/"><channel><title>Sun&apos;s Blog</title><description>Notes, code, and experiments</description><link>https://blog.sunmmyapi.xyz/</link><language>zh_CN</language><item><title>模拟集成电路期末复习：用漫画串起运放、反馈、滤波和限制</title><link>https://blog.sunmmyapi.xyz/posts/analog-ic-final-review-comic/</link><guid isPermaLink="true">https://blog.sunmmyapi.xyz/posts/analog-ic-final-review-comic/</guid><description>一篇图文结合的模拟集成电路复习笔记：从理想运放规则出发，串起负反馈、有源滤波器、开关电容、输入偏置电流和压摆率。</description><pubDate>Thu, 28 May 2026 00:00:00 GMT</pubDate><content:encoded>&lt;p&gt;这篇是博客发布流程的第一篇测试文：不用重新生成图片，只复用已经整理好的模拟集成电路漫画页，再配一份期末复习用的文字和公式。目标不是把课件完整搬一遍，而是把考试里最容易连成一条线的概念先钉住：&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;理想运放规则 -&amp;gt; 负反馈建立闭环 -&amp;gt; RC 进入反馈变成滤波器 -&amp;gt; 开关电容把电阻变成时钟控制 -&amp;gt; 静态误差和动态限制决定真实边界。&lt;/p&gt;
&lt;/blockquote&gt;
&lt;h2&gt;1. 理想运放：先记住两条“分析规则”&lt;/h2&gt;
&lt;p&gt;&lt;img src=&quot;./ch1_05_ideal_opamp_rules.jpg&quot; alt=&quot;理想运放规则&quot; /&gt;&lt;/p&gt;
&lt;p&gt;理想运放在线性负反馈里最常用的两条近似是：&lt;/p&gt;
&lt;p&gt;$$
v_+ \approx v_-
$$&lt;/p&gt;
&lt;p&gt;$$
i_+ \approx i_- \approx 0
$$&lt;/p&gt;
&lt;p&gt;第一条常被叫作“虚短”：两个输入端电位近似相等。第二条常被叫作“虚断”：输入端电流近似为零。&lt;/p&gt;
&lt;p&gt;但考试里真正要小心的是条件：这两条规则只在负反馈成立、运放未饱和、开环增益足够大时好用。它不是物理短路，也不是任何电路里都成立。&lt;/p&gt;
&lt;p&gt;一个更稳的分析动作是：&lt;/p&gt;
&lt;ol&gt;
&lt;li&gt;先判断是不是负反馈。&lt;/li&gt;
&lt;li&gt;再判断输出有没有可能饱和。&lt;/li&gt;
&lt;li&gt;最后才用 $v_+ \approx v_-$ 和 $i_\pm \approx 0$ 列方程。&lt;/li&gt;
&lt;/ol&gt;
&lt;h2&gt;2. 负反馈：把“大而不准”的开环增益变成“准而可控”的闭环增益&lt;/h2&gt;
&lt;p&gt;&lt;img src=&quot;./ch1_09_negative_feedback.jpg&quot; alt=&quot;负反馈&quot; /&gt;&lt;/p&gt;
&lt;p&gt;运放本身开环增益 $A$ 很大，但不稳定、离散性强、频率一高还会下降。负反馈的意义是牺牲一部分增益，换来闭环传输的可控性。&lt;/p&gt;
&lt;p&gt;最常见的反馈形式可以写成：&lt;/p&gt;
&lt;p&gt;$$
A_f=\frac{A}{1+A\beta}
$$&lt;/p&gt;
&lt;p&gt;当环路增益足够大：&lt;/p&gt;
&lt;p&gt;$$
A\beta \gg 1
$$&lt;/p&gt;
&lt;p&gt;闭环增益近似为：&lt;/p&gt;
&lt;p&gt;$$
A_f \approx \frac{1}{\beta}
$$&lt;/p&gt;
&lt;p&gt;也就是说，闭环结果主要由反馈网络 $\beta$ 决定，而不是由运放开环增益 $A$ 决定。这就是反相、同相、仪表放大器、有源滤波器能稳定工作的底层原因。&lt;/p&gt;
&lt;p&gt;复习时可以把负反馈理解成一个自动纠错系统：输出偏离目标，反馈就把误差送回输入端，让差模输入变小。&lt;/p&gt;
&lt;h2&gt;3. 二阶滤波器：$\omega_n$ 定位置，$Q$ 定尖锐程度&lt;/h2&gt;
&lt;p&gt;&lt;img src=&quot;./ch3_07_second_order_standard_response.jpg&quot; alt=&quot;二阶标准响应&quot; /&gt;&lt;/p&gt;
&lt;p&gt;有源滤波器的核心不是背每张电路图，而是读懂传递函数。标准二阶分母通常写成：&lt;/p&gt;
&lt;p&gt;$$
s^2+\frac{\omega_n}{Q}s+\omega_n^2
$$&lt;/p&gt;
&lt;p&gt;这里两个参数最重要：&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;$\omega_n$：自然角频率，决定响应大概发生在哪个频率附近。&lt;/li&gt;
&lt;li&gt;$Q$：品质因数，决定响应尖不尖、峰值强不强、阶跃后振不振。&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;低通、高通、带通、带阻、全通常常共用类似的二阶分母，只是分子不同。判断滤波器类型时，先看两个极限：&lt;/p&gt;
&lt;p&gt;$$
\omega \to 0
$$&lt;/p&gt;
&lt;p&gt;$$
\omega \to \infty
$$&lt;/p&gt;
&lt;p&gt;如果低频通过、高频衰减，是低通；如果低频被压掉、高频通过，是高通；如果两边都压掉、中间通过，是带通。&lt;/p&gt;
&lt;p&gt;考试里 $Q$ 的直觉很关键：$Q$ 大，选择性更强，但也更容易峰化、振铃，对元件误差更敏感。&lt;/p&gt;
&lt;h2&gt;4. 开关电容：用时钟把电阻“合成”出来&lt;/h2&gt;
&lt;p&gt;&lt;img src=&quot;./ch4_07_switched_capacitor_equivalent_resistor.jpg&quot; alt=&quot;开关电容等效电阻&quot; /&gt;&lt;/p&gt;
&lt;p&gt;集成电路里，大电阻往往面积大、精度差。开关电容电路用一个电容和两相不交叠时钟来搬运电荷，等效出一个电阻。&lt;/p&gt;
&lt;p&gt;每个时钟周期转移的电荷近似为：&lt;/p&gt;
&lt;p&gt;$$
\Delta Q=C\Delta V
$$&lt;/p&gt;
&lt;p&gt;若时钟频率为 $f_s$，平均电流为：&lt;/p&gt;
&lt;p&gt;$$
I=Cf_s\Delta V
$$&lt;/p&gt;
&lt;p&gt;和电阻电流：&lt;/p&gt;
&lt;p&gt;$$
I=\frac{\Delta V}{R}
$$&lt;/p&gt;
&lt;p&gt;对比得到等效电阻：&lt;/p&gt;
&lt;p&gt;$$
R_{\text{eq}}=\frac{1}{Cf_s}
$$&lt;/p&gt;
&lt;p&gt;这个公式很适合期末记忆：开关电容的“阻值”由电容和时钟频率决定。$f_s$ 越高，单位时间搬运电荷越多，等效电阻越小。&lt;/p&gt;
&lt;p&gt;它的工程意义也很直接：片上电容比例和时钟频率通常比绝对电阻更好控制，所以开关电容滤波器适合做集成的精确时间常数。&lt;/p&gt;
&lt;h2&gt;5. 静态限制：输入偏置电流会把“虚断”打破成误差&lt;/h2&gt;
&lt;p&gt;&lt;img src=&quot;./ch5_03_input_bias_offset_current.jpg&quot; alt=&quot;输入偏置电流&quot; /&gt;&lt;/p&gt;
&lt;p&gt;理想运放假设输入电流为零，但真实运放输入级总会有偏置电流。若输入端等效电阻较大，偏置电流会在电阻上形成电压误差：&lt;/p&gt;
&lt;p&gt;$$
V_{\text{err}} \approx I_B R
$$&lt;/p&gt;
&lt;p&gt;这类误差在积分器、传感器前端、跨阻放大器里尤其明显，因为这些电路常常有高阻节点或电容长期积累误差。&lt;/p&gt;
&lt;p&gt;一个常见补偿思路是让两输入端看到的等效电阻尽量匹配，使两个偏置电流造成的压降相互抵消。若偏置电流不相等，还要考虑输入失调电流：&lt;/p&gt;
&lt;p&gt;$$
I_{OS}=|I_{B+}-I_{B-}|
$$&lt;/p&gt;
&lt;p&gt;期末做题时不要只写“输入电流约为零”。如果题目给了 $I_B$、$I_{OS}$ 或高阻反馈网络，就要立刻想到静态误差。&lt;/p&gt;
&lt;h2&gt;6. 动态限制：压摆率决定大信号最快能变多快&lt;/h2&gt;
&lt;p&gt;&lt;img src=&quot;./ch6_07_slew_rate_step_limit.jpg&quot; alt=&quot;压摆率限制&quot; /&gt;&lt;/p&gt;
&lt;p&gt;增益带宽积描述小信号频率响应，但压摆率描述大信号变化速度上限。运放输出电压最快变化率定义为：&lt;/p&gt;
&lt;p&gt;$$
SR=\max\left|\frac{dV_o}{dt}\right|
$$&lt;/p&gt;
&lt;p&gt;对正弦输出：&lt;/p&gt;
&lt;p&gt;$$
v_o(t)=V_p\sin(2\pi ft)
$$&lt;/p&gt;
&lt;p&gt;最大斜率为：&lt;/p&gt;
&lt;p&gt;$$
\max\left|\frac{dv_o}{dt}\right|=2\pi fV_p
$$&lt;/p&gt;
&lt;p&gt;为了不发生压摆率失真，需要：&lt;/p&gt;
&lt;p&gt;$$
2\pi fV_p \le SR
$$&lt;/p&gt;
&lt;p&gt;因此满功率带宽为：&lt;/p&gt;
&lt;p&gt;$$
f_{\text{PB}}=\frac{SR}{2\pi V_p}
$$&lt;/p&gt;
&lt;p&gt;这个式子很适合区分两个概念：&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;小信号带宽：由开环频响、闭环增益和补偿决定。&lt;/li&gt;
&lt;li&gt;大信号带宽：受 $SR$ 和输出幅度限制。&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;如果题目说“频率不高但波形变三角”，优先想到压摆率；如果题目说“小幅正弦幅度滚降”，优先想到增益带宽积。&lt;/p&gt;
&lt;h2&gt;7. 一张期末复习地图&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;/td&gt;
&lt;td&gt;负反馈下 $v_+\approx v_-$，$i_\pm\approx 0$&lt;/td&gt;
&lt;td&gt;判断虚短虚断是否能用&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;负反馈&lt;/td&gt;
&lt;td&gt;$A_f=A/(1+A\beta)$&lt;/td&gt;
&lt;td&gt;环路增益大时闭环由反馈网络决定&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;有源滤波&lt;/td&gt;
&lt;td&gt;看 $H(s)$ 的极点、零点和极限&lt;/td&gt;
&lt;td&gt;判断滤波类型、Bode 斜率、稳定性&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;二阶响应&lt;/td&gt;
&lt;td&gt;$\omega_n$ 定频率，$Q$ 定峰化和带宽&lt;/td&gt;
&lt;td&gt;Butterworth、带宽、振铃、灵敏度&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;开关电容&lt;/td&gt;
&lt;td&gt;$R_{\text{eq}}=1/(Cf_s)$&lt;/td&gt;
&lt;td&gt;用电荷守恒推等效电阻&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;静态误差&lt;/td&gt;
&lt;td&gt;$I_B R$、$V_{OS}$、CMRR、PSRR&lt;/td&gt;
&lt;td&gt;判断误差来源和补偿方法&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;动态限制&lt;/td&gt;
&lt;td&gt;GBP 小信号，SR 大信号&lt;/td&gt;
&lt;td&gt;区分带宽滚降和压摆率失真&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;最后复习建议：不要把每章当孤立知识点。模拟集成电路的期末题通常是在问同一件事：&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;这个电路在理想模型下怎么工作？真实运放的哪些非理想性会让它偏离？应该用什么电路或参数去补救？&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;能按这三个问题组织答案，很多推导就不会散。&lt;/p&gt;
</content:encoded></item><item><title>Markdown Extended Features</title><link>https://blog.sunmmyapi.xyz/posts/markdown-extended/</link><guid isPermaLink="true">https://blog.sunmmyapi.xyz/posts/markdown-extended/</guid><description>Read more about Markdown features in Fuwari</description><pubDate>Wed, 01 May 2024 00:00:00 GMT</pubDate><content:encoded>&lt;h2&gt;GitHub Repository Cards&lt;/h2&gt;
&lt;p&gt;You can add dynamic cards that link to GitHub repositories, on page load, the repository information is pulled from the GitHub API.&lt;/p&gt;
&lt;p&gt;::github{repo=&quot;Fabrizz/MMM-OnSpotify&quot;}&lt;/p&gt;
&lt;p&gt;Create a GitHub repository card with the code &lt;code&gt;::github{repo=&quot;&amp;lt;owner&amp;gt;/&amp;lt;repo&amp;gt;&quot;}&lt;/code&gt;.&lt;/p&gt;
&lt;pre&gt;&lt;code&gt;::github{repo=&quot;saicaca/fuwari&quot;}
&lt;/code&gt;&lt;/pre&gt;
&lt;h2&gt;Admonitions&lt;/h2&gt;
&lt;p&gt;Following types of admonitions are supported: &lt;code&gt;note&lt;/code&gt; &lt;code&gt;tip&lt;/code&gt; &lt;code&gt;important&lt;/code&gt; &lt;code&gt;warning&lt;/code&gt; &lt;code&gt;caution&lt;/code&gt;&lt;/p&gt;
&lt;p&gt;:::note
Highlights information that users should take into account, even when skimming.
:::&lt;/p&gt;
&lt;p&gt;:::tip
Optional information to help a user be more successful.
:::&lt;/p&gt;
&lt;p&gt;:::important
Crucial information necessary for users to succeed.
:::&lt;/p&gt;
&lt;p&gt;:::warning
Critical content demanding immediate user attention due to potential risks.
:::&lt;/p&gt;
&lt;p&gt;:::caution
Negative potential consequences of an action.
:::&lt;/p&gt;
&lt;h3&gt;Basic Syntax&lt;/h3&gt;
&lt;pre&gt;&lt;code&gt;:::note
Highlights information that users should take into account, even when skimming.
:::

:::tip
Optional information to help a user be more successful.
:::
&lt;/code&gt;&lt;/pre&gt;
&lt;h3&gt;Custom Titles&lt;/h3&gt;
&lt;p&gt;The title of the admonition can be customized.&lt;/p&gt;
&lt;p&gt;:::note[MY CUSTOM TITLE]
This is a note with a custom title.
:::&lt;/p&gt;
&lt;pre&gt;&lt;code&gt;:::note[MY CUSTOM TITLE]
This is a note with a custom title.
:::
&lt;/code&gt;&lt;/pre&gt;
&lt;h3&gt;GitHub Syntax&lt;/h3&gt;
&lt;blockquote&gt;
&lt;p&gt;[!TIP]
&lt;a href=&quot;https://github.com/orgs/community/discussions/16925&quot;&gt;The GitHub syntax&lt;/a&gt; is also supported.&lt;/p&gt;
&lt;/blockquote&gt;
&lt;pre&gt;&lt;code&gt;&amp;gt; [!NOTE]
&amp;gt; The GitHub syntax is also supported.

&amp;gt; [!TIP]
&amp;gt; The GitHub syntax is also supported.
&lt;/code&gt;&lt;/pre&gt;
&lt;h3&gt;Spoiler&lt;/h3&gt;
&lt;p&gt;You can add spoilers to your text. The text also supports &lt;strong&gt;Markdown&lt;/strong&gt; syntax.&lt;/p&gt;
&lt;p&gt;The content :spoiler[is hidden &lt;strong&gt;ayyy&lt;/strong&gt;]!&lt;/p&gt;
&lt;pre&gt;&lt;code&gt;The content :spoiler[is hidden **ayyy**]!

&lt;/code&gt;&lt;/pre&gt;
</content:encoded></item><item><title>Expressive Code Example</title><link>https://blog.sunmmyapi.xyz/posts/expressive-code/</link><guid isPermaLink="true">https://blog.sunmmyapi.xyz/posts/expressive-code/</guid><description>How code blocks look in Markdown using Expressive Code.</description><pubDate>Wed, 10 Apr 2024 00:00:00 GMT</pubDate><content:encoded>&lt;p&gt;Here, we&apos;ll explore how code blocks look using &lt;a href=&quot;https://expressive-code.com/&quot;&gt;Expressive Code&lt;/a&gt;. The provided examples are based on the official documentation, which you can refer to for further details.&lt;/p&gt;
&lt;h2&gt;Expressive Code&lt;/h2&gt;
&lt;h3&gt;Syntax Highlighting&lt;/h3&gt;
&lt;p&gt;&lt;a href=&quot;https://expressive-code.com/key-features/syntax-highlighting/&quot;&gt;Syntax Highlighting&lt;/a&gt;&lt;/p&gt;
&lt;h4&gt;Regular syntax highlighting&lt;/h4&gt;
&lt;pre&gt;&lt;code&gt;console.log(&apos;This code is syntax highlighted!&apos;)
&lt;/code&gt;&lt;/pre&gt;
&lt;h4&gt;Rendering ANSI escape sequences&lt;/h4&gt;
&lt;pre&gt;&lt;code&gt;ANSI colors:
- Regular: [31mRed[0m [32mGreen[0m [33mYellow[0m [34mBlue[0m [35mMagenta[0m [36mCyan[0m
- Bold:    [1;31mRed[0m [1;32mGreen[0m [1;33mYellow[0m [1;34mBlue[0m [1;35mMagenta[0m [1;36mCyan[0m
- Dimmed:  [2;31mRed[0m [2;32mGreen[0m [2;33mYellow[0m [2;34mBlue[0m [2;35mMagenta[0m [2;36mCyan[0m

256 colors (showing colors 160-177):
[38;5;160m160 [38;5;161m161 [38;5;162m162 [38;5;163m163 [38;5;164m164 [38;5;165m165[0m
[38;5;166m166 [38;5;167m167 [38;5;168m168 [38;5;169m169 [38;5;170m170 [38;5;171m171[0m
[38;5;172m172 [38;5;173m173 [38;5;174m174 [38;5;175m175 [38;5;176m176 [38;5;177m177[0m

Full RGB colors:
[38;2;34;139;34mForestGreen - RGB(34, 139, 34)[0m

Text formatting: [1mBold[0m [2mDimmed[0m [3mItalic[0m [4mUnderline[0m
&lt;/code&gt;&lt;/pre&gt;
&lt;h3&gt;Editor &amp;amp; Terminal Frames&lt;/h3&gt;
&lt;p&gt;&lt;a href=&quot;https://expressive-code.com/key-features/frames/&quot;&gt;Editor &amp;amp; Terminal Frames&lt;/a&gt;&lt;/p&gt;
&lt;h4&gt;Code editor frames&lt;/h4&gt;
&lt;pre&gt;&lt;code&gt;console.log(&apos;Title attribute example&apos;)
&lt;/code&gt;&lt;/pre&gt;
&lt;hr /&gt;
&lt;pre&gt;&lt;code&gt;&amp;lt;!-- src/content/index.html --&amp;gt;
&amp;lt;div&amp;gt;File name comment example&amp;lt;/div&amp;gt;
&lt;/code&gt;&lt;/pre&gt;
&lt;h4&gt;Terminal frames&lt;/h4&gt;
&lt;pre&gt;&lt;code&gt;echo &quot;This terminal frame has no title&quot;
&lt;/code&gt;&lt;/pre&gt;
&lt;hr /&gt;
&lt;pre&gt;&lt;code&gt;Write-Output &quot;This one has a title!&quot;
&lt;/code&gt;&lt;/pre&gt;
&lt;h4&gt;Overriding frame types&lt;/h4&gt;
&lt;pre&gt;&lt;code&gt;echo &quot;Look ma, no frame!&quot;
&lt;/code&gt;&lt;/pre&gt;
&lt;hr /&gt;
&lt;pre&gt;&lt;code&gt;# Without overriding, this would be a terminal frame
function Watch-Tail { Get-Content -Tail 20 -Wait $args }
New-Alias tail Watch-Tail
&lt;/code&gt;&lt;/pre&gt;
&lt;h3&gt;Text &amp;amp; Line Markers&lt;/h3&gt;
&lt;p&gt;&lt;a href=&quot;https://expressive-code.com/key-features/text-markers/&quot;&gt;Text &amp;amp; Line Markers&lt;/a&gt;&lt;/p&gt;
&lt;h4&gt;Marking full lines &amp;amp; line ranges&lt;/h4&gt;
&lt;pre&gt;&lt;code&gt;// Line 1 - targeted by line number
// Line 2
// Line 3
// Line 4 - targeted by line number
// Line 5
// Line 6
// Line 7 - targeted by range &quot;7-8&quot;
// Line 8 - targeted by range &quot;7-8&quot;
&lt;/code&gt;&lt;/pre&gt;
&lt;h4&gt;Selecting line marker types (mark, ins, del)&lt;/h4&gt;
&lt;pre&gt;&lt;code&gt;function demo() {
  console.log(&apos;this line is marked as deleted&apos;)
  // This line and the next one are marked as inserted
  console.log(&apos;this is the second inserted line&apos;)

  return &apos;this line uses the neutral default marker type&apos;
}
&lt;/code&gt;&lt;/pre&gt;
&lt;h4&gt;Adding labels to line markers&lt;/h4&gt;
&lt;pre&gt;&lt;code&gt;// labeled-line-markers.jsx
&amp;lt;button
  role=&quot;button&quot;
  {...props}
  value={value}
  className={buttonClassName}
  disabled={disabled}
  active={active}
&amp;gt;
  {children &amp;amp;&amp;amp;
    !active &amp;amp;&amp;amp;
    (typeof children === &apos;string&apos; ? &amp;lt;span&amp;gt;{children}&amp;lt;/span&amp;gt; : children)}
&amp;lt;/button&amp;gt;
&lt;/code&gt;&lt;/pre&gt;
&lt;h4&gt;Adding long labels on their own lines&lt;/h4&gt;
&lt;pre&gt;&lt;code&gt;// labeled-line-markers.jsx
&amp;lt;button
  role=&quot;button&quot;
  {...props}

  value={value}
  className={buttonClassName}

  disabled={disabled}
  active={active}
&amp;gt;

  {children &amp;amp;&amp;amp;
    !active &amp;amp;&amp;amp;
    (typeof children === &apos;string&apos; ? &amp;lt;span&amp;gt;{children}&amp;lt;/span&amp;gt; : children)}
&amp;lt;/button&amp;gt;
&lt;/code&gt;&lt;/pre&gt;
&lt;h4&gt;Using diff-like syntax&lt;/h4&gt;
&lt;pre&gt;&lt;code&gt;+this line will be marked as inserted
-this line will be marked as deleted
this is a regular line
&lt;/code&gt;&lt;/pre&gt;
&lt;hr /&gt;
&lt;pre&gt;&lt;code&gt;--- a/README.md
+++ b/README.md
@@ -1,3 +1,4 @@
+this is an actual diff file
-all contents will remain unmodified
 no whitespace will be removed either
&lt;/code&gt;&lt;/pre&gt;
&lt;h4&gt;Combining syntax highlighting with diff-like syntax&lt;/h4&gt;
&lt;pre&gt;&lt;code&gt;  function thisIsJavaScript() {
    // This entire block gets highlighted as JavaScript,
    // and we can still add diff markers to it!
-   console.log(&apos;Old code to be removed&apos;)
+   console.log(&apos;New and shiny code!&apos;)
  }
&lt;/code&gt;&lt;/pre&gt;
&lt;h4&gt;Marking individual text inside lines&lt;/h4&gt;
&lt;pre&gt;&lt;code&gt;function demo() {
  // Mark any given text inside lines
  return &apos;Multiple matches of the given text are supported&apos;;
}
&lt;/code&gt;&lt;/pre&gt;
&lt;h4&gt;Regular expressions&lt;/h4&gt;
&lt;pre&gt;&lt;code&gt;console.log(&apos;The words yes and yep will be marked.&apos;)
&lt;/code&gt;&lt;/pre&gt;
&lt;h4&gt;Escaping forward slashes&lt;/h4&gt;
&lt;pre&gt;&lt;code&gt;echo &quot;Test&quot; &amp;gt; /home/test.txt
&lt;/code&gt;&lt;/pre&gt;
&lt;h4&gt;Selecting inline marker types (mark, ins, del)&lt;/h4&gt;
&lt;pre&gt;&lt;code&gt;function demo() {
  console.log(&apos;These are inserted and deleted marker types&apos;);
  // The return statement uses the default marker type
  return true;
}
&lt;/code&gt;&lt;/pre&gt;
&lt;h3&gt;Word Wrap&lt;/h3&gt;
&lt;p&gt;&lt;a href=&quot;https://expressive-code.com/key-features/word-wrap/&quot;&gt;Word Wrap&lt;/a&gt;&lt;/p&gt;
&lt;h4&gt;Configuring word wrap per block&lt;/h4&gt;
&lt;pre&gt;&lt;code&gt;// Example with wrap
function getLongString() {
  return &apos;This is a very long string that will most probably not fit into the available space unless the container is extremely wide&apos;
}
&lt;/code&gt;&lt;/pre&gt;
&lt;hr /&gt;
&lt;pre&gt;&lt;code&gt;// Example with wrap=false
function getLongString() {
  return &apos;This is a very long string that will most probably not fit into the available space unless the container is extremely wide&apos;
}
&lt;/code&gt;&lt;/pre&gt;
&lt;h4&gt;Configuring indentation of wrapped lines&lt;/h4&gt;
&lt;pre&gt;&lt;code&gt;// Example with preserveIndent (enabled by default)
function getLongString() {
  return &apos;This is a very long string that will most probably not fit into the available space unless the container is extremely wide&apos;
}
&lt;/code&gt;&lt;/pre&gt;
&lt;hr /&gt;
&lt;pre&gt;&lt;code&gt;// Example with preserveIndent=false
function getLongString() {
  return &apos;This is a very long string that will most probably not fit into the available space unless the container is extremely wide&apos;
}
&lt;/code&gt;&lt;/pre&gt;
&lt;h2&gt;Collapsible Sections&lt;/h2&gt;
&lt;p&gt;&lt;a href=&quot;https://expressive-code.com/plugins/collapsible-sections/&quot;&gt;Collapsible Sections&lt;/a&gt;&lt;/p&gt;
&lt;pre&gt;&lt;code&gt;// All this boilerplate setup code will be collapsed
import { someBoilerplateEngine } from &apos;@example/some-boilerplate&apos;
import { evenMoreBoilerplate } from &apos;@example/even-more-boilerplate&apos;

const engine = someBoilerplateEngine(evenMoreBoilerplate())

// This part of the code will be visible by default
engine.doSomething(1, 2, 3, calcFn)

function calcFn() {
  // You can have multiple collapsed sections
  const a = 1
  const b = 2
  const c = a + b

  // This will remain visible
  console.log(`Calculation result: ${a} + ${b} = ${c}`)
  return c
}

// All this code until the end of the block will be collapsed again
engine.closeConnection()
engine.freeMemory()
engine.shutdown({ reason: &apos;End of example boilerplate code&apos; })
&lt;/code&gt;&lt;/pre&gt;
&lt;h2&gt;Line Numbers&lt;/h2&gt;
&lt;p&gt;&lt;a href=&quot;https://expressive-code.com/plugins/line-numbers/&quot;&gt;Line Numbers&lt;/a&gt;&lt;/p&gt;
&lt;h3&gt;Displaying line numbers per block&lt;/h3&gt;
&lt;pre&gt;&lt;code&gt;// This code block will show line numbers
console.log(&apos;Greetings from line 2!&apos;)
console.log(&apos;I am on line 3&apos;)
&lt;/code&gt;&lt;/pre&gt;
&lt;hr /&gt;
&lt;pre&gt;&lt;code&gt;// Line numbers are disabled for this block
console.log(&apos;Hello?&apos;)
console.log(&apos;Sorry, do you know what line I am on?&apos;)
&lt;/code&gt;&lt;/pre&gt;
&lt;h3&gt;Changing the starting line number&lt;/h3&gt;
&lt;pre&gt;&lt;code&gt;console.log(&apos;Greetings from line 5!&apos;)
console.log(&apos;I am on line 6&apos;)
&lt;/code&gt;&lt;/pre&gt;
</content:encoded></item><item><title>Simple Guides for Fuwari</title><link>https://blog.sunmmyapi.xyz/posts/guide/</link><guid isPermaLink="true">https://blog.sunmmyapi.xyz/posts/guide/</guid><description>How to use this blog template.</description><pubDate>Mon, 01 Apr 2024 00:00:00 GMT</pubDate><content:encoded>&lt;blockquote&gt;
&lt;p&gt;Cover image source: &lt;a href=&quot;https://image.civitai.com/xG1nkqKTMzGDvpLrqFT7WA/208fc754-890d-4adb-9753-2c963332675d/width=2048/01651-1456859105-(colour_1.5),girl,_Blue,yellow,green,cyan,purple,red,pink,_best,8k,UHD,masterpiece,male%20focus,%201boy,gloves,%20ponytail,%20long%20hair,.jpeg&quot;&gt;Source&lt;/a&gt;&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;This blog template is built with &lt;a href=&quot;https://astro.build/&quot;&gt;Astro&lt;/a&gt;. For the things that are not mentioned in this guide, you may find the answers in the &lt;a href=&quot;https://docs.astro.build/&quot;&gt;Astro Docs&lt;/a&gt;.&lt;/p&gt;
&lt;h2&gt;Front-matter of Posts&lt;/h2&gt;
&lt;pre&gt;&lt;code&gt;---
title: My First Blog Post
published: 2023-09-09
description: This is the first post of my new Astro blog.
image: ./cover.jpg
tags: [Foo, Bar]
category: Front-end
draft: false
---
&lt;/code&gt;&lt;/pre&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;Attribute&lt;/th&gt;
&lt;th&gt;Description&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;&lt;code&gt;title&lt;/code&gt;&lt;/td&gt;
&lt;td&gt;The title of the post.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;code&gt;published&lt;/code&gt;&lt;/td&gt;
&lt;td&gt;The date the post was published.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;code&gt;description&lt;/code&gt;&lt;/td&gt;
&lt;td&gt;A short description of the post. Displayed on index page.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;code&gt;image&lt;/code&gt;&lt;/td&gt;
&lt;td&gt;The cover image path of the post.&amp;lt;br/&amp;gt;1. Start with &lt;code&gt;http://&lt;/code&gt; or &lt;code&gt;https://&lt;/code&gt;: Use web image&amp;lt;br/&amp;gt;2. Start with &lt;code&gt;/&lt;/code&gt;: For image in &lt;code&gt;public&lt;/code&gt; dir&amp;lt;br/&amp;gt;3. With none of the prefixes: Relative to the markdown file&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;code&gt;tags&lt;/code&gt;&lt;/td&gt;
&lt;td&gt;The tags of the post.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;code&gt;category&lt;/code&gt;&lt;/td&gt;
&lt;td&gt;The category of the post.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;code&gt;draft&lt;/code&gt;&lt;/td&gt;
&lt;td&gt;If this post is still a draft, which won&apos;t be displayed.&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;h2&gt;Where to Place the Post Files&lt;/h2&gt;
&lt;p&gt;Your post files should be placed in &lt;code&gt;src/content/posts/&lt;/code&gt; directory. You can also create sub-directories to better organize your posts and assets.&lt;/p&gt;
&lt;pre&gt;&lt;code&gt;src/content/posts/
├── post-1.md
└── post-2/
    ├── cover.png
    └── index.md
&lt;/code&gt;&lt;/pre&gt;
</content:encoded></item><item><title>Markdown Example</title><link>https://blog.sunmmyapi.xyz/posts/markdown/</link><guid isPermaLink="true">https://blog.sunmmyapi.xyz/posts/markdown/</guid><description>A simple example of a Markdown blog post.</description><pubDate>Sun, 01 Oct 2023 00:00:00 GMT</pubDate><content:encoded>&lt;h1&gt;An h1 header&lt;/h1&gt;
&lt;p&gt;Paragraphs are separated by a blank line.&lt;/p&gt;
&lt;p&gt;2nd paragraph. &lt;em&gt;Italic&lt;/em&gt;, &lt;strong&gt;bold&lt;/strong&gt;, and &lt;code&gt;monospace&lt;/code&gt;. Itemized lists
look like:&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;this one&lt;/li&gt;
&lt;li&gt;that one&lt;/li&gt;
&lt;li&gt;the other one&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;Note that --- not considering the asterisk --- the actual text
content starts at 4-columns in.&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;Block quotes are
written like so.&lt;/p&gt;
&lt;p&gt;They can span multiple paragraphs,
if you like.&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;Use 3 dashes for an em-dash. Use 2 dashes for ranges (ex., &quot;it&apos;s all
in chapters 12--14&quot;). Three dots ... will be converted to an ellipsis.
Unicode is supported. ☺&lt;/p&gt;
&lt;h2&gt;An h2 header&lt;/h2&gt;
&lt;p&gt;Here&apos;s a numbered list:&lt;/p&gt;
&lt;ol&gt;
&lt;li&gt;first item&lt;/li&gt;
&lt;li&gt;second item&lt;/li&gt;
&lt;li&gt;third item&lt;/li&gt;
&lt;/ol&gt;
&lt;p&gt;Note again how the actual text starts at 4 columns in (4 characters
from the left side). Here&apos;s a code sample:&lt;/p&gt;
&lt;pre&gt;&lt;code&gt;# Let me re-iterate ...
for i in 1 .. 10 { do-something(i) }
&lt;/code&gt;&lt;/pre&gt;
&lt;p&gt;As you probably guessed, indented 4 spaces. By the way, instead of
indenting the block, you can use delimited blocks, if you like:&lt;/p&gt;
&lt;pre&gt;&lt;code&gt;define foobar() {
    print &quot;Welcome to flavor country!&quot;;
}
&lt;/code&gt;&lt;/pre&gt;
&lt;p&gt;(which makes copying &amp;amp; pasting easier). You can optionally mark the
delimited block for Pandoc to syntax highlight it:&lt;/p&gt;
&lt;pre&gt;&lt;code&gt;import time
# Quick, count to ten!
for i in range(10):
    # (but not *too* quick)
    time.sleep(0.5)
    print i
&lt;/code&gt;&lt;/pre&gt;
&lt;h3&gt;An h3 header&lt;/h3&gt;
&lt;p&gt;Now a nested list:&lt;/p&gt;
&lt;ol&gt;
&lt;li&gt;
&lt;p&gt;First, get these ingredients:&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;carrots&lt;/li&gt;
&lt;li&gt;celery&lt;/li&gt;
&lt;li&gt;lentils&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;Boil some water.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;Dump everything in the pot and follow
this algorithm:&lt;/p&gt;
&lt;pre&gt;&lt;code&gt; find wooden spoon
 uncover pot
 stir
 cover pot
 balance wooden spoon precariously on pot handle
 wait 10 minutes
 goto first step (or shut off burner when done)
&lt;/code&gt;&lt;/pre&gt;
&lt;p&gt;Do not bump wooden spoon or it will fall.&lt;/p&gt;
&lt;/li&gt;
&lt;/ol&gt;
&lt;p&gt;Notice again how text always lines up on 4-space indents (including
that last line which continues item 3 above).&lt;/p&gt;
&lt;p&gt;Here&apos;s a link to &lt;a href=&quot;http://foo.bar&quot;&gt;a website&lt;/a&gt;, to a &lt;a href=&quot;local-doc.html&quot;&gt;local
doc&lt;/a&gt;, and to a &lt;a href=&quot;#an-h2-header&quot;&gt;section heading in the current
doc&lt;/a&gt;. Here&apos;s a footnote [^1].&lt;/p&gt;
&lt;p&gt;[^1]: Footnote text goes here.&lt;/p&gt;
&lt;p&gt;Tables can look like this:&lt;/p&gt;
&lt;p&gt;size material color&lt;/p&gt;
&lt;hr /&gt;
&lt;p&gt;9 leather brown
10 hemp canvas natural
11 glass transparent&lt;/p&gt;
&lt;p&gt;Table: Shoes, their sizes, and what they&apos;re made of&lt;/p&gt;
&lt;p&gt;(The above is the caption for the table.) Pandoc also supports
multi-line tables:&lt;/p&gt;
&lt;hr /&gt;
&lt;p&gt;keyword text&lt;/p&gt;
&lt;hr /&gt;
&lt;p&gt;red Sunsets, apples, and
other red or reddish
things.&lt;/p&gt;
&lt;p&gt;green Leaves, grass, frogs
and other things it&apos;s
not easy being.&lt;/p&gt;
&lt;hr /&gt;
&lt;p&gt;A horizontal rule follows.&lt;/p&gt;
&lt;hr /&gt;
&lt;p&gt;Here&apos;s a definition list:&lt;/p&gt;
&lt;p&gt;apples
: Good for making applesauce.
oranges
: Citrus!
tomatoes
: There&apos;s no &quot;e&quot; in tomatoe.&lt;/p&gt;
&lt;p&gt;Again, text is indented 4 spaces. (Put a blank line between each
term/definition pair to spread things out more.)&lt;/p&gt;
&lt;p&gt;Here&apos;s a &quot;line block&quot;:&lt;/p&gt;
&lt;p&gt;| Line one
| Line too
| Line tree&lt;/p&gt;
&lt;p&gt;and images can be specified like so:&lt;/p&gt;
&lt;p&gt;Inline math equations go in like so: $\omega = d\phi / dt$. Display
math should get its own line and be put in in double-dollarsigns:&lt;/p&gt;
&lt;p&gt;$$I = \int \rho R^{2} dV$$&lt;/p&gt;
&lt;p&gt;$$
\begin{equation*}
\pi
=3.1415926535
;8979323846;2643383279;5028841971;6939937510;5820974944
;5923078164;0628620899;8628034825;3421170679;\ldots
\end{equation*}
$$&lt;/p&gt;
&lt;p&gt;And note that you can backslash-escape any punctuation characters
which you wish to be displayed literally, ex.: `foo`, *bar*, etc.&lt;/p&gt;
</content:encoded></item><item><title>Include Video in the Posts</title><link>https://blog.sunmmyapi.xyz/posts/video/</link><guid isPermaLink="true">https://blog.sunmmyapi.xyz/posts/video/</guid><description>This post demonstrates how to include embedded video in a blog post.</description><pubDate>Tue, 01 Aug 2023 00:00:00 GMT</pubDate><content:encoded>&lt;p&gt;Just copy the embed code from YouTube or other platforms, and paste it in the markdown file.&lt;/p&gt;
&lt;pre&gt;&lt;code&gt;---
title: Include Video in the Post
published: 2023-10-19
// ...
---

&amp;lt;iframe width=&quot;100%&quot; height=&quot;468&quot; src=&quot;https://www.youtube.com/embed/5gIf0_xpFPI?si=N1WTorLKL0uwLsU_&quot; title=&quot;YouTube video player&quot; frameborder=&quot;0&quot; allowfullscreen&amp;gt;&amp;lt;/iframe&amp;gt;
&lt;/code&gt;&lt;/pre&gt;
&lt;h2&gt;YouTube&lt;/h2&gt;
&lt;p&gt;&amp;lt;iframe width=&quot;100%&quot; height=&quot;468&quot; src=&quot;https://www.youtube.com/embed/5gIf0_xpFPI?si=N1WTorLKL0uwLsU_&quot; title=&quot;YouTube video player&quot; frameborder=&quot;0&quot; allow=&quot;accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share&quot; allowfullscreen&amp;gt;&amp;lt;/iframe&amp;gt;&lt;/p&gt;
&lt;h2&gt;Bilibili&lt;/h2&gt;
&lt;p&gt;&amp;lt;iframe width=&quot;100%&quot; height=&quot;468&quot; src=&quot;//player.bilibili.com/player.html?bvid=BV1fK4y1s7Qf&amp;amp;p=1&quot; scrolling=&quot;no&quot; border=&quot;0&quot; frameborder=&quot;no&quot; framespacing=&quot;0&quot; allowfullscreen=&quot;true&quot;&amp;gt; &amp;lt;/iframe&amp;gt;&lt;/p&gt;
</content:encoded></item></channel></rss>