---
# System prepended metadata

title: PaC's First Markdown Notes
tags: [筆記, 程式]

---

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