<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:content="http://purl.org/rss/1.0/modules/content/">
  <channel>
    <title>Markdown on Rancho&#39;s Notes</title>
    <link>https://fan-pengfei.top/tags/markdown/</link>
    <description>Recent content in Markdown on Rancho&#39;s Notes</description>
    <generator>Hugo</generator>
    <language>zh-cn</language>
    <lastBuildDate>Tue, 16 Aug 2022 08:41:33 +0000</lastBuildDate>
    <atom:link href="https://fan-pengfei.top/tags/markdown/index.xml" rel="self" type="application/rss+xml" />
    <item>
      <title>markdown编辑数学公式</title>
      <link>https://fan-pengfei.top/posts/markdown%E7%BC%96%E8%BE%91%E6%95%B0%E5%AD%A6%E5%85%AC%E5%BC%8F/</link>
      <pubDate>Tue, 16 Aug 2022 08:41:33 +0000</pubDate>
      <guid>https://fan-pengfei.top/posts/markdown%E7%BC%96%E8%BE%91%E6%95%B0%E5%AD%A6%E5%85%AC%E5%BC%8F/</guid>
      <description>&lt;blockquote&gt;
&lt;p&gt;用Markdown编辑数学公式看起来会很舒服，学一下；&lt;/p&gt;
&lt;/blockquote&gt;
&lt;h2 id=&#34;希腊字母&#34;&gt;希腊字母：&lt;/h2&gt;
&lt;h3 id=&#34;常见希腊字母&#34;&gt;常见希腊字母：&lt;/h3&gt;
&lt;p&gt;&lt;img alt=&#34;img&#34; loading=&#34;lazy&#34; src=&#34;https://fan-pengfei.top/posts/markdown%E7%BC%96%E8%BE%91%E6%95%B0%E5%AD%A6%E5%85%AC%E5%BC%8F/img-1.jpg&#34;&gt;&lt;/p&gt;
&lt;div class=&#34;highlight&#34;&gt;&lt;pre tabindex=&#34;0&#34; style=&#34;color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;&#34;&gt;&lt;code class=&#34;language-plaintext&#34; data-lang=&#34;plaintext&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;$\alpha$、$\beta$、$\chi$、$\Delta$、$\Gamma$、$\Theta$
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;$$
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;\alpha\beta\chi
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;$$
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;p&gt;显示效果为：&lt;/p&gt;
&lt;p&gt;\alpha\beta\chi\Delta\Gamma\Theta&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;注：当希腊字母的LaTex语法首字母大写时，即输出大写的希腊字母；首字母小写时，输出小写的希腊字母。&lt;/p&gt;
&lt;/blockquote&gt;
&lt;h2 id=&#34;数学结构&#34;&gt;数学结构：&lt;/h2&gt;
&lt;p&gt;&lt;img alt=&#34;img&#34; loading=&#34;lazy&#34; src=&#34;https://fan-pengfei.top/posts/markdown%E7%BC%96%E8%BE%91%E6%95%B0%E5%AD%A6%E5%85%AC%E5%BC%8F/img-2.jpg&#34;&gt;&lt;/p&gt;
&lt;h3 id=&#34;分数&#34;&gt;分数：&lt;/h3&gt;
&lt;div class=&#34;highlight&#34;&gt;&lt;pre tabindex=&#34;0&#34; style=&#34;color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;&#34;&gt;&lt;code class=&#34;language-plaintext&#34; data-lang=&#34;plaintext&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;$\frac{abc}{xyz}$
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;p&gt;显示效果为：&lt;/p&gt;
&lt;p&gt;\frac{abc}{xyz}&lt;/p&gt;
&lt;h3 id=&#34;根号&#34;&gt;根号：&lt;/h3&gt;
&lt;div class=&#34;highlight&#34;&gt;&lt;pre tabindex=&#34;0&#34; style=&#34;color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;&#34;&gt;&lt;code class=&#34;language-plaintext&#34; data-lang=&#34;plaintext&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;$$
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;\frac{\sqrt{1+abc}}{\sqrt{1-abc}}
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;$$
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;p&gt;显示效果为：&lt;/p&gt;
&lt;p&gt;\frac{\sqrt{1+abc}}{\sqrt{1-abc}}&lt;/p&gt;
&lt;h3 id=&#34;向量符号&#34;&gt;向量符号：&lt;/h3&gt;
&lt;p&gt;&lt;img alt=&#34;img&#34; loading=&#34;lazy&#34; src=&#34;https://fan-pengfei.top/posts/markdown%E7%BC%96%E8%BE%91%E6%95%B0%E5%AD%A6%E5%85%AC%E5%BC%8F/img-3.png&#34;&gt;&lt;/p&gt;
&lt;div class=&#34;highlight&#34;&gt;&lt;pre tabindex=&#34;0&#34; style=&#34;color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;&#34;&gt;&lt;code class=&#34;language-plaintext&#34; data-lang=&#34;plaintext&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;$\overrightarrow{F}$
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;p&gt;显示效果为：&lt;/p&gt;
&lt;p&gt;\overrightarrow{F}&lt;/p&gt;
&lt;h2 id=&#34;定界符&#34;&gt;定界符：&lt;/h2&gt;
&lt;p&gt;&lt;img alt=&#34;img&#34; loading=&#34;lazy&#34; src=&#34;https://fan-pengfei.top/posts/markdown%E7%BC%96%E8%BE%91%E6%95%B0%E5%AD%A6%E5%85%AC%E5%BC%8F/img-4.png&#34;&gt;&lt;/p&gt;
&lt;div class=&#34;highlight&#34;&gt;&lt;pre tabindex=&#34;0&#34; style=&#34;color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;&#34;&gt;&lt;code class=&#34;language-plaintext&#34; data-lang=&#34;plaintext&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;$|$、$\|$、$\Uparrow$
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;p&gt;显示效果为：&lt;/p&gt;
&lt;p&gt;|、|、\Uparrow&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;注：将上述定界符与&lt;code&gt;\left&lt;/code&gt;和&lt;code&gt;right&lt;/code&gt;组合使用可以使得定界符匹配其内容的高度。&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;比如要构建一个如下的矩阵的行列式。&lt;/p&gt;
&lt;div class=&#34;highlight&#34;&gt;&lt;pre tabindex=&#34;0&#34; style=&#34;color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;&#34;&gt;&lt;code class=&#34;language-plaintext&#34; data-lang=&#34;plaintext&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;$$
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;\left|\begin{matrix}
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;   1 &amp;amp; 2 &amp;amp; 3 \\
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;   4 &amp;amp; 5 &amp;amp; 6 \\
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;   7 &amp;amp; 8 &amp;amp; 9
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;  \end{matrix} \right|
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;$$
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;p&gt;显示效果如下：&lt;/p&gt;
&lt;p&gt;\left|\begin{matrix}
1 &amp;amp; 2 &amp;amp; 3 \
4 &amp;amp; 5 &amp;amp; 6 \
7 &amp;amp; 8 &amp;amp; 9
\end{matrix} \right|&lt;/p&gt;</description>
    </item>
    <item>
      <title>markdown绘制简单流程图</title>
      <link>https://fan-pengfei.top/posts/markdown%E7%BB%98%E5%88%B6%E7%AE%80%E5%8D%95%E6%B5%81%E7%A8%8B%E5%9B%BE/</link>
      <pubDate>Mon, 07 Feb 2022 09:26:35 +0000</pubDate>
      <guid>https://fan-pengfei.top/posts/markdown%E7%BB%98%E5%88%B6%E7%AE%80%E5%8D%95%E6%B5%81%E7%A8%8B%E5%9B%BE/</guid>
      <description>&lt;blockquote&gt;
&lt;p&gt;Markdown绘制简单流程图；&lt;/p&gt;
&lt;/blockquote&gt;
&lt;h1 id=&#34;typora流程图&#34;&gt;Typora流程图：&lt;/h1&gt;
&lt;h2 id=&#34;mermaid效果这个可以在typora编辑器中显示博客中渲染失败&#34;&gt;mermaid效果（这个可以在Typora编辑器中显示，博客中渲染失败）&lt;/h2&gt;
&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;输入```，然后输入mermaid即可&lt;/strong&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;div class=&#34;highlight&#34;&gt;&lt;pre tabindex=&#34;0&#34; style=&#34;color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;&#34;&gt;&lt;code class=&#34;language-plaintext&#34; data-lang=&#34;plaintext&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;·mermaid
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;graph TD
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;   B((开始)) --&amp;gt;C{判断}
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;   C --  a=1 --&amp;gt;D[执行语句1]
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;   C --  a=2  --&amp;gt;E[执行语句2]
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;   C --  a=3 --&amp;gt;F[执行语句3]
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;   C -- a=4  --&amp;gt;G[执行语句4]
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;   D--&amp;gt; AA((结束))
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;   E--&amp;gt; AA
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;   F--&amp;gt; AA
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;   G--&amp;gt; AA
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;p&gt;&lt;strong&gt;如下图：&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;&lt;img alt=&#34;a4e80fed35165401f57d392375ac726&#34; loading=&#34;lazy&#34; src=&#34;https://fan-pengfei.top/posts/markdown%E7%BB%98%E5%88%B6%E7%AE%80%E5%8D%95%E6%B5%81%E7%A8%8B%E5%9B%BE/img-1.png&#34;&gt;&lt;/p&gt;
&lt;h3 id=&#34;语法&#34;&gt;语法：&lt;/h3&gt;
&lt;blockquote&gt;
&lt;p&gt;官网说明文档 &lt;a href=&#34;https://mermaid-js.github.io/mermaid/#/&#34;&gt;Mermaid&lt;/a&gt; .&lt;/p&gt;
&lt;/blockquote&gt;
&lt;h2 id=&#34;flowchar效果只有这个可以在博客中显示流程图&#34;&gt;flowchar效果（只有这个可以在博客中显示流程图）&lt;/h2&gt;
&lt;div class=&#34;highlight&#34;&gt;&lt;pre tabindex=&#34;0&#34; style=&#34;color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;&#34;&gt;&lt;code class=&#34;language-plaintext&#34; data-lang=&#34;plaintext&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;···flow
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;st=&amp;gt;start: 开始节点
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;in=&amp;gt;inputoutput: 输入
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;e=&amp;gt;end: 结束节点
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;op=&amp;gt;operation: 操作节点
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;cond=&amp;gt;condition: 条件节点
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;sub=&amp;gt;subroutine: 子例程
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;out=&amp;gt;inputoutput: 输出
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;st(right)-&amp;gt;in-&amp;gt;op-&amp;gt;cond
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;cond(yes,right)-&amp;gt;out-&amp;gt;e
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;cond(no)-&amp;gt;sub
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;p&gt;&lt;img alt=&#34;image-20220507220027459&#34; loading=&#34;lazy&#34; src=&#34;https://fan-pengfei.top/posts/markdown%E7%BB%98%E5%88%B6%E7%AE%80%E5%8D%95%E6%B5%81%E7%A8%8B%E5%9B%BE/img-2.png&#34;&gt;&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;实际例子1：&lt;/strong&gt;&lt;/p&gt;
&lt;div class=&#34;highlight&#34;&gt;&lt;pre tabindex=&#34;0&#34; style=&#34;color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;&#34;&gt;&lt;code class=&#34;language-plaintext&#34; data-lang=&#34;plaintext&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;···flow
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;st=&amp;gt;start: Start
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;i=&amp;gt;inputoutput: 输入年份n
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;cond1=&amp;gt;condition: n能否被4整除？
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;cond2=&amp;gt;condition: n能否被100整除？
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;cond3=&amp;gt;condition: n能否被400整除？
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;o1=&amp;gt;inputoutput: 输出非闰年
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;o2=&amp;gt;inputoutput: 输出非闰年
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;o3=&amp;gt;inputoutput: 输出闰年
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;o4=&amp;gt;inputoutput: 输出闰年
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;e=&amp;gt;end
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;st-&amp;gt;i-&amp;gt;cond1
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;cond1(no)-&amp;gt;o1-&amp;gt;e
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;cond1(yes)-&amp;gt;cond2
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;cond2(no)-&amp;gt;o3-&amp;gt;e
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;cond2(yes)-&amp;gt;cond3
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;cond3(yes)-&amp;gt;o2-&amp;gt;e
&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;cond3(no)-&amp;gt;o4-&amp;gt;e
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;p&gt;&lt;strong&gt;实际例子2：&lt;/strong&gt;&lt;/p&gt;</description>
    </item>
  </channel>
</rss>
