Markdown 写作的 N 个小技巧

简介: 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>

效果如下:

1690518025517.png

页内跳转

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

  • 在需要跳转到的位置添加一个锚点,比如 锚点显示内容(a 标签或者 span 标签均可,区别在于 span 标签不显示为链接样式),其中 anchor 是锚点的名称。
  • 在跳转的位置插入一个链接,比如 [点击跳转](#anchor),其中 anchor 是之前设置的锚点名称。

两种方法插入链接:

  • HTML 语法:使用 a 标签,代码如下:
<a href="#test">跳转到页面跳转</a>

[跳转到页面跳转](#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>    <!--使用十六进制颜色值-->

1690736137483.png

字体大小


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


1690736159247.png


字体样式


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

1690736179343(1).png


添加文字背景


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

1690736206005(1).png

混搭例子:

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

1690736242893.png


千里之行,始于足下


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

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

相关文章
Markdown魔法手册:解锁高效写作的新技能
Markdown魔法手册:解锁高效写作的新技能
揭秘Markdown:轻松掌握基础语法,让你的写作更高效、优雅!
揭秘Markdown:轻松掌握基础语法,让你的写作更高效、优雅!
轻松写作利器——Markdown常用语法介绍
家人们,今天我想向大家介绍一种广泛应用于写作和文档编辑的工具——Markdown。作为一种简单而高效的标记语言,Markdown在技术圈和写作领域越来越受欢迎。无论你是写程序代码、博客文章还是撰写文档,Markdown都能帮助你以简洁的方式展现内容。让我们一起来了解Markdown的常用语法吧!
84 0
轻松写作利器——Markdown常用语法介绍
|
4月前
|
XML 搜索推荐 开发工具
全面指南:技术写作与编辑工具 Markdown、Git 研究工具
在技术写作领域,“工具”是指技术写作者用于创建、管理和发布高质量技术文档的各种软件和应用程序。这包括文字处理器、桌面出版应用程序、XML 编辑器、内容管理系统等等。一些技术写作者常用的工具示例包括 Microsoft Word、WPS、Typora、Notion、印象笔记、GitHub、飞书云文档 和 VSCode 等。这些工具通过允许文档版本控制、启用协作、提供用于一致格式设置的模板、提供管理大量内容的功能,甚至提供将文档翻译成多种语言的功能,从而提高了生产力。工具的选择取决于技术写作者或其工作的组织的具体需求和工作流程。
253 4
|
开发者
博客写作神器:介绍与部署Markdown Nice
作为开发者和写作者,我们经常需要使用Markdown来编写文档、博客和技术文稿。然而,标准的Markdown格式可能显得有些普通,缺乏一些专业的排版效果。在这里,我们将向你介绍一个强大的工具——Markdown Nice(mdnice),它可以帮助你轻松地为你的Markdown文档添加漂亮的排版效果。
232 2
博客写作神器:介绍与部署Markdown Nice
|
存储 安全 搜索推荐
Markdown之利器:使用Docker私有部署StackEdit,提升写作效率
在当今信息时代,写作已成为许多人不可或缺的一项技能。无论是写博客、撰写文章,还是做笔记和整理思路,一个高效的写作工具都能极大地提升工作效率和创作质量。StackEdit作为一款强大的在线Markdown编辑器,不仅具备卓越的写作功能,还支持实时预览、多设备同步等特性,备受写作者们的青睐。
425 0
Markdown之利器:使用Docker私有部署StackEdit,提升写作效率
|
开发工具 C++ iOS开发
搭建 Markdown 强大写作环境-VS Code
搭建 Markdown 强大写作环境-VS Code
搭建 Markdown 强大写作环境-VS Code
|
前端开发 机器人 程序员
关于写作编辑器markdown与它的编辑工具,我想说...
markdown便是如此,它让你无需关注排版,将更多的经历用于写作上。如果现在还没有使用过它的朋友,真的推荐你们跨出第一步...
231 0
|
XML JSON JavaScript
开始自己的 markdown 写作
前言 本身使用 markdown 已经好几年了,算是比较了解。因此写下自己对 markdown 的一些理解。 本文可能不太适合新手,不过主要是些观点,所以相对来说还算好接受。如果理解本文有难度,建议先去学习基础语法。
147 0
|
Web App开发 存储 iOS开发
测评:对于写作的人来说,Markdown是你最好的朋友
测评:对于写作的人来说,Markdown是你最好的朋友 Markdown的入门读物,这是一种有着14年历史的文本编辑语言,随着年龄的增长越来越有用。几年前,我有一个看似聪明的想法:如果有一个文本编辑程序比Microsoft Word更简洁,更专注于为网络写作怎么办?我很快就发现这样的事情已经存在,这要归功于Markdown,这是一种14年前由作家和程序员John Gruber创建的文本编辑语言,他也以他的Daring Fireball博客而闻名。
1829 0