<?xml version="1.0" encoding="utf-8"?><feed xmlns="http://www.w3.org/2005/Atom" xml:lang="zh-CN"><generator uri="https://jekyllrb.com/" version="3.10.0">Jekyll</generator><link href="https://viraha.online/feed.xml" rel="self" type="application/atom+xml" /><link href="https://viraha.online/" rel="alternate" type="text/html" hreflang="zh-CN" /><updated>2026-08-07T17:20:03+08:00</updated><id>https://viraha.online/feed.xml</id><title type="html">Viraha’s Blog</title><subtitle>先做再说。日拱一卒。</subtitle><entry><title type="html">开头</title><link href="https://viraha.online/essays/2026/02/09/%E6%97%A5%E5%BF%97.html" rel="alternate" type="text/html" title="开头" /><published>2026-02-09T09:29:00+08:00</published><updated>2026-02-09T09:29:00+08:00</updated><id>https://viraha.online/essays/2026/02/09/%E6%97%A5%E5%BF%97</id><content type="html" xml:base="https://viraha.online/essays/2026/02/09/%E6%97%A5%E5%BF%97.html"><![CDATA[<p>现在正在上托福课，摸鱼装饰博客，没看题目，做错了…</p>]]></content><author><name></name></author><category term="essays" /><category term="note" /><category term="misc" /><summary type="html"><![CDATA[记录上托福课时摸鱼装饰博客的一点日常。]]></summary></entry><entry><title type="html">How to use Markdown correctly.</title><link href="https://viraha.online/study/2025/02/06/my-first-blog.html" rel="alternate" type="text/html" title="How to use Markdown correctly." /><published>2025-02-06T10:05:22+08:00</published><updated>2026-08-07T00:00:00+08:00</updated><id>https://viraha.online/study/2025/02/06/my-first-blog</id><content type="html" xml:base="https://viraha.online/study/2025/02/06/my-first-blog.html"><![CDATA[<p>这是我的第一篇Blog，为了熟练掌握博客的写法，我打算以“如何正确使用Md格式为”为本首篇博客的主题。
我使用的编辑器是VS Code ，插件使用的是 Markdown Preview Enhanced 。
更多详细的使用方法请参考<a href="https://shd101wyy.github.io/markdown-preview-enhanced/#/zh-cn/math">官方文档</a></p>

<h2 id="1-基本语法">1 基本语法</h2>

<h3 id="11-字体设置斜体粗体删除线">1.1 字体设置斜体、粗体、删除线</h3>

<table>
  <thead>
    <tr>
      <th style="text-align: center">操作</th>
      <th style="text-align: center">效果</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td style="text-align: center">正常文字</td>
      <td style="text-align: center">正常文字</td>
    </tr>
    <tr>
      <td style="text-align: center">*这里是倾斜文字*</td>
      <td style="text-align: center"><em>这里是倾斜文字</em></td>
    </tr>
    <tr>
      <td style="text-align: center">_这里是倾斜文字_</td>
      <td style="text-align: center"><em>这里是倾斜文字</em></td>
    </tr>
    <tr>
      <td style="text-align: center">**这里是加粗文字**</td>
      <td style="text-align: center"><strong>这里是加粗文字</strong></td>
    </tr>
    <tr>
      <td style="text-align: center">***这里是倾斜加粗文字***</td>
      <td style="text-align: center"><strong><em>这里是倾斜加粗文字</em></strong></td>
    </tr>
    <tr>
      <td style="text-align: center">~~这里是删除线文字~~</td>
      <td style="text-align: center"><del>这里是删除线文字</del></td>
    </tr>
  </tbody>
</table>

<h3 id="12-分级标题">1.2 分级标题</h3>
<h4 id="写法一">写法一</h4>
<p>几级标题标题前就有几个#号</p>

<h4 id="写法二">写法二</h4>
<p>这是一个一级标题
=
标题下面写个“==”就有</p>

<h2 id="这是一个二级标题">这是一个二级标题</h2>
<p>同理，--</p>

<h3 id="13-链接">1.3 链接</h3>
<p>（1）插入本地图片</p>

<p>格式：</p>

<p>![图片描述](图片路径 “title")</p>

<p>![图片描述](图片路径 )</p>

<p>这里的“图片描述”不是必要的</p>

<p>例子：</p>

<p>![我们拿Elon举例子](/_posts/pics/pics1/Elon.png “This is Elon!”)</p>

<p><img src="/pics/pics1/Elon.png" alt="我们拿Elon举例子" title="This is Elon!" /></p>

<p>注意：对于编辑器上的插件来讲，/_site/pics/pics1/Elon.png的路径，才能正确显示出图片；而对于jekyll构建的效果来讲，得拿/pics/pics1/Elon.png作为路径。</p>

<p>（2）插入互联网上的图片</p>

<p>格式：</p>

<p>![图片描述](图片网络路径)</p>

<p>注意：这里的图片描述可以不写</p>

<p>(3)自动链接</p>

<p>Markdown支持以比较简短的自动链接形式来处理网址和电子邮箱，只要是用&lt;&gt;包起来，Markdown就会自动把它转成链接，也可以是直接显示成链接形式。<www.baidu.com></www.baidu.com></p>

<h3 id="14-分割线">1.4 分割线</h3>
<p>你可以在一行中用三个以上的星号（*）、减号（-）、底线（_）来建立一个分隔线，行内不能有其他东西。你也可以在这些符号中间插入空格。
三种输入方式创造出来的分割线一样的，或许作者只是想让我们在写代码的时候区分开来。</p>

<p>效果如下：</p>

<hr />
<hr />
<hr />

<h3 id="15-代码块">1.5 代码块</h3>
<p>（1）利用缩进（与前后文空一行）</p>

<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>#include&lt;studio&gt;
int main(){
    printf("hello world")
}
</code></pre></div></div>

<p>（2）行内式
如果需要在一行内引用代码，只需要用反引号``引起来就好（在Esc下面，和~同一个键位）</p>

<p>这是一个<code class="language-plaintext highlighter-rouge">例子</code></p>

<p>（3）多行代码块与语法高亮
在需要高亮的代码块的前一行及后一行使用三个单反引号“ ` ”包裹，就可以了</p>

<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>```javascript {highlight=10}
class demo(){
    public static void test(){
    }
}
```
</code></pre></div></div>

<p>（4）代码块里面包含html代码
在代码块里面，&amp;、&lt; 和 &gt; 会自动转成HTML实体，这样的方式让你非常容易使用Markdown插入范例用的HTML原始嘛，只需要复制贴上，剩下的Markdown都会帮你处理。</p>

<p>示例如下：</p>

<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>    &lt;table&gt;
        &lt;tr&gt;
            &lt;th rowspan="2"&gt;值班人员&lt;/th&gt;
            &lt;th&gt;星期一&lt;/th&gt;
            &lt;th&gt;星期二&lt;/th&gt;
            &lt;th&gt;星期三&lt;/th&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;/table&gt;
</code></pre></div></div>

<p>结果显示：</p>

<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>&lt;table&gt;
    &lt;tr&gt;
        &lt;th rowspan="2"&gt;值班人员&lt;/th&gt;
        &lt;th&gt;星期一&lt;/th&gt;
        &lt;th&gt;星期二&lt;/th&gt;
        &lt;th&gt;星期三&lt;/th&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;/table&gt;
</code></pre></div></div>

<h3 id="16-引用">1.6 引用</h3>
<p>在引用的文本之前加上&gt;符号，以及一个空格就行了；
如果只输入了一个&gt;符号就会产生一个空白的引用。</p>

<p>（1）基本使用</p>

<blockquote>
  <p>张鑫阳有点小帅说是
真的嘛？</p>

  <p>真的说是</p>
</blockquote>

<p>（2）引用的嵌套</p>

<blockquote>
  <blockquote>
    <blockquote>
      <p>引用一</p>
    </blockquote>
  </blockquote>
</blockquote>

<blockquote>
  <blockquote>
    <p>引用二</p>
  </blockquote>
</blockquote>

<blockquote>
  <p>引用三</p>
</blockquote>

<blockquote>
  <blockquote>
    <blockquote>

    </blockquote>
  </blockquote>
</blockquote>

<blockquote>
  <blockquote>
    <blockquote>
      <p>引用四</p>
    </blockquote>
  </blockquote>
</blockquote>

<p>（3）引用其他要素
引用的区块内也可以使用其他的Markdown语法，包括标题、列表、代码区块等等内容。</p>
<blockquote>
  <h3 id="你好啊">你好啊</h3>
  <h5 id="我很好">我很好</h5>
</blockquote>

<h3 id="17-列表">1.7 列表</h3>
<p>（1）无序列表
使用*，+,- 表示无序列表</p>

<p><strong>注意符号后面一定要有一个空格起到缩进的作用</strong></p>

<ul>
  <li>列表文字</li>
  <li>列表文字</li>
  <li>列表文字</li>
</ul>

<p>（2）有序列表
使用数字和一个英文句点表示有序列表</p>

<p><strong>注意英文句点后面一定要有一个空格，起到缩进作用。</strong></p>
<ol>
  <li>张鑫阳</li>
  <li>陈卓</li>
</ol>

<p>（3）有序列表、无序列表可以混用</p>

<p>（4）列表可以与其他元素混合使用</p>

<blockquote>
  <p>（1）加粗效果不能直接用于列表标题中，但是可以嵌套在列表里面混合使用
（2）列表中包含代码块（前面加2个tab或者8个空格，并且需要空一行，否则不显示）</p>
</blockquote>

<ul>
  <li><strong>（1）的说明：* **（1）的说明**</strong></li>
</ul>

<p>（5）注意事项
再使用列表的时候，只要是数字后面加上英文的点，就会无意间产生列表</p>

<h3 id="18-表格">1.8 表格</h3>
<p>格式：
学号|姓名|分数</p>
<ul>
  <li>
    <table>
      <tbody>
        <tr>
          <td>小明</td>
          <td>男</td>
          <td>75</td>
        </tr>
        <tr>
          <td>小红</td>
          <td>女</td>
          <td>79</td>
        </tr>
        <tr>
          <td>小陆</td>
          <td>男</td>
          <td>92</td>
        </tr>
      </tbody>
    </table>
  </li>
</ul>

<p>效果：
学号|姓名|分数</p>
<ul>
  <li>
    <table>
      <tbody>
        <tr>
          <td>小明</td>
          <td>男</td>
          <td>75</td>
        </tr>
        <tr>
          <td>小红</td>
          <td>女</td>
          <td>79</td>
        </tr>
        <tr>
          <td>小陆</td>
          <td>男</td>
          <td>92</td>
        </tr>
      </tbody>
    </table>
  </li>
</ul>

<h2 id="2-常用技巧">2 常用技巧</h2>

<h3 id="21-换行">2.1 换行</h3>

<p>方法 1 ：连续两个以上的空格+回车</p>

<p>方法 2 ；使用html语言换行标签</p>

<h3 id="22-缩进字符">2.2 缩进字符</h3>
<p>不断行的空白格 或 半角的空格 或 全角的空格</p>

<p>\&#160;你好你好  \&amp;\nbsp;你好你好</p>

<p>\&#8194;你好你好 \&amp;\ensp;你好你好</p>

<p>\&#8195;你好你好  \&amp;\emsp;你好你好</p>

<p>你好你好（未缩进）</p>

<p> 你好你好   你好你好</p>

<p> 你好你好  你好你好</p>

<p> 你好你好   你好你好</p>

<p>你好你好（未缩进）</p>

<p>字符1                字符2</p>

<h3 id="23-特殊符号">2.3 特殊符号</h3>
<p>（1）对于Markdown中的语法符号，前面加反斜线\即可显示符号本身</p>

<p>（2）对于一些特殊字符，示例如下：</p>

<p>❤   <em>&amp;#10084</em></p>

<p>✓  <em>&amp;#10003</em></p>

<p>☀  <em>&amp;#9728</em></p>

<p>★  <em>&amp;#9733</em></p>

<p>☂  <em>&amp;#9730</em></p>

<p>☯  <em>&amp;#9775</em></p>

<p>☢  <em>&amp;#9762</em></p>

<p>☎  <em>&amp;#9742</em></p>

<p>∞  <em>&amp;#8734</em></p>

<p>❄  <em>&amp;#10052</em></p>

<p>♫  <em>&amp;#9835</em></p>

<p>如果想了解更多字符所对应的Unicode码，可以看这个网站：<a href="http://unicode-table.com/cn/">http://unicode-table.com/cn/</a></p>

<h3 id="24-字体字号和颜色">2.4 字体、字号和颜色</h3>

<p>Markdown是一种可以使用普通文本编辑器编写的标记语言，通过类似HTML的标记语法，它可以使普通文本内容具有一定的格式。但是它本身是不支持修改字体、字号与颜色等功能的！</p>

<p>&lt;font face=”黑体”&gt;我是黑体字&lt;/font&gt;</p>
<font face="黑体">我是黑体字</font>

<p>&lt;font color=#0099ff size=7 face=”黑体”&gt;我是黑体字&lt;/font&gt;
&lt;font color=#0099ff size=7 face=”黑体”&gt;我是黑体字&lt;/font&gt;</p>

<p>&lt;font color=gray size=7 face=”黑体”&gt;也可以使用已知颜色的名字&lt;/font&gt;</p>
<font color="gray" size="5" face="黑体">也可以使用已知颜色的名字</font>

<h3 id="25-链接的高级操作">2.5 链接的高级操作</h3>

<h4 id="251-行内式">2.5.1 行内式</h4>

<h4 id="252-参考式链接">2.5.2 参考式链接</h4>
<p> 在文档插入图片的地方写![图片或者网址链接][标记]，在文档最后写上[标记]:图片地址”标题”（最后这个标题可以不写）</p>

<h4 id="253-内容目录">2.5.3 内容目录</h4>
<p>在段落中填写[TOC]以显示全文内容的目录结构，样式如开头。</p>

<h4 id="254-锚点">2.5.4 锚点</h4>
<p>锚点就是页内超链接。
比如我这里写下一个锚点，点击回到目录，就能跳转到目录。在目录中点击这一节，就能跳过来。</p>

<p>\跳转到<a href="#index\">目录</a>
跳转到<a href="#index">目录</a></p>

<h4 id="255-注脚">2.5.5 注脚</h4>

<p>一般需要在添加注脚的文字后加上脚注名字[^注脚名字]，称为加注。
然后在文本的任意位置（一般在最后）添加脚注，脚注前必须有对应的脚注名字。</p>

<p>示例如下：
使用Markdown<sup id="fnref:1" role="doc-noteref"><a href="#fn:1" class="footnote" rel="footnote">1</a></sup>可以效率的书写文档，直接转换成HTML<sup id="fnref:2" role="doc-noteref"><a href="#fn:2" class="footnote" rel="footnote">2</a></sup>。</p>

<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>脚注被自动搬运到最后面，请到文章的末尾查看，并且脚注后方的链接可以直接跳转回加注的地方。
</code></pre></div></div>

<h3 id="26-背景色">2.6 背景色</h3>

<p>Markdown本身不支持背景色设置，需要采用内置html的方式实现：借助 table, tr, td 等表格标签的 bgcolor 属性来实现背景色的功能。举例如下：</p>

<table><tr><td bgcolor="orange">背景色是：orange</td></tr></table>

<h3 id="27-emoji表情符号">2.7 emoji表情符号</h3>
<p>emoji表情使用:EMOJICODE:的格式，详细列表可见</p>

<p>https://www.webpagefx.com/tools/emoji-cheat-sheet/</p>

<h2 id="3-高端用法">3 高端用法</h2>

<h3 id="31-latex公式">3.1 Latex公式</h3>

<p><strong>使用Latex数学公式</strong></p>

<ol>
  <li>
    <p>行内公式：使用两个”$”符号引用公式 ：$$ y =ax+b $</p>
  </li>
  <li>
    <p>行间公式：使用两个”$$”符号引用公式</p>
  </li>
</ol>

\[y=ax+b\]

<p>具体可以参考 <a href="https://link.jianshu.com/?t=http%3A%2F%2Fblog.csdn.net%2Ftestcs_dn%2Farticle%2Fdetails%2F44229085">markdown编辑器使用LaTex数学公式</a></p>

<p>latex数学符号详见：<a href="https://www.mohu.org/info/symbols/symbols.htm">常用数学符号的 LaTeX 表示方法</a></p>

<h3 id="32-流程图">3.2 流程图</h3>
<pre><code class="language-flow">st=&gt;start:开始
op1=&gt;operation:My Operation
c=&gt;condition:Yes or No
e=&gt;end:结束
</code></pre>
<div class="footnotes" role="doc-endnotes">
  <ol>
    <li id="fn:1" role="doc-endnote">
      <p>Markdown是一种纯文本标记语言 <a href="#fnref:1" class="reversefootnote" role="doc-backlink">&#8617;</a></p>
    </li>
    <li id="fn:2" role="doc-endnote">
      <p>HyperText Markup Language 超文本标记语言 <a href="#fnref:2" class="reversefootnote" role="doc-backlink">&#8617;</a></p>
    </li>
  </ol>
</div>]]></content><author><name></name></author><category term="study" /><summary type="html"><![CDATA[用一篇实践文章熟悉 Markdown 的常见语法、表格、代码和链接。]]></summary></entry></feed>