XFE 技术 生活 笔记 文集

markdown基本语法展示

🔖 开发工具 👀 201 🕒 2019-02-12 👨‍🎓 XFE/Peter

标题

注意,在# 后面需要有一个英文空格才能生效

  • 代码
# 一级标题
## 二级标题
### 三级标题
#### 四级标题
##### 五级标题
###### 六级标题
  • 效果

三级标题

四级标题

五级标题
六级标题

文字修饰

  • 代码
*斜体字*
**加粗子**
~~删除线~~
  • 效果

    斜体
    加粗
    删除

排版

  • 换行,请在结尾处使用两个空格

  • 提段,请在段落结尾处空一行

这里是文章的第一段第一行,我要在后面空两格换行了  
这里是文章的第一段第二行了,下面我要开始写第二段了

这里是文章的第二段第一行,我要在后面空两格换行了  
这里是文章的第二段第二行了  

好了到此结束

这里是文章的第一段第一行,我要在后面空两格换行了
这里是文章的第一段第二行了,下面我要开始写第二段了

这里是文章的第二段第一行,我要在后面空两格换行了
这里是文章的第二段第二行了

好了到此结束

表格

  • 基本表格
|表头|表头|表头|
|----|----|----|
|内容|内容|内容|
表头 表头 表头
内容 内容 内容
  • 设置内容的排版
|表头|表头|表头|
|:----|:----:|----:|
|左对齐|居中|右对齐|
表头 表头 表头
左对齐 居中 右对齐

列表

  • 有序列表

有序列表只需要1.就行了,记住 .后面需要加一个空格

1. 11111
  1. aaa
  1. bbb
1. 22222
1. 33333
1. 44444
  1. 11111
    1. aaa
    2. bbb
  2. 22222
  3. 33333
  4. 44444
  • 无序列表
- 无序
  - 无序
- 无序
  - 无序
    - 无序
- 无序
  • 无序
    • 无序
  • 无序
    • 无序
      • 无序
  • 无序

图片

![图片](https://blog.xc123.net/img/logo.png "星城前端博客")

图片

链接

XFEBlog 首页

代码块

语言名称` 三个钩子符加上语言的名称,例如 javascript、css、html,开头 然后三个钩子符结尾

 body{background-color:#fff;}
 <div></div>
 <main></main>
  var hello = 'Hello World';    

结尾

未尽之处欢迎联系我补充