相信在csdn大家都忍不住寫寫博客了吧,不過該怎麼再能寫一篇好的博客呢?
文章目錄
前言
本文將帶領大家瞭解,入門markdown。
本文也是用markdown寫下的,所以,我把本文markdown源碼上傳到了csdn下載。0積分,若不是0積分了,可以私聊我,或者評論區告訴我,我會把源碼發給你。
源碼地址(審覈需要一定的時間)
爲什麼要用markdown
大家寫博客都發現了,有兩種編輯器:富文本和markdown
用那個好呢?
我們來對比一下:
- Markdown
- 富文本
其實兩種編輯器各有各的好處。富文本最簡潔易懂,但是功能沒有markdown強大。而markdown有一些難度,不過功能十分強大。富文本編輯時時不時需要用鼠標點擊,而markdown可以做到不用鼠標、
因此,建議大家寫隨筆,或者簡短的文章是用富文本,大型,用心寫的那種,用markdown。
必須的標題(這是一個一級標題)
標題,是好文章必須的組件。標題,可以讓文章的層次分的更清楚。那麼markdown怎麼插入一個標題呢?我推薦,不用鼠標點上面的標題,打井號(#)來創建標題。如果你的鍵盤沒有問題的話,是用shift+3打出井號。
創建標題用井號+空格,井號越少,標題就越大。有幾個井號,就是說幾個井號,就是幾級標題。我們來看一下:
二級標題
三級標題
四級標題
五級標題
六級標題
加粗文本
####### 沒有七級標題
大家發現了嗎?六級標題已經和加粗文本一樣了。十分不常用。但是,他還是和加粗文本有區別的。詳情見目錄,可以立刻點一下。(可是有回家的路的哦!)
看完了目錄這一章,你就知道標題的作用了。
附上標題markdown代碼:
## 二級標題
### 三級標題
#### 四級標題
##### 五級標題
###### 六級標題
**加粗文本**
####### 沒有七級標題
如何改變文本的樣式
文本樣式,可以增加文章的可讀性,把重點標出來,讓別人更有興趣看文章。想象一下,如果一個文章沒有任何加粗,斜體,標題……你會看這篇文章嗎?
加粗
加粗是最基本的強調的最基本的,一個文章可以沒有斜體,下劃線但是加粗是要有的。添加一個加粗,很簡單。在你要加粗的文本前後加兩個星號(*)就可以了。
**加粗文本**
但是,markdown有的時候會混淆。如果要加粗的句子裏面也有星號,那麼結果恐怕就不是你想要的了,所以,你也要會使用 HTML 標籤編輯markdown:html加粗的代碼是:<b>加粗文本</b>
斜體
斜體也是強調,不過通常不需要。加粗就行了。當然,也要知道。
斜體的代碼就是一個星號(*)
*斜體*
斜體的html是<i>斜體</i>
刪除線
用的不多 (纔怪)
markdown是~~刪除~~
,html是<s>刪除</s>
上標和下標
用到的也不多 (你一定覺得什麼用到的都不多)
當然,要用到的時候很頭疼。
沒事,下標是一個~ ,~下標~
比如說H2O。html是<sub></sub>
上標(次方)是兩個^, ^上標^
,比如說210=1024,html是<sup></sup>
。
熒光筆標記
這個,比加粗更強調!看起來就像熒光筆一樣。就是兩個等於號==xxx==
。
引用
這個用的十分多,不僅可以引用,還可以修飾:
Markdown是一種可以使用普通文本編輯器編寫的標記語言,通過簡單的標記語法,它可以使普通文本內容具有一定的格式。
Markdown具有一系列衍生版本,用於擴展Markdown的功能(如表格、腳註、內嵌HTML等等),這些功能原初的Markdown尚不具備,它們能讓Markdown轉換成更多的格式,例如LaTeX,Docbook。Markdown增強版中比較有名的有Markdown Extra、MultiMarkdown、 Maruku等。這些衍生版本要麼基於工具,如Pandoc;要麼基於網站,如GitHub和Wikipedia,在語法上基本兼容,但在一些語法和渲染效果上有改動。——————引用於百度百科
還可以引用自己的理解:
我認爲markdown只是簡化版的html,而且完全支持html標籤。
引用,只需要加一個“>”就可以引用了
對了,注意,引用後記得回一下車,按一下enter,不然下面的句子也會被引用
鏈接
博客裏面難免會有一些外部鏈接,比如說csdn是個好網站!
那麼,有個簡單的方法:還記得上面的工具欄嗎?
點一下超鏈接,嘿嘿!
圖片
圖片可以增強文章可讀性,更多的圖片,比全部都是文字要好。
本地圖片直接拖拽進來,外部鏈接就點上面的工具欄。圖片描述就是圖片加載失敗後展示的詞語,圖片保存在csdn服務器應該就不會丟失了,不用管。
一個文章圖片多會大大增加讀者的興趣哦!
更改圖片大小
簡單,只需要在圖片的url後面加一個“ =長x寬”就可以了
這是一張50x50 的圖片。
代碼片
第一種:直接點擊上面的“代碼塊”
# 一個python程序員自殺前的遺書
print("Goodbye,world!")
第二種,行內代碼,也是點上面導航:print('嘿嘿')
列表
分別有無序列表,和有序列表,上面導航都有:
無序
- 無
- 無2
- 無3
- 無4
- 按下幾個空格創建兒子
- 還有孫子!
- !!!
- 還有孫子!
- 按下幾個空格創建兒子
有序
- 第一個(前面的數字不會被選中
- 2
- 3
- 4
- 第五個
前面的序列不會波選中
發現了嗎?上面的工具欄是很有用的!
表格!
我們點一下上面的表格
會發現:
| | | <<<————————表頭
|--|--| <<<————————現在先不管他
| | | <<<————————內容
接下來,你就有一個表格了!
1(表頭) | 2 |
---|---|
內容 | 內容 |
添加列僅需幾個豎線||| |
這個是添加的列 |
更改文字位置(左對齊,右對齊)
表格默認都是居中的。
第二列其實也很有用,你想讓這列往哪裏對齊,就在哪裏放一個冒號:
比如說:
左對齊的 | 右對齊的 |
---|---|
嘿嘿 | 右!右右右右右右右右右右 |
簡單,但是鮮爲人知的技巧
註釋
註釋十分簡單添加,比如說我想註釋HTML:
*[HTML]: 描述
緊接着,大家把鼠標挪到 HTML 上。
鼠標截不進去,諒解啊。
鼠標會變樣式,然後會出現描述。
是否很簡單?
創建待辦/已完成
僅需點擊上面,然後,在預覽處點擊複選框,就OK了!
居中,右對齊
右對齊
當然了,默認都是左對齊。如果想要右對齊的話,先添加一個 HTML 的 p標籤
<p></p>
然後,加一個align屬性:<p align=right></p>
。
在 p標籤 裏面寫上要左對齊的文字,就可以了
居中
最簡單的方法,就是用 HTML 的center標籤:<center></center>
,中間寫文字,搞定!
目錄
哈哈,看着標題呢,點過來了?看完後,點擊下面傳送門回去看標題一章吧吧!很簡單,添加一個@[toc](描述)
,文章目錄就出來了!
描述(默認文章目錄)
是不是很漂亮?
個人經驗
文章開頭
首先,先用>
加一個引用,簡單描述這篇文章要說什麼
然後,@[TOC]
加標題
前言和結語
前言就詳細說一下文章,沒有結語的話,顯得有頭無尾。
結語
謝謝大家!如果有問題的話,歡迎大家指出!希望大家多寫博客,有問題歡迎大家指出!