Markdown编辑小技巧——文字篇(一)

1.编辑需求:

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

2.文字编辑:

  1. 加色
$\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>

红色
绿色
蓝色

  1. 改变字体大小
    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

  1. 改变字体类型
    注意,字体类型的设置只能在电脑上才能显示字体效果,在手机上无法显示字体类型
<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>

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

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

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

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

斜体删除线

  1. 混合使用
<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.文章骨架:
  1. 有序列表
    对如上对于 有 序 列 表 效 果 \color{#FF0000}{有序列表效果} 的实现代码,个人感觉针对于(一)、(1)、一、直接写就好
 1. 有序列表
  1. 无序列表
 - 在这里插入代码片
 - 在这里插入代码片
 - 在这里插入代码片

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

  • 在这里插入代码片
  • 在这里插入代码片
  • 在这里插入代码片
  1. 引用
    一个尖括号实现
> 这里是引用

这里是引用

  1. 代码块
在这里插入代码片
<body></body>
	public static void main(String[] args){
		System.out.println("Hey,guys!");
	}

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

  1. 超链接

样例:
在《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)

  1. 表格
    规范写法:
| 姓名 | 性别 |学号 |
|-|-|-|
| 莱月昂 ||486  |
姓名性别学号
莱月昂486

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

| 姓名 | 性别 |学号 |分数
|-|-|-----------|--------|
|莱月昂 ||486          |        20
姓名性别学号分数
莱月昂48620
  • 0
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值