Markdown 写作的 N 个小技巧

记录一下 CSDN 使用 Markdown 进行写作的高级技巧。

添加目录

在 CSDN 写作中,添加目录是一种很常用的技巧,可以帮助读者快速浏览和定位文章的不同部分。

这个功能的实现还是比较广为人知的,在想添加目录的位置输入[toc] 或者 @[toc],输入后后在编辑器中显示如下效果:

在这里插入图片描述
在文中的效果如下所示:

插入无表头表格

有时候我们需要在文章中插入无表头的表格,大多数 Markdown 解析器不支持没有标题的表,可以使用 HTML 代码插入,语法如下:

<table>
<tr>
    <td>Key 1</td>
    <td>Value 1</td>
</tr>
<tr>
    <td>Key 2</td>
    <td>Value 2</td>
</tr>
</table>

效果如下:

break break 语句立即终止循环,控制程序运行到循环体后面的语句。
continue continue 语句是 break 语句的小版本,跳过当前迭代中的其余代码,控制程序运行到循环的下一个迭代。
pass 如上所述,Python 中的 pass 关键字通常用于填充空块,类似于 Java、C++、Javascript 等语言中由分号表示的空语句。

页内跳转

页内跳转是指在文章中的某个位置设置一个链接,读者在点击链接后就能够快速跳转到对应的位置,方便查看相关内容。要实现这个效果,可以按照以下步骤进行操作:

  • 在需要跳转到的位置添加一个锚点,比如 <a id="anchor">锚点显示内容</a>(a 标签或者 span 标签均可,区别在于 span 标签不显示为链接样式),其中 anchor 是锚点的名称。

  • 在跳转的位置插入一个链接,比如 [点击跳转](#anchor),其中 anchor 是之前设置的锚点名称。

两种方法插入链接:

  • HTML 语法:使用 a 标签,代码如下:

    <a href="#test">跳转到页面跳转</a>
    

    效果如下:

    跳转到页面跳转

  • Markdown 语法:

    [跳转到页面跳转](#test)
    

    效果如下:

    跳转到页面跳转

建议 id 使用英文,否则容易产生定位偏下问题。

带跳转链接的图片

在文章中插入图片是一种很常见的需求,而有时候我们可能希望点击图片后能够跳转到指定的链接。要实现这个效果,可以使用两种方法实现:

  • Markdown 语法:
    [![图片描述](图片链接)](跳转链接)
    
  • HTML 语法:
    <a href="跳转链接"><img src="图片链接" alt="图片描述"></a>
    

点击下面的图片试试看:

CSDN头像

字体相关

在 Markdown 中,通常无法直接控制文字颜色、更改字体大小和字体样式、添加文字中的背景颜色。这些都可以通过使用 HTML 标签实现:

文字颜色

<font color = red>1.我是文本 红色</font>
<font color = blue>2.我是文本 蓝色</font>
<font color = pink>3.我是文本 粉红</font>
<font color = purple>4.我是文本 紫色</font>
<font color = orange>5.我是文本 橙色</font>
<font color = gray>6.我是文本 灰色</font>
<font color = green>7.我是文本 绿色</font>
<font color = #FF0000>8.我是文本 红色#FF0000</font>    <!--使用十六进制颜色值-->

1.我是文本 红色
2.我是文本 蓝色
3.我是文本 粉红
4.我是文本 紫色
5.我是文本 橙色
6.我是文本 灰色
7.我是文本 绿色
8.我是文本 红色#FF0000

字体大小

<font size = 1>1.最小字号 </font>
<font size = 2>2.小字号</font>
<font size = 3.5>3.中等字号</font>
<font size = 4>4.稍大字号</font>

1.最小字号
2.小字号
3.中等字号
4.稍大字号

字体样式

<font face = "楷体">1.我是文本 楷体</font>
<font face = "黑体">2.我是文本 黑体</font>
<font face = "微软雅黑">3.我是文本 微软雅黑</font>
<font face = "华文彩云">4.我是文本 华文彩云</font>

1.我是文本 楷体
2.我是文本 黑体
3.我是文本 微软雅黑
4.我是文本 华文彩云

添加文字背景

<table><tr><td bgcolor=cyan>背景颜色cyan</td></tr></table>
背景颜色cyan

混搭例子:

<table><tr><td bgcolor=cyan><font face="黑体" color=green size=5>我是黑体,绿色,尺寸为5,背景颜色cyan</font></td></tr></table>
我是黑体,绿色,尺寸为5,背景颜色cyan

千里之行,始于足下

以上就是 Markdown 写作的高级技巧(花里胡哨),包括添加目录、插入无表头表格、页内跳转、插入带跳转链接的图片、更改字体样式。

博客再好看还是要写文章啊,美化的尽头是默认,美化的本质是简洁…好好学习,不要玩花里胡哨的!

猜你喜欢

转载自blog.csdn.net/a2360051431/article/details/131829530