提高生產力的好工具--MarkDown語法學習

本文作者:值友6794745020

什麼是Markdown

提高生產力的好工具--MarkDown語法學習

Markdown 是一種用來寫作的輕量級「標記語言」,它用簡潔的語法代替排版,而不像一般我們用的字處理軟件 Word 或 Pages 有大量的排版、字體設置。它使我們專心於碼字,用「標記」語法,來代替常見的排版格式。例如此文從內容到格式,甚至插圖,鍵盤就可以通通搞定了。原本以為張大媽已經支持了markdown語法寫作了,當時現在看來並沒有支持這種格式。我們目前就只能夠通過markdown here將我們寫作的東西轉化成html的格式,也算是實現了markdown的效果。

像我這種一直對於格式不敏感的廣大程序員們,隊友以前寫文章的各種調整格式很是頭痛。但Markdown幫助我們解決了這個問題。讓我們能夠專注與文字內容,而不再是格式 問題。

Markdown常用工具

1 MarkdownPad

2 MarkPad。

3 馬克飛象(個人推薦)

4 MarkDown here(生成相應的html語言)

Markdown常用語法

通過了解Markdown的常用語法,能夠讓我們快速掌握其中要點。主要給新手小白普及下如何使用這個語法快速的插入圖片,添加標記,排版等功能。

語法大致分為以下部分:

▸ 標題

▸ 段落

▸ 區塊引用

▸ 代碼區塊

▸ 強調

▸ 列表

▸ 分割線

▸ 鏈接

▸ 圖片

▸ 反斜槓

▸ 符號

▸ 表格

▸ 流程圖(需要外部支持)

▸ 數學公式(需要外部支持)

▸ 流程圖(需要外部支持)

標題

提高生產力的好工具--MarkDown語法學習

標題

標題是每篇文章的常用格式,在這裡你可以用#表示一級標題,##表示二級標題,依此類推。是不是感覺到十分的方便。

列表

星號加上數字表示無須列表,而1.表示有序列表

提高生產力的好工具--MarkDown語法學習

引用圖片

使用我們常見的大於符號就可以了。

這是一個引用

提高生產力的好工具--MarkDown語法學習

鏈接與圖片的不同之處在於圖片在前面多了一個感嘆號!。

提高生產力的好工具--MarkDown語法學習

Alt text

Alt text:圖片的Alt標籤,用來描述圖片的關鍵詞,可以不寫。最初的本意是當圖片因為某種原因不能被顯示時而出現的替代文字,後來又被用於SEO,可以方便搜索引擎根據Alt text裡面的關鍵詞搜索到圖片。 圖片鏈接:可以是圖片的本地地址或者是網址。”optional title”:鼠標懸置於圖片上會出現的標題文字,可以不寫。

也可以使用將圖片直接存入到markdown中,這樣的好處是不同將圖片專門上傳。直接存入到文章(使用base64編碼方式)裡面,方便!具體的可以參考 :圖片顯示為base64

轉化圖片為base64格式的網址:轉換圖片

粗體與斜體

使用2個 包含一個文本表示粗體,一個包含表示斜體

這是一個粗體 粗體,這是一個斜體*

提高生產力的好工具--MarkDown語法學習

粗體斜體

表格

:——表示左對齊,——:表示右對齊,:——:表示兩端對齊

提高生產力的好工具--MarkDown語法學習

插入代碼

顯示效果對於代碼不夠友好,我放棄了

提高生產力的好工具--MarkDown語法學習

。對於我們這種程序猿簡直是一大福利呀,需要寫入代碼的地方直接加入你要的代碼就可以了。貌似張大媽對於代碼的兼容性不是很好呀。張大媽的程序員應該加油支持了。。。

。這都顯示成這樣了。。

提高生產力的好工具--MarkDown語法學習

分割線

另起一行輸入*就可以了

提高生產力的好工具--MarkDown語法學習

分割線

反斜槓

主要針對那些和我們語法衝突的地方處理的。列如我想輸入快樂但是我不想Markdown識別出來是斜體,這個時候只需要在星號前面加上反斜槓就可以了,這樣就不會被Markdown所識別。

提高生產力的好工具--MarkDown語法學習

反斜槓

奇淫技巧

前面說的能夠使用Markdown寫流程圖和數學公式以及PPT。這些目前主流的這些MD編輯器都沒有很好的支持。不過難不倒程序猿。

提高生產力的好工具--MarkDown語法學習

大部分都是引入第三方 JavaScript 插件來實現。

流程圖和時序圖

有部分網站和編輯器實現了對 Markdown 裡流程圖和時序圖的支持,比如我們使用的項目管理工具 TAPD 的在線編輯器,還有 VSCode + 插件 Markdown Preview Enhanced 等。當然目前使用較多的是mermaid。

提高生產力的好工具--MarkDown語法學習

畫出的流程圖,還是挺好看的

提高生產力的好工具--MarkDown語法學習

提高生產力的好工具--MarkDown語法學習

數學公式

插入數學公式需要滿足一定的規則(語法),具體可以參考:LaTex數學公式說明

提高生產力的好工具--MarkDown語法學習

總結

Markdown的專注於內容的功能,能夠讓我們寫出好看的博客。減輕我們的勞動。當然今天講的只是Markdown語法的一小部分,Markdown的其他用法有待於我們去發掘。

Markdown能夠簡化我們處理文檔的時間,統一的格式能讓我們在多個平臺上進行發送和傳播。

本文使用的CSS是李笑來的樣式:李笑來個人樣式

本文使用的圖床是七牛存儲,每個月免費10G存儲。目前來說夠用,續費價格也還可以。

技術簡化生活,打賞讓我快樂

提高生產力的好工具--MarkDown語法學習

相關推薦

推薦中...