欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

Markdown学习笔记

程序员文章站 2024-03-16 18:58:22
...

layout: post
title: Markdown 学习笔记
tags: Markdown,教程,笔记
renderNumberedHeading: false
grammar_cjkRuby: true

[toc!]

小明小李你好 小李, 最近怎么样?小李想了想还是老样子小明小李

Markdown学习笔记

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-u9kkS9dy-1582277067138)(https://www.liyue.site/assets/images/attachments/1582163098919.drawio.html)]


两篇学习教程,两个在线工具
https://www.runoob.com/markdown/md-tutorial.html
http://www.markdown.cn/#overview
https://tool.lu/markdown/
http://markdown.xiaoshujiang.com/


1 标题-------

=分割为一级标题

-分割为二级标题

用#标记一级标题

用##标记二级标题

总结:用#号写各级章节标题,可以用=和-写总标题,副标题(名字时间啥的)


2 段落格式-----

换行

换行两个空格加换行
换行根据两个换行

新行。这两个换行还是不太一样的。

字体----

斜体文本
斜体文本

粗体
粗体

斜粗体
斜粗体

分割线

用三个*-_就可以。可以加空格






都行。上下要加上换行。

删除线

~

注脚

使用时[^要注明的文本]

后面解释 [^要注明的文本]:解释

创建脚注格式类似这样 1

总结:段落换行用两个回车,段内想换行就两个空格+回车。 字体用*,开头不能有空格,中英文都可以。 用换行加独立的3个*表示分隔线。 删除线用 ~ 括起来。 下划线underline用 <u>括起来</u>。


3 列表

  1. 起床
    • 早饭
    • 写论文
  2. 午饭
    • 分日
  3. 睡觉

总结:无序列表,用*,+,-都行。有序的是数字加. 可以穿插使用


4 区块

区块

  • a
  • b

二区

  1. a
  2. b
  3. c

三区

使用技巧

  1. 第一步

    具体步骤

    具体步骤

  2. 第二步

总结:多层区块,用>分层。列表搭配分区块使用更配。


5 代码

行间代码标注用反引号包围 `
代码片段用一个tab缩进
或者用三个反引号包围,并且可以再第一行标注语言
```python
print(“hello”)
```

print("hello")

6 链接

中括号和小括号组合,为链接名字和链接地址。
尖括号直接就是地址
个人网站
https://www.liyue.site

7 图片

感叹号加上方括号,圆括号。方圆语法就是链接的语法,方括号为替换文字,圆括号为地址。云括号里面还可以加上title属性

Markdown学习笔记

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-QwY7ierX-1582277067155)(http://static.runoob.com/images/runoob-logo.png “RUNOOB”)]

8 列表

用竖线分割不同的单元格,用-分割表头和其他行。在用-分割时,加上:来表示对齐方式。

title1 title2 title3
1 2 3

和latex类似

9 其他元素

支持HTML元素
目前支持的 HTML 元素有:<kbd> <b> <i> <em> <sup><sub> <br>等

公式支持双美刀符,latex语法(段间公式)
问答和文章页会根据需要加载Mathjax对数学公式渲染

a=ab a = \frac{a}{b}

KaTeX parse error: Can't use function '$' in math mode at position 249: … \end{vmatrix} $̲{$tep1}{\style{…

10 流程图、时序图、甘特图

https://www.runoob.com/markdown/md-advance.html 的最下面一篇笔记
需要 Typora编辑器的源代码模式才支持。给提提建议吧。

但是小书匠可以根据标题生成思维导图,插入图片

graph LR
A[方形] -->B(圆角)
    B --> C{条件a}
    C -->|a=1| D[结果1]
    C -->|a=2| E[结果2]
    F[横向流程图]
a=1
a=2
方形
圆角
条件a
结果1
结果2
横向流程图

  1. 学的不仅是技术,更是梦想!!! ↩︎