Markdown编辑小技巧——文字篇（一）

w7h1te

已于 2022-03-12 19:48:07 修改

阅读量675

点赞数

文章标签：经验分享

于 2022-03-12 12:18:17 首次发布

本文链接：https://blog.csdn.net/qq_48424581/article/details/123439722

版权

1.编辑需求：

撰写文章，离不开大大小小的标题、序号以及把某处段内词句强调出来，给读者更有效的视觉共鸣。
先介绍常用的文字编辑方案，标题、斜体、~~删除线~~ 、有序和无序标题等都会介绍。

2.文字编辑：

加色

$\color{#FF0000}{红}$ 
$\color{#FF7D00}{橙}$ 
$\color{#FFFF00}{黄}$ 
$\color{#00FF00}{绿}$  
$\color{#0000FF}{蓝}$ 
$\color{#00FFFF}{靛}$ 
$\color{#FF00FF}{紫}$

$\color{#FF0000}{红}$ $\color{#FF7D00}{橙}$ $\color{#FFFF00}{黄}$ $\color{#00FF00}{绿}$ $\color{#0000FF}{蓝}$ $\color{#00FFFF}{靛}$ $\color{#FF00FF}{紫}$

其实Markdown也可以使用对应html的代码：

英文字母

<font color=red>红色</font>
<font color="blue">蓝色</font>
<font color=Yellow>黄色</font>
<font color=YellowGreen>黄绿色</font>

红色
蓝色
黄色
黄绿色

十六进制颜色值

<font color=#ff0000>红色</font>
<font color=#00ff00>绿色</font>
<font color=#0000ff>蓝色</font>

红色
绿色
蓝色

改变字体大小
size：规定文本的尺寸大小，取值范围为1~7 ，浏览器默认值是 3。注意，size=50也是可以显示的，但与7的字体大小一样

<font size=1>字体大小size=1</font>
<font size=3>字体大小size=3</font>
<font size=5>字体大小size=5</font>
<font size=5>字体大小size=7</font>
<font size=5>字体大小size=50</font>

字体大小size=1
字体大小size=3
字体大小size=5
字体大小size=7
字体大小size=50

改变字体类型
注意，字体类型的设置只能在电脑上才能显示字体效果，在手机上无法显示字体类型

<font face="黑体">黑体</font>
<font face="宋体">宋体</font>
<font face="仿宋">仿宋</font>
<font face="幼圆">幼圆</font>
<font face="楷书">楷书</font>
<font face="华文行楷">华文行楷</font>
<font face="华文隶书">华文隶书</font>
<font face="华文新魏">华文新魏</font>
<font face="华文彩云">华文彩云</font>
<font face="华文琥珀">华文琥珀</font>

黑体
宋体
仿宋
幼圆
楷书
华文行楷
华文隶书
华文新魏
华文彩云
华文琥珀

加粗、斜体、删除线

**粗体文字**,__粗体文字__
第二个缺点是在标志符前后假如添加除了符号外的字符，就会有部分显形，不太推荐
	__粗体文字__123 ，你好__粗体文字__，?__粗体文字?__?

粗体文字,粗体文字
粗体文字__123 ，你好__粗体文字，?粗体文字??

*斜体*、~~删除线~~			——————也都比较简单

斜体、~~删除线~~

混合使用

<b><font size=5 color=red face="华文彩云">华文彩云</font></b>

华文彩云

$\color{#FF0000}{可见性、原子性、顺序性}$ 
<b><font size=4 color=red face="华文彩云">可见性、原子性、顺序性</font></b>

$\color{#FF0000}{可见性、原子性、顺序性}$
可见性、原子性、顺序性

2.文章骨架：

对如上对于 $\color{#FF0000}{标题效果}$ 的实现代码

## 2.文章骨架：

有序列表
对如上对于 $\color{#FF0000}{有序列表效果}$ 的实现代码，个人感觉针对于(一)、(1)、一、直接写就好

 1. 有序列表

无序列表

 - 在这里插入代码片
 - 在这里插入代码片
 - 在这里插入代码片

对于 $\color{#FF0000}{无序列表效果}$ 的效果

在这里插入代码片
在这里插入代码片
在这里插入代码片

引用
一个尖括号实现

> 这里是引用

这里是引用

代码块

在这里插入代码片

<body></body>

	public static void main(String[] args){
		System.out.println("Hey,guys!");
	}

代码块“ ``` ”使用者三个点后面加上对应的代码语言名就可以有不一样的效果
并且同样以这三个点来结束

超链接

样例：
在《Java虚拟机规范（Java SE 8）》中描述了JVM运行时内存区域结构如下：
jvm运行时内存结构！
代码如下：

在《[Java虚拟机规范（Java SE 8）](https://docs.oracle.com/javase/specs/jvms/se8/html/jvms-2.html#jvms-2.5.4)》中描述了JVM运行时内存区域结构如下：
![jvm运行时内存结构！](https://img-blog.csdnimg.cn/img_convert/1ca124a61bc51f96c66ea12fdfd0fe5f.png#pic_center)

表格
规范写法：

| 姓名 | 性别 |学号 |
|-|-|-|
| 莱月昂 |男  |486  |

姓名	性别	学号
莱月昂	男	486

加点空格在末尾打个竖线，没什么影响，但基本的结构不能改变

| 姓名 | 性别 |学号 |分数
|-|-|-----------|--------|
|莱月昂 |男  |486          |        20

姓名	性别	学号	分数
莱月昂	男	486	20

w7h1te

关注

0
点赞
踩
4

收藏

觉得还不错? 一键收藏
0
评论
Markdown编辑小技巧——文字篇（一）

Markdown编辑小技巧——文字篇（一）
复制链接

扫一扫