markdown的一些小技巧

2020年6月25日其他技巧评论3,890字数 1329阅读4分25秒阅读模式

键盘标签

你可以用 <kbd> 标签让文本变成一个类似 button 按钮的样子，让它看起来与普通的文本略有不同。它可以用来描述类似键盘快捷键或者游戏控制按键之类的功能。

Press <kbd>W</kbd> to go up, <kbd>A</kbd> to go down. If you can find the <kbd>ESC</kbd>, pressing that will fire missiles.

可视化差异

你可以使用反引号和 diff 来获取一个可视化的差异表现形式。它会高亮一行为红色或者绿色。

    ```diff
    10 PRINT "BASIC IS COOL"
    - 20 GOTO 11
    + 20 GOTO 10
    ```

收起和展开

添加一定长度的错误日志或者冗长的程序输出，到一个 issue 中，可以有效的解决一个 bug ，但是如果它将占满一整页的位置，不妨考虑使用

和

标签。

Having some problems firing up the laser.

<details>
<summary>Click here to see terminal history + debug info</summary>
<pre>
488 cd /opt/LLL/controller/laser/
489 vi LLLSDLaserControl.c
490 make
491 make install
492 ./sanity_check
493 ./configure -o test.cfg
494 vi test.cfg
495 vi ~/last_will_and_testament.txt
496 cat /proc/meminfo
497 ps -a -x -u
498 kill -9 2207
499 kill 2208
500 ps -a -x -u
501 touch /opt/LLL/run/ok
502 LLLSDLaserControl -ok1

居中文本和图片

已经是 2020 年了，但我依然努力在 Web 网页中居中任何东西。这段代码让我十分惊喜：

[ Your content here ]

。这样可以完美的让你的 Logo 在你仓库中的 README 中实现居中：

<div align="center">
<img src="https://octodex.github.com/images/dunetocat.png" width="200">
<p>This is some centered text.</p>
</div>

更小的文本

将本文放在 <sup> 或者 <sub> 标签中，可以让文本看起来更小一些。比如在图片的下方加入"Fig1: description"，或者在表格中让文本更小一些，这样就不会出现横向滚动条了。

<div align="center">
<img src="https://octodex.github.com/images/megacat-2.png" width="200"><br>
<sup><strong>Fig 1:</strong> Megatocat into action</sup>
</div>
View more octocats on the [Octodex](https://octodex.github.com/)!