<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>

```
👇🏻
<div style="text-align: center;">
<img src="https://hackmd.io/_uploads/SkDEzSbQgg.jpg" alt="Here is the cute kitten. 😊" width="300">
</div>

</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]