笔记工具

94 阅读3分钟

笔记工具

markdown

了解即可,在此仅做记录。
可以直接使用掘金的markdown工具栏,或者Typora软件。

image.png

基础语法

转义/换行

转义: 反斜杠\进行转义
换行: 在文本行末尾加上两个以上的空格,可以实现换行效果

代码块

//行内代码
     `console.log('Hi,这是一行代码内容演示');`

//整块代码。在此缩进:因为```重合了,且转义后转义字符被保留,最终效果不是想要的
    ```css
    const TEXT = 'Hi,这是一段代码内容演示';
    console.log(TEXT);
    ```

标题

// 掘金: 只有二级标题下面有分割线, 其他没有
// Typora: 只有一级和二级标题下面有分割线, 其他没有
# 一级标题
## 二级标题
### 三级标题
#### 四级标题
##### 五级标题
###### 六级标题

加粗/斜体

**这是一段字体加粗演示**

*这是一段文本斜体演示* 

引用

//换行方法:<!-- 两个空格 + 回车 -->
> 这是一段引用内容演示

效果:

这是一段引用内容演示
第二行

列表

列表分为有序列表无序列表两种基本列表。

  • 有序列表:使用非负数字+.+一个或以上空格
  • 无序列表:使用一个-*+加上一个以上空格定义无序列表,建议使用 -

多级列表:列表之间可以嵌套,通过增加1个TAB4个空格的缩进形成多级列表

* 无序列表项1
* 无序列表项2
* 无序列表项3

1. 有序列表项1
2. 有序列表项2
3. 有序列表项3

// 多级列表
// 无序多级列表(讲究一点, 可以使用 - + * 三者去标识不同的层级)
- 以及列表
    * 二级列表
        + 三级列表

效果:

  • 无序列表项1
  • 无序列表项2
  • 无序列表项3
  1. 有序列表项1
  2. 有序列表项2
  3. 有序列表项3

多级列表:

  • 以及列表
    • 二级列表
      • 三级列表

复选框

// 选中使用x
- [x] todo1
- [ ] todo2

效果:

  • todo1
  • todo2

链接/图片

// 链接
[掘金](https://juejin.cn/)

// 图片: 和链接语法类似,只要在前面加上感叹号!
![图片描述](图片链接)。
// 案例:
![掘金logo](https://lf3-cdn-tos.bytescm.com/obj/static/xitu_juejin_web/e08da34488b114bd4c665ba2fa520a31.svg)

效果:
链接: 掘金
图片: 掘金logo

表格

// 表格默认没有边框
// 可以使用html和css添加边框,但不是所有的 Markdown 解析器都支持HTML标签和CSS样式
| 标题展示 | 第二列 | 第三列 |
| --- | --- | --- |
|  表格内容展示  | 第二列内容| |

效果:

第一列标题第二列标题第三列标题
表格内容展示第二列内容

删除线/分割线

//删除线
~~这是一段文本删除线演示~~

//分割线
---

效果: 这是一段文本删除线演示


高级语法

暂时用不到,只写一点内容提示

参考:markdown高级用法

画图

  • 流程图
  • 时序图
  • 类图
  • 状态图
  • 关系图
  • 旅程图
  • 甘特图
  • 饼状图
  • 思维导图
  • 时间轴
// 流程图
    ```mermaid
    graph TD
    Start --> Stop
    ```

公式

// 块级公式
    $$
    \TeX
    $$
// 行内公式
    $    $