【吐血整理】怎樣用markdown寫出一篇好的博客?

相信在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
    • 按下幾個空格創建兒子
      • 還有孫子!
        • !!!

有序

  1. 第一個(前面的數字不會被選中
  2. 2
  3. 3
  4. 4
  5. 第五個

前面的序列不會波選中
在這裏插入圖片描述
發現了嗎?上面的工具欄是很有用的!

表格!

我們點一下上面的表格

會發現:

|  |  |                     <<<————————表頭
|--|--|                     <<<————————現在先不管他
|  |  |                     <<<————————內容

接下來,你就有一個表格了!

1(表頭) 2
內容 內容
添加列僅需幾個豎線||| 這個是添加的列

更改文字位置(左對齊,右對齊)

表格默認都是居中的

第二列其實也很有用,你想讓這列往哪裏對齊,就在哪裏放一個冒號:
比如說:

左對齊的 右對齊的
嘿嘿 右!右右右右右右右右右右

簡單,但是鮮爲人知的技巧

註釋

註釋十分簡單添加,比如說我想註釋HTML:

*[HTML]:   描述

緊接着,大家把鼠標挪到 HTML 上。

在這裏插入圖片描述

鼠標截不進去,諒解啊。

鼠標會變樣式,然後會出現描述。
是否很簡單?

創建待辦/已完成

僅需點擊上面,然後,在預覽處點擊複選框,就OK了!

居中,右對齊

右對齊

當然了,默認都是左對齊。如果想要右對齊的話,先添加一個 HTMLp標籤

<p></p>
然後,加一個align屬性:<p align=right></p>
p標籤 裏面寫上要左對齊的文字,就可以了

居中

最簡單的方法,就是用 HTML 的center標籤:<center></center>,中間寫文字,搞定!

目錄

哈哈,看着標題呢,點過來了?看完後,點擊下面傳送門回去看標題一章吧吧!

          
          
          

很簡單,添加一個@[toc](描述),文章目錄就出來了!

是不是很漂亮?

個人經驗

文章開頭

首先,先用>加一個引用,簡單描述這篇文章要說什麼
然後,@[TOC]加標題

前言和結語

前言就詳細說一下文章,沒有結語的話,顯得有頭無尾。

結語

謝謝大家!如果有問題的話,歡迎大家指出!希望大家多寫博客,有問題歡迎大家指出!

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