不可不知的程序員超神器------MarkDown

前言

用mark down記筆記、寫博客快滿兩年了,一直想總結這門在我看來屬於超神器的技術,就在今天寫Numpy總結的博客時候,想起了還沒有總結過超神器的使用。

工欲善其事必先利其器

關於編輯器的選擇,按個人興趣愛好挑選就可以了,如果要推薦的話,window端我比較傾向於Typora,小巧玲瓏足以形容它,蘋果端我沒使用過,就沒有發言權。

那有哪些可以很好渲染markdown格式的編輯器呢?

  • MarkdownPad
  • Typora
  • Texts
  • MarkPad
  • MdCharm
  • Markdown Edit
  • CuteMarkEd
  • Haroopad
  • Mou
  • MacDown
  • Markdown Pro
  • ReText
  • IDEA Markdown
  • 等等,我就不一一列舉了

語法

注意有些編輯器能渲染HTML/CSS的語法

相信聰明的你和我都能發現其中的對應關係,哈哈哈哈哈,就是如此的簡單。
在這裏插入圖片描述

段落與換行

  1. 段落前後必須要是空行
    像下圖一樣
    在這裏插入圖片描述
  2. 如果要換行可以使用HTML的標籤<br>或者<br/>
  3. Markdown中的多數區塊都需要在兩個空行之間

標題

用過OneNote、word、WPS的你應該知道標題吧,
換行
Typora好像支持七級標題,沒記錯的話,這個網頁端的渲染不支持。
# 和文字至少需要有一個

關於引用

在寫文章需要應用別人的文章怎麼辦,要是引用中有引用怎麼辦。

引用

嵌套引用
在這裏插入圖片描述

關於列表

在這裏插入圖片描述

語法

  • 無序列表項的開始是:符號 空格;
  • 有序列表項的開始是:數字 . 空格;
  • 空格至少爲一個,多個空格將被解析爲一個;

關於怎麼插入代碼塊

```後面跟上相應的編程語言會有相應的代碼高亮

在這裏插入圖片描述

關於分割線

  1. 可以使用HTML標籤<hr>
  2. 可以在一行中使用三個或更多的 *、- 或 _
  3. 多個字符之間可以有空格(空白符),但不能有其他字符
  4. 以上效果圖如下:
    在這裏插入圖片描述

關於超鏈接

  • 行內式:
    格式爲[link text](URL 'title text')
  • 自動鏈接
    使用 <> 包括的 URL 或郵箱地址會被自動轉換爲超鏈接:
    <http://www.baidu.com>
    http://www.baidu.com
    該方式適合行內較短的鏈接,會使用 URL 作爲鏈接文字

關於插入圖片

插入圖片的語法和插入超鏈接的語法基本一致,只是在最前面多一個!
![外鏈圖片轉存失敗,源站可能有防盜鏈機制,建議將圖片保存下來直接上傳](url)
方括號中的部分是圖片的替代文本,括號中的 ‘title’ 部分和鏈接一樣,是可選的。
要是想改變圖片大小的話可以用HTML的標籤<img>

<img src="#" title="哈哈" width="50" heigh="100">

關於強調

  1. 使用 * * 或 _ _ 包起來的文本會被轉換爲 <em></em>,通常表現爲斜體:

我是斜體

  1. 使用 ** ** 或 __ __ 包起來的文本會被轉換爲<strong></strong>,通常表現爲加粗:

我很粗

  1. 用來包括文本的 * 或 _ 內側不能有空白,否則 * 和 _ 將不會被轉換(不同的實現會有不同的表現)
  2. 如果需要在文本中顯示成對的 * 或 _,可以在符號前加入 \ 即可
  3. *、**、_ 和 __ 都必須 成對使用

字符的轉義

比較常用的式\
用在不想被渲染的字符上比如*、-、_之類的

刪除線

這就是刪除線
在這裏插入圖片描述

重頭戲—表格

科目 學分
C++ 2
JAVA 1

在這裏插入圖片描述
表格中還可以插入超鏈接、圖片等

對齊

在表頭下方的分隔線標記中加入 :,即可標記下方單元格內容的對齊方式:

  • :— 代表左對齊
  • :–: 代表居中對齊
  • —: 代表右對齊

Task List

在這裏插入圖片描述

  • C++
  • Java
    • HTML
    • Python2
  • Python3

slogan

爲了更好的自己,加喲喲

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章