【Markdown几个常用技巧】图文全面详解，论怎么让笔记更加美观

---

1.2 字体

使用HTML标签设置字体

输入：

<font face="华文彩云" 笔记<font>

效果呈现：：

笔记

喜欢什么字体可以直接电脑中查询或者上百度喔

---

1.3 颜色

也是用内嵌HTML实现

输入

<font color=red> 红色</font>

<font color=blue> 蓝色</font>

<font color=green> 绿色</font>

效果呈现：

红色

蓝色

绿色

---

1.4 大小

输入：

<font size=5> 尺寸为五</font>

效果呈现：

尺寸为五

❗️以上依靠HTML便签的效果是可以叠加的

如：

<font face="华文新魏" size=5 color=blue> markdown</font>

markdown

1.5 特殊符号

看到别人用的✫、🍓、🍔是不是很好玩

这些都可以在Unicode字符百科找到哦

---

🍓二、结构

---

2.1 标题

---

2.2 代码块

这个功能对于程序员绝对是必不可少的

输入：

效果呈现：

// An highlighted block

var foo = 'bar';

---

2.3 引用

直接在文本行最前面加“>"

效果：

---

2.4 分割线

可以使文章结构更加清晰

输入：

---

即可得到一条分割线

---

2.5 列表

无序列表：

可用快捷键——

ctrl+shift+U

或输入：

-（加空格）

实现：

• 知识点

有序列表：

可用快捷键——

ctrl+shift+O

或输入：

某个数字加空格 如1 

效果：

1. 知识一

2. 知识二

---

2.6 表格

输入：

项目 | 费用

---------|-----

晚餐|$100

打车|$30

可乐|$3

效果呈现：

| 项目 | 费用 |

| — | — |

| 晚餐 | $100 |

| 打车 | $30 |

| 可乐 | $3 |

---

2.7 目录

输入

#### Vue 编码基础

2.1.1. 组件规范  

2.1.2. 模板中使用简单的表达式  

2.1.3 指令都使用缩写形式  

2.1.4 标签顺序保持一致  

2.1.5 必须为 v-for 设置键值 key  

2.1.6 v-show 与 v-if 选择  

2.1.7 script 标签内部结构顺序  

2.1.8 Vue Router 规范



#### Vue 项目目录规范

2.2.1 基础  

2.2.2 使用 Vue-cli 脚手架  

2.2.3 目录说明  

2.2.4注释说明  

2.2.5 其他



![](https://img-blog.csdnimg.cn/img_convert/b4ee1921321dddc29bf532ba888c89e9.png)