<style> .br { color : #a1836d; } .r { color : #8c351d; } .bl { color : #4a5799; } </style> # 🍮&😺's Markdown 筆記 <font color = #a1836d> PaC's First Markdown Notes!! I'm so excited because I've always wanted to make a sites. :) </font> :::spoiler [TOC] ::: --- ### 🍮關於文字樣式 <font color = #a1836d> #### 字級大小 文字前加上"# "符號，次數越少字級越大。 <p class = "br"> </p> #### 斜體 ```*新增一顆星號*``` 👉🏻 *新增一顆星號* #### 粗體 ```**新增兩顆星號**``` 👉🏻 **新增兩顆星號** #### 斜體&粗體 ```***新增三顆星號***``` 👉🏻 ***新增三顆星號*** #### 刪除線 ```~~兩個波浪號~~``` 👉🏻 ~~兩個波浪號~~ #### 重點色 ```==兩個等號==``` 👉🏻 ==兩個等號== #### 顏色 </font> ``` <style> .br { color : #a1836d; } .r { color : #8c351d; } .bl { color : #4a5799; } </style> <p class = "bl"> I don't have a dream. </p> <p class = "r"> Because I can't go to sleep. </p> ``` 👇🏻 <font color = #4a5799> I don't have a dream. </font> <br> <font color = #8c351d> Because I can't go to sleep. </font> --- ### 😺整理頁面工具 <font color = #a1836d> #### 目錄 ```[TOC]``` #### 列點 ``` **My Hero Academia** - beautiful art - attractive characters + interesting story * ALREADY ENDED!! ``` 👇🏻 **My Hero Academia** - beautiful art - attractive characters + interesting story * ALREADY ENDED!! #### 步驟 ``` 1. Download Google Chrome. 2. Search "mha manga". 3. Open the top link. ``` 👇🏻 1. Download Google Chrome. 2. Search "mha manga". 3. Open the top link. #### 清單 ``` - [ ] Read this aloud:"I like Dynamight!" - [x] Be trash. ``` 👇🏻 - [ ] Read this aloud:"I like Dynamight!" - [x] Be trash. #### 分割線 ```---``` 👇🏻 --- #### 引用區塊 ``` > [color=#4a5799] 引用區塊 > > 子引用區塊 > > > 子子引用區塊 ``` 👇🏻 > [color=#4a5799] 引用區塊 > > 子引用區塊 > > > 子子引用區塊 #### 重點區塊 ```htl= :::success ✅ Good job! ::: :::info 🌐 This is a piece of information. ::: :::warning ⚠️ Warning! ::: :::danger ❌ IndexError: list index out of range ::: :::spoiler 💭Hmm... actually, I'm not sure what this is made for. ::: ``` 👇🏻 :::success ✅ Good job! ::: :::info 🌐 This is a piece of information. ::: :::warning ⚠️ Warning! ::: :::danger ❌ IndexError: list index out of range ::: :::spoiler 💭Hmm... actually, I'm not sure what this is made for. ::: --- ### 🍮程式碼特殊效果 #### 句中 將文字放置於"``"之間 👉🏻 `譬如像是這樣hehe` #### 顏色 ``` ```python print("1+1=?") # =2 x = int(input()) if x == 2: print("So what? That doesn't mean your math will pass this time.") else: print("You stupid IDIOT.") ``` ``` 👇🏻 ```python print("1+1=?") # =2 x = int(input()) if x == 2: print("So what? That doesn't mean your math will pass this time.") else: print("You stupid IDIOT.") ``` #### 行數 ``` ```cpp= #include<iostream> using namespace std; int main(){ int x; cout << "1+1=?"; cin >> x; if(x == 2){ cout << "What do you want to prove? Your math is still poor, though."; } else cout << "The brain is a good organ, I hope you have one."; return 0; } ``` ``` 👇🏻 ```cpp= #include<iostream> using namespace std; int main(){ int x; cout << "1+1=?"; cin >> x; if(x == 2){ cout << "What do you want to prove? Your math is still poor, though."; } else cout << "The brain is a good organ, I hope you have one."; return 0; } ``` </font> --- ### 🍮連結與圖片 <font color = #a1836d> #### 連結 ``` [🎧Click HERE to listen to an amazing song.](https://youtu.be/dQw4w9WgXcQ?si=MvDgm8N7J0pxtBQE) ``` 👇🏻 [🎧Click HERE to listen to an amazing song.](https://youtu.be/dQw4w9WgXcQ?si=MvDgm8N7J0pxtBQE) #### 圖片 ``` <div style="text-align: center;"> <img src="https://hackmd.io/_uploads/SkDEzSbQgg.jpg" alt="Here is the cute kitten. 😊" width="300"> </div> ![堀越耕平(Horikoshi Kōhei) is my god.](https://hackmd.io/_uploads/S1ybCz_Xxg.jpg =300x) ``` 👇🏻 <div style="text-align: center;"> <img src="https://hackmd.io/_uploads/SkDEzSbQgg.jpg" alt="Here is the cute kitten. 😊" width="300"> </div> ![堀越耕平(Horikoshi Kōhei) is my god.](https://hackmd.io/_uploads/S1ybCz_Xxg.jpg =300x) </font> --- ### 😺資料來源 - [使用 HackMD 管理並撰寫筆記 (Markdown, CSS, Excel 表格, 標籤分類, 書本模式) || Wei Wei 前端教學](https://youtu.be/8ZlzUqXf6_4?si=BSNeMK7VCZcfp4k2) - [拯救資工系學生的基本素養—Markdown 使用教學 || Coding Neutrino—微中子的程式教學](https://youtu.be/Or6adjo3W4E?si=3wKpf9Ob2M_B5FDh) - [你一定不能不知道的 Markdown 寫作技巧 || Will 保哥](https://youtu.be/_05BEggK0IU?si=NbyyFQBTMaY-FwpO) --- <font color = #a1836d> 😺That’s all — thanks for reading!🍮 </font> > [name=pudding_andcat] [time=2025/06/17] [color=#4a5799]