1. 程式人生 > >MarkDown語法進階(三)(文字居中、圖片處理、插入視訊音樂、標準字型)

MarkDown語法進階(三)(文字居中、圖片處理、插入視訊音樂、標準字型)

  • Markdown編輯器本身是內容寫作工具,本身並不支援文字排版,理論上它只是指出哪些內容是表格、哪些內容是標題、哪些是正文圖片程式碼超鏈。

  • 但是由於markdown需要輸出,自帶html/css整合,因此需要指定格式時可以通過內嵌html或者內嵌css來實現。

如果對Markdown 語法不夠熟悉,可以檢視下面兩篇部落格:

1、文字居中:
<center>誒嘿</center>

左對齊:

<p align="left">誒嘿</p>
2、插入圖片及圖片居中、定義大小
  • 讓圖片靠左 顯示

基本形式是:![這裡放圖片描述](這裡放圖片連結)


例子:![美女漂亮不](https://tse2-mm.cn.bing.net/th?id=OIP.rF3VYN1CRvtyWBPU0I7kyQDMEy&p=0&pid=1.1)

  • 定義尺寸

<img width = '150' height ='150' src ="https://tse2-mm.cn.bing.net/th?id=OIP.rF3VYN1CRvtyWBPU0I7kyQDMEy&p=0&pid=1.1"/>

  • 定義大小並居中顯示

<div align=center><img width = '150' height ='150' src ="https://tse2-mm.cn.bing.net/th?id=OIP.rF3VYN1CRvtyWBPU0I7kyQDMEy&p=0&pid=1.1"/></div>

3、插入音樂

<iframe frameborder="no" border="0" marginwidth="0" marginheight="0" width=330 height=86 src="//music.163.com/outchain/player?type=2&id=528478901&auto=1&height=66"></iframe>

4、插入視訊

不支援優酷,可以用youtube。

<iframe width="560" height="315" src="https://www.youtube.com/embed/Ilg3gGewQ5U" frameborder="0" allowfullscreen></iframe>

5、跳轉連結
<a href="http://askunix.top/" target="_blank">跳到自己部落格列表</a>

跳到自己部落格列表:<a href="http://askunix.top/" 

target="_blank">http://askunix.top/</a>
6、使用標準字型
<font face="黑體">我是黑體字</font>
<font face="微軟雅黑">我是微軟雅黑</font>
<font face="STCAIYUN">我是華文彩雲</font>

我是黑體字
我是微軟雅黑
我是華文彩雲

7、多種矩陣形式輸入
  • 不帶括號的:
$$\begin{matrix}
1&2 \\  3&4 \\ 5&6
\end{matrix}
$$
123456
  • 帶大括號的:
$$\left\{
\begin{matrix}
1&2 \\  3&4 \\ 5&6
\end{matrix}
\right\}
$$
{123456}
  • 帶中括號的
$$\left[
\begin{matrix}
1&2 \\  3&4 \\ 5&6
\end{matrix}
\right]
$$
[123456]