頭部¹

博客標簽規定

文章目錄

• 一、常用可以內嵌的HTML標簽
• • 一、標題
  • • ?? 🍤 知識點
    • ?? 🍤 知識點
• 二、圖片
• 三、字體
• 五、表格
• 六、錨鏈接
• 七、Typora中的技巧

---

一、常用可以內嵌的HTML標簽

??

<!-- 在markdown中為了方便 可以不用加閉合標簽 --><center><font face="華文行楷">大標題</font># <mark><font face="華文彩云" color=red>一級標簽## &emsp;&emsp; <font face="華文黑體" color=#7D00FF>🍤 &emsp;&emsp;首行縮進<table><tr><td bgcolor=#E6D5B8><font size=3>表格中的顏色塊</td></tr></table>- [x] **小方面** - [ ] $a.$ 小方面細化：<p align="right">右對齊</p>

---

??
展示：

大標題

一、標題

?? 🍤 知識點

公式

?? 🍤 知識點

• 小方面
  • $a.$ 小方面細化
  • $b.$ 小方面細化

右對齊

?

---

二、圖片

設置圖片：位置 和 大小 <!-- 我的這樣的在兩側的效果 --> <!-- 在markdown的塊級元素，上面添加就會出現這樣的效果 --> <!-- 將圖片復制到CSDN中，建立圖床 + 提取圖片的 url + 套用模板 --><!-- 使用 嵌入HTML 我喜歡使用：在圖片左側寫文章 --> <img src="url" align="right" width=50px/><!-- 1. 圖片居中 --> <center><img src="url" height=50px/><!-- 2. 高的設置 --><img src="url" align="left" height=50px/><img src="url" align="right" height="40%"/> <!-- 3. 寬的設置 --><img src="url" align="left" width=50px/><img src="url" align="right" width="40%"/>

?

---

CSDN 官方指定的圖片格式：

 --------------------------------------------------------------------- 一、 這個圖片連接可以三部分 1. 不對圖片進行調整：2. 圖片位置信息： // 默認3. 圖片大小信息： // 完整調整 // 對圖片的 W 和 H 都進行調整 // 只對 W 寬進行調整 // 只對 H 高進行調整* 使用 CSDN 自帶的圖片格式，我喜歡只對 高 進行約束--------------------------------------------------------------------- 二、注意（主要是大小調節） 1. ‘=’ 前面要有個空格 2. 中間不是 ‘?’ ，而是字母 ‘x’

?

三、字體

# 樣式 <font face="華文行楷">標題藝術字</font> <font face="華文黑體">華文黑體</font> <font face="STCAIYUN">華文彩云</font> <font face="Comic Sans MS">Leetcode</font># 大小 就七個級別 <font size=1>[回到頂部目錄] <font size=2>[回到頂部目錄] <font size=3>[回到頂部目錄] <font size=4>[回到頂部目錄] <font size=5>[回到頂部目錄] <font size=6>[回到頂部目錄] <font size=7>[回到頂部目錄]# 顏色 <font color = red>1.我是文本 紅色red</font> <font color = blue>2.我是文本 藍色blue</font> <font color = pink>3.我是文本 粉紅pink</font> <font color = purple>4.我是文本 紫色purple—— #7D00FF </font> <font color = black>5.我是文本 黑色black</font> <font color = orange>6.我是文本 橙色orange</font> <font color = gray>7.我是文本 灰色gray</font> <font color = green>8.我是文本 綠色green</font>

華文行楷
華文黑體
華文彩云
Leetcode

[回到頂部目錄]
??
[回到頂部目錄]
??
[回到頂部目錄]
??
[回到頂部目錄]
??
[回到頂部目錄]
??
[回到頂部目錄]
??
[回到頂部目錄]

1.我是文本 紅色red
2.我是文本 藍色blue
3.我是文本 粉紅pink
4.我是文本 紫色purple
5.我是文本 黑色black
6.我是文本 橙色orange
7.我是文本 灰色gray
8.我是文本 綠色green

五、表格

<table><tr><th colspan="4">分工</th><tr><th rowspan="3">輩分</th></tr><tr><th>老大</th><th>老二</th><th>老三</th></tr><tr><td>李強</td><td>張明</td><td>王平</td></tr> </table>

??
展示：

分工輩分老大老二老三

李強	張明	王平

---

?

// 由 Java Deque 接口源碼 說明注釋中學到的： 在 Markdown 可嵌入HTML的表格語法可以是： <caption> 標題 <table> 定義表格 <tr> 行 <th> 頭 <td> 列 ALIGN=LEFT 對齊 [ LEFT / CENTER / RIGHT ] ROWSPAN=2 跨列 COLSPAN = 2 跨行內容 <b>加粗</b> <em>斜體</em>-------------------------------------------------------------------------------<table BORDER CELLPADDING=3 CELLSPACING=1> <caption><font size=5>Deque 方法總結</font></caption><tr><th ROWSPAN= 2></th><th COLSPAN = 2>頭部元素（隊首）</th><th COLSPAN = 2>尾部元素（隊尾）</th><tr><th>拋出異常</th><th>返回特殊值（常用）</th><th>拋出異常</th><th>返回特殊值（常用）</th></tr><tr><th>入隊列</th><td ALIGN=LEFT><em>void addFirst(e)</em></td><td ALIGN=LEFT><b>boolean offerFirst(e)</b></td><td ALIGN=LEFT><em>void addLast(e)</em></td><td ALIGN=LEFT><b>boolean offerLast(e)</b></td></tr><tr><th>出隊列</th><td ALIGN=LEFT><em>E removeFirst()</em></td><td ALIGN=LEFT><b>E pollFirst()</b></td><td ALIGN=LEFT><em>E removeLast()</em> </td><td ALIGN=LEFT><b>E pollLast()</b></td></tr></tr><tr><th>獲得元素</th><td ALIGN=LEFT><em>E getFirst()</em></td><td ALIGN=LEFT><b>E peekFirst()</b></td><td ALIGN=LEFT><em>E getLast()</em></td><td ALIGN=LEFT><b>E peekLast()</b></td></tr> </table>

??
展示：

Deque 方法總結頭部元素（隊首）尾部元素（隊尾）拋出異常返回特殊值（常用）拋出異常返回特殊值（常用）入隊列出隊列獲得元素

void addFirst(e)	boolean offerFirst(e)	void addLast(e)	boolean offerLast(e)
E removeFirst()	E pollFirst()	E removeLast()	E pollLast()
E getFirst()	E peekFirst()	E getLast()	E peekLast()

??

---

CSDN官方網站中使用的 MD 自定義列表

Markdown : Text-to-HTML conversion toolAuthors : John : Luke

??
展示：

Markdown

Text-to-HTML conversion tool

Authors

John

Luke

??

---

?? HTML自定義列表：在塊中無法使用其他 Markdown 語法

<dl><dt>學科</dt><dd>java</dd><dd>python</dd><dd>c</dd><dd>前端</dd><dt>地點</dt><dd>西安</dd><dd>北京</dd><dd>邢臺</dd> </dl>

??
展示：

學科

java

python

c

前端

地點

西安

北京

邢臺

---

六、錨鏈接

頁面內跳轉

# 末尾頁面內跳轉# `[^top]: 錨點_回到開頭` ：可以寫在任何地方，自動數字標識：自動將請求位寫到文章末尾(*) # ：寫在`頭部[^top]`的附近的即可 # `[^top]` 注意：響應跳轉的行，寫在行尾：請求跳轉的行，寫在行首內容行[^top]|[^top]: ——描述——

網頁間跳轉

# 1、簡單，CSDN自帶的[網站標題](URL)---------------------------------------------------------- # 2、末尾跳轉：可以寫在任何位置，無默認編號[網頁標題][1]|| ......|[1]: URL

七、Typora中的技巧

強制回車：在表格中可以下使用<br/>進行回車換行，快捷鍵為：shift（轉譯） + enter（回車）

圖片格式：<img src="url" alt="image-name" align="right" width="" style="zoom: 67%;" />
??$a.$ 右對齊： align="right"
??$b.$ 寬尺寸：width=""

跳轉

# 0、無法在CSDN的markdown中使用，但是可以在Typora中使用<a name="top">頂部</a>|[頂部](#top)

代碼折疊（CSDN不支持）
折疊語法： 標簽

<details><summary>點擊查看隱藏內容</summary><p></p><pre><code>代碼塊</code></pre> </details> details： 折疊語法標簽 summary： 折疊語法展示的摘要 pre： 以原有格式顯示元素內的文字是已經格式化的文本 code： 指定代碼范例 blockcode: 表示程序的代碼塊

?
?
?
?
?
?
?

---

~ 日拱一卒，終下一城 ~

我的博客鏈接測試

---

錨點_測試回到開頭 ??

總結

以上是生活随笔為你收集整理的markdown模板（个人使用）的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。