markdown是什么

  • Markdown是一种轻量级标记语言
  • 是程序员记笔记的基本工具
  • 简单的语法就可以满足绝大多数记笔记的需求

markdown语法

标题

  • Markdown支持6种级别的标题，对应html标签 h1 ~ h6
    1
    2
    3
    4
    5
    6
    # h1
    ## h2
    ### h3
    #### h4
    ##### h5
    ###### h6

    h1

    h2

    h3

    h4

    h5
    h6

段落

1
> 这段文字将被高亮显示...

这段文字将被高亮显示…

链接和图片

1
2
[点击跳转至百度](http://www.baidu.com)
![图片](https://upload-images.jianshu.io/upload_images/703764-605e3cc2ecb664f6.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

点击跳转至百度
图片

无序列表

  • 无序列表使用*或+或-标识
  • 有序列表使用数字加.标识，例如：1.
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    * 黄瓜
    * 玉米
    * 茄子

    + 黄瓜
    + 玉米
    + 茄子

    - 黄瓜
    - 玉米
    - 茄子

    1. 黄瓜
    2. 玉米
    3. 茄子

分隔线

1
2
***
---

加粗

1
2
3
4
5
*这里是斜体*
_这里是斜体_

**这里是加粗**
__这里是加粗__

这里是斜体
这里是斜体

这里是加粗
这里是加粗

代码段

  • 使用两对反引号包裹
    1
    2
    ```语言
      代码
    1
    2
    ```markdown
      代码

表格

1
2
3
表头|条目一|条目二
:---:|:---:|:---:
项目|项目一|项目二
表头 条目一 条目二
项目 项目一 项目二

自定义颜色

1
2
直接写 html 元素就可以了
<span style="color:green">green</span>

green

其他

1
2
3
4
ctrl+/ 可以进入或退出源码模式
此外 markdown还可以输入数学符号 流程图 等功能
但是并不常用这里就不展开了 自己可以百度搜索试一试
一般我是用做的图片直接放过来

推荐使用 Typora

  • Typora 是一个编写 markdown 的软件
  • 比如表格这个还是比较繁琐的 使用 Typora 直接右键就可以插入表格了
  • 其次 Typora 是用 electron 开发的
  • 所以他里面的样式 都可以使用前端的方式随便修改
    • 设置里面 高级设置 开启调试默认
    • F12 就可以看到调试工具了
    • 设置 - 外观 - 打开主题文件夹
    • 在根目录新建一个 base.user.css
    • 然后编写自己想修改的样式就可以了

Markdown Viewer

  • 直接用浏览器打开 .md 文件
  • 为了方便查看 我一般直接浏览器打开.md文件
  • 谷歌商店直接下载就行 注意要翻墙
  • Markdown Viewer
  • 然后 chrome 打开拓展程序的设置界面 找到 Markdown Viewer
  • 开启两项配置
    • 自动允许访问以下网站 => file:///*
    • 允许访问文件网址
  • 然后在 chrome 右上角点击 Markdown Viewer的图标
    • 自己设置下样式
    • 除了 compiler 中的 pedantic
    • 其他全部勾选
  • 然后只要把 .md文件拖到 chrome 上就能直接预览了