# 第一篇Blog ###### tags: `Hackmd` `Blog` `CKCSC` `Coding` `MISC` ---------------- ## 2024/1/18 這是我的 Blog 的第一篇文章，既然使用了 HackMD，那就讓我們來簡單講講 Markdown 語法吧！ ---------------- ## Markdown 的起源與發展 Markdown 是一種輕量級標記式語言，由 **約翰·格魯伯** 創建。它允許人們使用易讀易寫的純文字格式來編寫文件，然後可以轉換成有效的 XHTML（或者 HTML）文件。這種語言吸收了很多在電子郵件中已有的純文字標記的特性（前身為 HTML），並且常用於以下幾個領域： 1. Discord 2. Reddit 3. GitHub 4. SourceForge 5. 電子書 6. HackMD *但需要注意的是，不同平台的 Markdown 語法可能會有細微差異。 -------------- ## 語法介紹 ### 標題 ``` # H1 ## H2 ### H3 #### H4 ##### H5 ``` ### 文字樣式 ``` *斜體字* (*文字*) **粗體字** (**文字**) ~~刪除線~~ (~~文字~~) ``` ### 超連結 ``` [YouTube](https://www.youtube.com/watch?v=xvFZjo5PgG0) ``` ### 程式碼 ``` ```c #include <stdio.h> int main() { printf("Hello World"); return 0; } ``` ### 同場加映 #### 前身合作(HTML) - 圖片 ```html <img src="image_url.jpg" alt="描述" width="500"/> ``` 在 Markdown 中嵌入圖片時，您可以使用 HTML 來更精細地控制圖片的顯示方式，如大小和對齊。 - 超連結 ```html <a href="https://www.example.com" target="_blank">訪問網站</a> ``` 使用 HTML 來創建超連結可以讓您添加 `target` 屬性，從而在新標籤頁中打開鏈接。 - 表格 ```html <table> <tr> <th>頭部 1</th> <th>頭部 2</th> </tr> <tr> <td>數據 1</td> <td>數據 2</td> </tr> </table> ``` 雖然 Markdown 有自己的表格語法，但使用 HTML 來創建表格可以提供更多的自定義選項，如樣式和複雜的布局。 - 分割線 ```html <hr /> ``` 您可以使用 `<hr />` 標籤來創建一條水平分割線，以分隔內容。 - 列表 ```html <ul> <li>列表項目 1</li> <li>列表項目 2</li> <li>列表項目 3</li> </ul> ``` 使用 HTML 創建列表可以讓您更好地控制列表的類型和樣式。 - 強調 ```html <strong>加粗文本</strong> <em>斜體文本</em> ``` 雖然 Markdown 有自己的方式來加粗和斜體文本，但 HTML 標籤也可以使用，尤其是在需要更精確控制的情況下。 #### 數學算式(Latex) 透過使用強大的科學與數學公式語言: Latex，可以在Latex中做到美麗的算式: EX: ``` $$y=x+1$$``` $$y=x+1$$ 常用: 微分導函數: ```f^{'}(x) = \frac{df}{dx}``` $$f^{'}(x) = \frac{df}{dx}$$ 矩陣: ```\begin{bmatrix} a & b\\ c&d \end{bmatrix} ``` \begin{bmatrix} a & b \\ c & d \end{bmatrix} 多項式: ``` $$ax^2 + bx + c$$ ``` $$ ax^2 + bx + c $$ 泰勒展開式: ``` $$ e^x = 1 + x + \frac{x^2}{2!} + \frac{x^3}{3!} + \frac{x^4}{4!} + \cdots $$ ``` $$ e^x = 1 + x + \frac{x^2}{2!} + \frac{x^3}{3!} + \frac{x^4}{4!} + \cdots $$ 畢氏定理 $$ \sqrt{a ^ 2 + b^2} = c $$ ----------- 了解了這些語法，在操作如readme.md等檔案時會更得心應手:)