<?xml version="1.0" encoding="UTF-8"?><?xml-stylesheet href="/rss/rss-styles.xsl" type="text/xsl"?><rss version="2.0" xmlns:content="http://purl.org/rss/1.0/modules/content/"><channel><title>shiyou</title><description>shiyou 的个人博客，记录生活、学习与思考。</description><link>https://www.dsyou.cn/</link><language>zh-CN</language><image><url>https://www.dsyou.cn/favicon/favicon.ico</url><title>shiyou</title><link>https://www.dsyou.cn/</link></image><appleTouchIcon>https://www.dsyou.cn/favicon/apple-touch-icon.png</appleTouchIcon><item><title>博客全功能演示</title><link>https://www.dsyou.cn/blog/feature-demo/</link><guid isPermaLink="true">https://www.dsyou.cn/blog/feature-demo/</guid><description>这篇文章演示博客支持的所有功能：图片、视频、代码、表格、数学公式、引用等。</description><pubDate>Thu, 06 Aug 2026 00:00:00 GMT</pubDate><content:encoded>&lt;p&gt;这是一篇&lt;strong&gt;全功能演示文章&lt;/strong&gt;，展示博客支持的各种功能。所有内容都可以直接复制参考。&lt;/p&gt;
&lt;h2&gt;文字格式&lt;/h2&gt;
&lt;p&gt;支持 &lt;strong&gt;加粗&lt;/strong&gt;、&lt;em&gt;斜体&lt;/em&gt;、&lt;s&gt;删除线&lt;/s&gt;、&lt;code&gt;行内代码&lt;/code&gt;，以及 &lt;a href=&quot;https://www.dsyou.cn&quot;&gt;超链接&lt;/a&gt;。&lt;/p&gt;
&lt;h2&gt;列表&lt;/h2&gt;
&lt;p&gt;无序列表：&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;苹果&lt;/li&gt;
&lt;li&gt;香蕉&lt;/li&gt;
&lt;li&gt;橙子&lt;/li&gt;
&lt;/ul&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;第三步：网站自动更新&lt;/li&gt;
&lt;/ol&gt;
&lt;h2&gt;引用&lt;/h2&gt;
&lt;blockquote&gt;
&lt;p&gt;不积跬步，无以至千里；不积小流，无以成江海。&lt;/p&gt;
&lt;p&gt;—— 荀子&lt;/p&gt;
&lt;/blockquote&gt;
&lt;h2&gt;代码块&lt;/h2&gt;
&lt;pre&gt;&lt;code&gt;function greet(name) {
  return `你好，${name}！`;
}
console.log(greet(&quot;shiyou&quot;));
&lt;/code&gt;&lt;/pre&gt;
&lt;h2&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;/td&gt;
&lt;td&gt;✅&lt;/td&gt;
&lt;td&gt;本地/外链均可&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;视频&lt;/td&gt;
&lt;td&gt;✅&lt;/td&gt;
&lt;td&gt;YouTube / B站&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;代码高亮&lt;/td&gt;
&lt;td&gt;✅&lt;/td&gt;
&lt;td&gt;多种语言&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;数学公式&lt;/td&gt;
&lt;td&gt;✅&lt;/td&gt;
&lt;td&gt;KaTeX 支持&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;暗黑模式&lt;/td&gt;
&lt;td&gt;✅&lt;/td&gt;
&lt;td&gt;一键切换&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;h2&gt;数学公式&lt;/h2&gt;
&lt;p&gt;行内公式：质能方程 $E = mc^2$&lt;/p&gt;
&lt;p&gt;块级公式：&lt;/p&gt;
&lt;p&gt;$$
x = \frac{-b \pm \sqrt{b^2 - 4ac}}{2a}
$$&lt;/p&gt;
&lt;h2&gt;提示框&lt;/h2&gt;
&lt;blockquote&gt;
&lt;p&gt;[!TIP]
这是一个提示框，可以用来突出重要信息。&lt;/p&gt;
&lt;/blockquote&gt;
&lt;h2&gt;本地图片&lt;/h2&gt;
&lt;p&gt;图片文件放在 &lt;code&gt;blog/images/&lt;/code&gt; 文件夹，正文里用相对路径引用：&lt;/p&gt;
&lt;p&gt;&lt;img src=&quot;./images/demo.jpg&quot; alt=&quot;一张演示图片&quot; /&gt;&lt;/p&gt;
&lt;h2&gt;外部图片&lt;/h2&gt;
&lt;p&gt;也可以直接用网络图片链接：&lt;/p&gt;
&lt;p&gt;&lt;img src=&quot;https://picsum.photos/1200/800?random=1&quot; alt=&quot;来自网络的图片&quot; /&gt;&lt;/p&gt;
&lt;h2&gt;YouTube 视频&lt;/h2&gt;
&lt;p&gt;把 &lt;code&gt;src&lt;/code&gt; 里的视频 ID 换成你自己的即可：&lt;/p&gt;
&lt;p&gt;&amp;lt;iframe
src=&quot;https://www.youtube.com/embed/aqz-KE-bpKQ&quot;
title=&quot;YouTube 视频&quot;
class=&quot;w-full aspect-video my-6&quot;
frameborder=&quot;0&quot;
allow=&quot;accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture&quot;
allowfullscreen&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;&amp;lt;/iframe&amp;gt;&lt;/p&gt;
&lt;/blockquote&gt;
&lt;h2&gt;B 站视频&lt;/h2&gt;
&lt;p&gt;B 站视频也支持，把 &lt;code&gt;bvid&lt;/code&gt; 换成你自己的视频号：&lt;/p&gt;
&lt;p&gt;&amp;lt;iframe
src=&quot;//player.bilibili.com/player.html?bvid=BV1GJ411x7h7&amp;amp;page=1&quot;
class=&quot;w-full aspect-video my-6&quot;
scrolling=&quot;no&quot;
frameborder=&quot;no&quot;
framespacing=&quot;0&quot;
allowfullscreen=&quot;true&quot;&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;&amp;lt;/iframe&amp;gt;&lt;/p&gt;
&lt;/blockquote&gt;
</content:encoded></item></channel></rss>