当前位置: 首页 > 网络知识

Markdown操作

时间:2026-01-29 09:27:45

一直都是凑合着写,文章无论内容、布局还是色彩看起来都非常单调,今天有空找个教程跟着做一遍,希望以后能用得上

Markdown常用操作

一、认识 Markdown

在刚才的导语里提到,Markdown 是一种用来写作的轻量级「标记语言」,它用简洁的语法代替排版,而不像一般我们用的字处理软件 Word 或 Pages 有大量的排版、字体设置。它使我们专心于码字,用「标记」语法,来代替常见的排版格式。例如此文从内容到格式,甚至插图,键盘就可以通通搞定了。目前来看,支持 Markdown 语法的编辑器有很多,包括很多网站(例如简书)也支持了 Markdown 的文字录入。Markdown 从写作到完成,导出格式随心所欲,你可以导出 HTML 格式的文件用来网站发布,也可以十分方便的导出 PDF 格式,这种格式写出的简历更能得到 HR 的好感。甚至可以利用 CloudApp 这种云服务工具直接上传至网页用来分享你的文章,全球最大的轻博客平台 Tumblr,也支持 Mou 这类 Markdown 工具的直接上传。

二、Markdown 语法的简要规则

1.标题

标题是每篇文章都需要也是最常用的格式,在 Markdown 中,如果一段文字被定义为标题,只要在这段文字前加 # 号即可。

一级标题

二级标题

三级标题

四级标题

五级标题
六级标题

总共六级标题

2.列表

熟悉 HTML 的同学肯定知道有序列表与无序列表的区别,在 Markdown 下,列表的显示只需要在文字前加上 或 * 即可变为无序列表,有序列表则直接在文字前加1. 2. 3. 符号要和文字之间加上一个字符的空格。

无序列表

有序列表

  1. 1
  2. 2
  3. 3

无序列表与有序列表

3.引用

如果你需要引用一小段别处的句子,那么就要用引用的格式。
例如这样

这里是引用

要注意符号和文本间的空格
只需要在文本前加入 > 这种尖括号(大于号)即可

4.图片与链接

插入链接与插入图片的语法很像,区别在一个 !号

插入链接

Google

插入图片


5.粗体与斜体

Markdown 的粗体和斜体也非常简单,用两个 * 包含一段文本就是粗体的语法,用一个 * 包含一段文本就是斜体的语法。
这里是粗体
这里是斜体

6.表格

功能 快捷键 +
插入链接 Crtl K
插入图片 Crtl I
插入表格 Crtl+shift F
粗体 Crtl B
插入代码块 Crtl `
实时浏览 Crtl \
保存草稿 Crtl S

7.代码框

如果你是个程序猿,需要在文章里优雅的引用代码框,在 Markdown下实现也非常简单,只需要用两个` 把中间的代码包裹起来图例:
这是代码框
这是代码框
对于代码块可以用三对`包裹即可

a = 1 b = 2 c = a + b

使用 tab 键即可缩进。

8.分割线

分割线的语法只需要三个 * 号,例如:


上面是分割线


下面是分割线


到这里,Markdown 的基本语法在日常的使用中基本就没什么大问题了,只要多加练习,配合好用的工具,写起东西来肯定会行云流水。

三、着重突出

字体

文字前景色和大小

今天真开心
今天真开心
今天真开心
Hello World
Hello World
Hello World

<font face="黑体"> 今天真开心 </font> <font size=3 face=华文彩云> 今天真开心</font> <font size=5 color=blue face=隶书> 今天真开心 </font> <font color=#0099ff size=7> Hello World </font> <font color=#00ffff size=7> Hello World </font> <font color=GreenYellow size=7> Hello World </font>

行、段落背景

背景色

xiaoneng

<table><tr><td bgcolor=orange>xiaoneng</td></tr></table>

用图片作背景

I wish you a Merry Christmas.I wish you a Merry Christmas.I wish you a Merry Christmas.I wish you a Merry Christmas.I wish you a Merry Christmas.I wish you a Merry Christmas.I wish you a Merry Christmas.I wish you a Merry Christmas.I wish you a Merry Christmas.I wish you a Merry Christmas.I wish you a Merry Christmas.

<font style="background: url('images.wallpaperscraft/image/single/boy_silhouette_sunset_120026_300x168.jpg') ">I wish you a Merry Christmas.</font>

渐变背景色

太阳太阳,给我们带来,七色光彩

<font style="background: lineargradient( to right, #ff1616, #ff7716, #ffdc16, #36c945, #10a5ce, #0f0096, #a51eff, #ff1616);">太阳太阳,给我们带来,七色光彩</font>

三、颜色参考

配色表
渐变色

四、文章中添加目录

@

目录

@[TOC]



上一篇:IDEA 常用快捷键
下一篇:kmp(看毛片)算法
Markdown的使用
  • 英特尔与 Vertiv 合作开发液冷 AI 处理器
  • 英特尔第五代 Xeon CPU 来了:详细信息和行业反应
  • 由于云计算放缓引发扩张担忧,甲骨文股价暴跌
  • Web开发状况报告详细介绍可组合架构的优点
  • 如何使用 PowerShell 的 Get-Date Cmdlet 创建时间戳
  • 美光在数据中心需求增长后给出了强有力的预测
  • 2027服务器市场价值将接近1960亿美元
  • 生成式人工智能的下一步是什么?
  • 分享在外部存储上安装Ubuntu的5种方法技巧
  • 全球数据中心发展的关键考虑因素
  • 英特尔与 Vertiv 合作开发液冷 AI 处理器

    英特尔第五代 Xeon CPU 来了:详细信息和行业反应

    由于云计算放缓引发扩张担忧,甲骨文股价暴跌

    Web开发状况报告详细介绍可组合架构的优点

    如何使用 PowerShell 的 Get-Date Cmdlet 创建时间戳

    美光在数据中心需求增长后给出了强有力的预测

    2027服务器市场价值将接近1960亿美元

    生成式人工智能的下一步是什么?

    分享在外部存储上安装Ubuntu的5种方法技巧

    全球数据中心发展的关键考虑因素