本文作者:值友6794745020
什麼是Markdown
Markdown 是一種用來寫作的輕量級「標記語言」,它用簡潔的語法代替排版,而不像一般我們用的字處理軟件 Word 或 Pages 有大量的排版、字體設置。它使我們專心於碼字,用「標記」語法,來代替常見的排版格式。例如此文從內容到格式,甚至插圖,鍵盤就可以通通搞定了。原本以為張大媽已經支持了markdown語法寫作了,當時現在看來並沒有支持這種格式。我們目前就只能夠通過markdown here將我們寫作的東西轉化成html的格式,也算是實現了markdown的效果。
像我這種一直對於格式不敏感的廣大程序員們,隊友以前寫文章的各種調整格式很是頭痛。但Markdown幫助我們解決了這個問題。讓我們能夠專注與文字內容,而不再是格式 問題。
Markdown常用工具
1 MarkdownPad
2 MarkPad。
3 馬克飛象(個人推薦)
4 MarkDown here(生成相應的html語言)
Markdown常用語法
通過了解Markdown的常用語法,能夠讓我們快速掌握其中要點。主要給新手小白普及下如何使用這個語法快速的插入圖片,添加標記,排版等功能。
語法大致分為以下部分:
▸ 標題
▸ 段落
▸ 區塊引用
▸ 代碼區塊
▸ 強調
▸ 列表
▸ 分割線
▸ 鏈接
▸ 圖片
▸ 反斜槓
▸ 符號
▸ 表格
▸ 流程圖(需要外部支持)
▸ 數學公式(需要外部支持)
▸ 流程圖(需要外部支持)
標題
標題
標題是每篇文章的常用格式,在這裡你可以用#表示一級標題,##表示二級標題,依此類推。是不是感覺到十分的方便。
列表
星號加上數字表示無須列表,而1.表示有序列表
引用圖片
使用我們常見的大於符號就可以了。
這是一個引用
鏈接與圖片的不同之處在於圖片在前面多了一個感嘆號!。
Alt text
Alt text:圖片的Alt標籤,用來描述圖片的關鍵詞,可以不寫。最初的本意是當圖片因為某種原因不能被顯示時而出現的替代文字,後來又被用於SEO,可以方便搜索引擎根據Alt text裡面的關鍵詞搜索到圖片。 圖片鏈接:可以是圖片的本地地址或者是網址。”optional title”:鼠標懸置於圖片上會出現的標題文字,可以不寫。
也可以使用將圖片直接存入到markdown中,這樣的好處是不同將圖片專門上傳。直接存入到文章(使用base64編碼方式)裡面,方便!具體的可以參考 :圖片顯示為base64
轉化圖片為base64格式的網址:轉換圖片
粗體與斜體
使用2個 包含一個文本表示粗體,一個包含表示斜體
這是一個粗體 粗體,這是一個斜體*
粗體斜體
表格
:——表示左對齊,——:表示右對齊,:——:表示兩端對齊
插入代碼
顯示效果對於代碼不夠友好,我放棄了
。對於我們這種程序猿簡直是一大福利呀,需要寫入代碼的地方直接加入你要的代碼就可以了。貌似張大媽對於代碼的兼容性不是很好呀。張大媽的程序員應該加油支持了。。。
。這都顯示成這樣了。。
分割線
另起一行輸入*就可以了
分割線
反斜槓
主要針對那些和我們語法衝突的地方處理的。列如我想輸入快樂但是我不想Markdown識別出來是斜體,這個時候只需要在星號前面加上反斜槓就可以了,這樣就不會被Markdown所識別。
反斜槓
奇淫技巧
前面說的能夠使用Markdown寫流程圖和數學公式以及PPT。這些目前主流的這些MD編輯器都沒有很好的支持。不過難不倒程序猿。
大部分都是引入第三方 JavaScript 插件來實現。
流程圖和時序圖
有部分網站和編輯器實現了對 Markdown 裡流程圖和時序圖的支持,比如我們使用的項目管理工具 TAPD 的在線編輯器,還有 VSCode + 插件 Markdown Preview Enhanced 等。當然目前使用較多的是mermaid。
畫出的流程圖,還是挺好看的
數學公式
插入數學公式需要滿足一定的規則(語法),具體可以參考:LaTex數學公式說明
總結
Markdown的專注於內容的功能,能夠讓我們寫出好看的博客。減輕我們的勞動。當然今天講的只是Markdown語法的一小部分,Markdown的其他用法有待於我們去發掘。
Markdown能夠簡化我們處理文檔的時間,統一的格式能讓我們在多個平臺上進行發送和傳播。
本文使用的CSS是李笑來的樣式:李笑來個人樣式
本文使用的圖床是七牛存儲,每個月免費10G存儲。目前來說夠用,續費價格也還可以。
技術簡化生活,打賞讓我快樂