学习笔记 on calista

学习笔记 on calista https://calistalearns.github.io/categories/%E5%AD%A6%E4%B9%A0%E7%AC%94%E8%AE%B0/ Recent content in 学习笔记 on calista Hugo -- gohugo.io zh-cn calista Thu, 13 Nov 2025 15:15:18 +0800 MARKEDOWN入门2 https://calistalearns.github.io/p/markedown%E5%85%A5%E9%97%A82/ Thu, 06 Nov 2025 20:34:44 +0800 https://calistalearns.github.io/p/markedown%E5%85%A5%E9%97%A82/ <p><em>字</em></p> <ol> <li>什么情况 <ol> <li>什么</li> </ol> </li> <li>显示</li> </ol> <hr> <hr> <h2 id="title-html测试">title: “HTML测试” </h2><h3 id="测试html标签">测试HTML标签 </h3><p><u>下划线测试</u><br> <mark>高亮测试</mark></p> <h3 id="测试嵌套列表">测试嵌套列表 </h3><ol> <li>主项目 <ol> <li>子项目1</li> <li>子项目2</li> </ol> </li> </ol> MARKEDOWN入门 https://calistalearns.github.io/p/markedown%E5%85%A5%E9%97%A8/ Wed, 05 Nov 2025 20:34:44 +0800 https://calistalearns.github.io/p/markedown%E5%85%A5%E9%97%A8/ <img src="https://calistalearns.github.io/p/markedown%E5%85%A5%E9%97%A8/test-hunsplash.jpg" alt="Featured image of post MARKEDOWN入门" /><h1 id="markedown使用"><center> <font face=仿宋> MARKEDOWN使用 </font></center> </h1><h4 id="学习笔记简单入门"><p style="text-align: right;margin: 0; padding: 0;"> ———学习笔记（简单入门）</p> </h4><ul> <li> <h3 id="为什么学习markdown"><font face=宋体 color=pink>为什么学习markdown:</font> </h3><ul> <li>轻量级标记语言，专注内容而非样式</li> <li>跨平台兼容，几乎所有编辑器都支持</li> <li>程序员必备技能，GitHub、博客都在用</li> <li>学习成本低，5分钟掌握基础语法</li> </ul> </li> <li> <h3 id="部分简单语法示例"><font face=宋体 color=pink>部分<u>简单</u>语法示例:</font> </h3></li> </ul> <ol> <li> <p><code>标题</code><sup id="fnref:1"><a href="#fn:1" class="footnote-ref" role="doc-noteref">1</a></sup></p> <h5 id="效果示范">效果示范。 </h5></li> <li> <p><code>花样</code><sup id="fnref:2"><a href="#fn:2" class="footnote-ref" role="doc-noteref">2</a></sup></p> <blockquote class="alert alert-warn"> <p>1.斜体 <font color=pink><em>效果示范</em></font><br> 2.粗体 <font color=pink><strong>效果示范</strong></font><br> 3.下划 <font color=pink><u>效果示范。</u> </font><br> 4.高亮 <font color=pink><mark>效果示范。</mark> </font><br> 5.表情 <font color=pink>效果示范：</font>😄<br> 6.下标 <font color=pink> 效果示范：</font> H<sub>2</sub>O<br> 7.上标 <font color=pink> 效果示范：</font> 2<sup>3</sup></p></blockquote> </li> <li> <p><code>引用</code><sup id="fnref:3"><a href="#fn:3" class="footnote-ref" role="doc-noteref">3</a></sup></p> <blockquote> <p>效果示范。</p> </blockquote> </li> <li> <p><code>列表</code><br> <u>a.图表</u><sup id="fnref:4"><a href="#fn:4" class="footnote-ref" role="doc-noteref">4</a></sup></p> <blockquote class="alert alert-warn"> <table> <thead> <tr> <th style="text-align: right">效果</th> <th style="text-align: center">示范</th> <th style="text-align: left">。</th> </tr> </thead> <tbody> <tr> <td style="text-align: right">居右</td> <td style="text-align: center">居中</td> <td style="text-align: left">居左</td> </tr> <tr> <td style="text-align: right">右右右</td> <td style="text-align: center">中中中</td> <td style="text-align: left">左左左</td> </tr> </tbody> </table></blockquote> <p><u>b.数字</u></p> </li> </ol> <ul> <li> <p>有序<sup id="fnref:5"><a href="#fn:5" class="footnote-ref" role="doc-noteref">5</a></sup></p> </li> <li> <p>无序<sup id="fnref:6"><a href="#fn:6" class="footnote-ref" role="doc-noteref">6</a></sup><br> - 效果示范<br><br> <u>c.可勾选list</u><sup id="fnref:7"><a href="#fn:7" class="footnote-ref" role="doc-noteref">7</a></sup></p> </li> <li> <p><input disabled="" type="checkbox"> 效果示范</p> </li> <li> <p><input checked="" disabled="" type="checkbox"> 就是酱紫</p> </li> </ul> <ol start="5"> <li><code>代码块</code><sup id="fnref:8"><a href="#fn:8" class="footnote-ref" role="doc-noteref">8</a></sup><br> 效果示范： <div class="highlight"><div class="chroma"> <table class="lntable"><tr><td class="lntd"> <pre tabindex="0" class="chroma"><code><span class="lnt">1 </span><span class="lnt">2 </span><span class="lnt">3 </span><span class="lnt">4 </span><span class="lnt">5 </span></code></pre></td> <td class="lntd"> <pre tabindex="0" class="chroma"><code class="language-c" data-lang="c"><span class="line"><span class="cl"><span class="kt">int</span> <span class="nf">main</span><span class="p">()</span> </span></span><span class="line"><span class="cl"><span class="p">{</span> </span></span><span class="line"><span class="cl"> <span class="nf">printf</span><span class="p">(</span><span class="s">"Hello world！"</span><span class="p">);</span> </span></span><span class="line"><span class="cl"> <span class="k">return</span> <span class="mi">0</span><span class="p">;</span> </span></span><span class="line"><span class="cl"><span class="p">}</span> </span></span></code></pre></td></tr></table> </div> </div></li> <li><code>小注</code><sup id="fnref:9"><a href="#fn:9" class="footnote-ref" role="doc-noteref">9</a></sup> <br></li> <li><code>链接引用</code><sup id="fnref:10"><a href="#fn:10" class="footnote-ref" role="doc-noteref">10</a></sup><br> 效果示范： <blockquote class="alert alert-warn"> <p>变为<u><font color=yellow>大佬</font></u>的超绝方案: <a class="link" href="https://www.bilibili.com/video/BV1GJ411x7h7" title="双击于b站学习，嘻嘻" target="_blank" rel="noopener" > <font color=pink> 教程点击即看!!！ </font></a></p></blockquote> </li> <li><code>...</code></li> </ol> <h3 id="跳转结果">跳转结果: </h3><div class="footnotes" role="doc-endnotes"> <hr> <ol> <li id="fn:1"> <p><code>文字之前加上“ # ”。最多可输入六个有效 #，随 # 的增加，标题字号变小</code> <br> <a href="#fnref:1" class="footnote-backref" role="doc-backlink">↩︎</a></p> </li> <li id="fn:2"> <p>·<code>(斜体)左右各使用一个“ * ”将内容包住；</code><br> ·(加粗)左右各使用二个“ * ”将内容包住；<br> ·<code>(下划线)左右分别使用“ < u > ”与“ < /u > ”将内容包住；</code><br> ·(高亮)左右各使用二个“ == ”将内容包住；<br> ·<code>(表情)左右各使用一个“ : ”将内容包住；</code><br> ·(下标)左右各使用一个“ ~ ”将内容包住；<br> ·<code>(上标)左右各使用一个“ ^ ”将内容包住；</code> <br> <a href="#fnref:2" class="footnote-backref" role="doc-backlink">↩︎</a></p> </li> <li id="fn:3"> <p><code>添加“ > ”于输出内容之前</code><br> <a href="#fnref:3" class="footnote-backref" role="doc-backlink">↩︎</a></p> </li> <li id="fn:4"> <p><code>注意格式至少需要三行（下示原代码）</code></p> <blockquote> <p>表头行：效果|示范|。<br> 分割行：—: | :—: | :—<br> 数据行：居右|居中|居左</p> </blockquote>  <a href="#fnref:4" class="footnote-backref" role="doc-backlink">↩︎</a></li> <li id="fn:5"> <p><code> “ 数字 ” 加 “ . ” 加 “ 空格 ”</code><br> <a href="#fnref:5" class="footnote-backref" role="doc-backlink">↩︎</a></p> </li> <li id="fn:6"> <p><code>在输入内容之前加上“ - ”或者“ + ”或者“ * ”均可，然后再加上空格</code><br> <a href="#fnref:6" class="footnote-backref" role="doc-backlink">↩︎</a></p> </li> <li id="fn:7"> <p><code>“ - ”加“ [ ] ”加内容</code><br> <a href="#fnref:7" class="footnote-backref" role="doc-backlink">↩︎</a></p> </li> <li id="fn:8"> <p><code>使用“ ```c ” 与 “ ``` ”将文本包围</code><br> <a href="#fnref:8" class="footnote-backref" role="doc-backlink">↩︎</a></p> </li> <li id="fn:9"> <p><code>在需注的内容后加上“ [^数字] ”，在跳转的解释前加上“ [^数字]: ”</code><br> <a href="#fnref:9" class="footnote-backref" role="doc-backlink">↩︎</a></p> </li> <li id="fn:10"> <p><code>“ [内容] ”加“ (跳转网址)”。图片链接,视频链接都可以如此操作</code><br> <a href="#fnref:10" class="footnote-backref" role="doc-backlink">↩︎</a></p> </li> </ol> </div>