记录一下 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>
效果如下:
页内跳转
页内跳转是指在文章中的某个位置设置一个链接,读者在点击链接后就能够快速跳转到对应的位置,方便查看相关内容。要实现这个效果,可以按照以下步骤进行操作:
- 在需要跳转到的位置添加一个锚点,比如
锚点显示内容
(a 标签或者 span 标签均可,区别在于 span 标签不显示为链接样式),其中anchor
是锚点的名称。 - 在跳转的位置插入一个链接,比如
[点击跳转](#anchor)
,其中anchor
是之前设置的锚点名称。
两种方法插入链接:
- HTML 语法:使用 a 标签,代码如下:
<a href="#test">跳转到页面跳转</a>
- 效果如下:
跳转到页面跳转 - •Markdown 语法:
[跳转到页面跳转](#test)
- 效果如下:
跳转到页面跳转
建议
id
使用英文,否则容易产生定位偏下问题。
带跳转链接的图片
在文章中插入图片是一种很常见的需求,而有时候我们可能希望点击图片后能够跳转到指定的链接。要实现这个效果,可以使用两种方法实现:
- Markdown 语法:
[![图片描述](图片链接)](跳转链接)
- HTML 语法:
<a href="跳转链接"><img src="图片链接" alt="图片描述"></a>
点击下面的图片试试看:
字体相关
在 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> <!--使用十六进制颜色值-->
字体大小
<font size = 1>1.最小字号 </font> <font size = 2>2.小字号</font> <font size = 3.5>3.中等字号</font> <font size = 4>4.稍大字号</font>
字体样式
<font face = "楷体">1.我是文本 楷体</font> <font face = "黑体">2.我是文本 黑体</font> <font face = "微软雅黑">3.我是文本 微软雅黑</font> <font face = "华文彩云">4.我是文本 华文彩云</font>
添加文字背景
<table><tr><td bgcolor=cyan>背景颜色cyan</td></tr></table>
混搭例子:
<table><tr><td bgcolor=cyan><font face="黑体" color=green size=5>我是黑体,绿色,尺寸为5,背景颜色cyan</font></td></tr></table>
千里之行,始于足下
以上就是 Markdown 写作的高级技巧(花里胡哨),包括添加目录、插入无表头表格、页内跳转、插入带跳转链接的图片、更改字体样式。
博客再好看还是要写文章啊,美化的尽头是默认,美化的本质是简洁…好好学习,不要玩花里胡哨的!