# demo day 情境稿
## 接續演示
### 人物情境(這邊要多一張投影片介紹小龍，放小龍的照片跟幾行個人簡介)
大家好，我是宏家，今天特別找到我們的朋友白龍來使用一下 RackMD，
原本小龍都是用手寫的方式來做筆記，但聽說學長姊都是使用線上的筆記網站來做筆記的，
所以小龍有點擔心，現在就讓我帶著小龍實際操作一遍，讓他能夠快速上手吧!

demo 流程：
1. 登入
2. 個人資料修改
3. 首頁-標籤&筆記搜尋
4. 筆記內(五倍紅寶石(第八屆共筆))-Markdown語法
5. 首頁
6. 筆記內(Netflix & Chill)-公開筆記(複製網址)
7. 小龍-個人資料修改
8. 小龍-筆記內(Netflix & Chill)-留言新增、刪除
9. 小家-筆記內(Netflix & Chill)-留言新增、編輯
10. 小龍-收藏頁面
11. 小龍-個人公開頁面

### 實際 demo
首先來到我們 RackMD 的註冊畫面，身為一個網頁工程師，有一個 GitHub 帳號是很合理的吧。
現在就先用我的 GitHub 登入，等等 demo 完後我再來幫小龍辦一個 GitHub 帳號吧。

登入後我如果想修改我的個人資料可以進到這邊修改。
- 使用者名稱：小家
- 自我介紹：五倍最帥，不服來辯

首頁可以清楚的看到現在我有哪些筆記，透過標籤可以分類筆記，讓以後更好整理筆記。
透過模糊搜尋的功能可以讓我不用記得筆記全名也可以快速找到想要找的筆記。
接著雖然有點害羞，我來帶小龍跟大家看看我的筆記寫了甚麼內容。

小龍是第一次接觸到 Markdown 語法，讓我來介紹一下該怎麼輸入。
想當初我第一次接觸到 Markdown 語法也是很不熟悉阿，所以當初有自己建立一個基礎操作的說明。
透過 Markdown 語法的渲染，即時呈現在右方非常便利。
透過井字號加空格可以讓文字變成標題。
減號加空格可以讓文字變成無序清單。
數字加空格可以讓文字變成有序清單。
兩個星號把文字包起來可以讓他變粗體。
只有一個星號的話會變成斜體。
接著最厲害的是上下各輸入三個反單引號居然可以讓我們在裡面寫code，
而且還有亮度提醒，揪甘心。
編寫完內容後可直接離開，也不用擔心筆記還沒儲存，RackMD 的自動儲存功能讓你毋須煩惱，此外筆記的標題可自動抓取第一行的ｈ１標籤為筆記標題，讓您一次性完成一篇筆記的書寫。

- 筆記標題&內容：
1. 五倍紅寶石(第八屆共筆)
#### Markdown 基礎操作
# h1標題
## h2標題
### h3標題
#### h4標題
##### h5標題
###### h6標題
- 無序1
- 無序2
1. 有序1
2. 有序2
**好粗**
*歪頭*

var RackMD = "簡單好上手的筆記"
console.log(RackMD)

## 上課筆記
### JavaScript 資料型態
- 3 數字(Number)
- "hello" 字串(String)
- undefined Undefined
- null Null
- true/false 真假值/布林值（Boolean）
- [ ] 陣列（Array）

[1, 2, "aa", "xyz", true, null]

- { } 物件（Object）

 { 
   name: "kk",    // 前面的變數在物件裡會稱之為key
   age: 18, 
   isAdult: false 
 } 

當然除了上課筆記外，你也可以記錄一些你私人的東西，
像是我個人私藏的 Netflix 追劇清單、怎麼使用五倍券會更好、到底要買iphone 13 還是 13 Pro呢、
以及今晚金鐘獎的得獎名單也已經在我手裡了嘿嘿嘿，想知道得獎的是誰嗎? 不告訴你。
- 筆記標題：
2. Netflix & Chill
3. 五倍券放大術!
4. iphone 13 跟 Pro 到底怎麼選?
5. 第56屆電視金鐘獎得獎名單(極機密)

現在來看一下我個人私藏的 Netflix 追劇清單，這邊有三部劇是我一定要推坑給小龍的，
但目前我的筆記是私人的，所以我把他設成公開，讓小龍可以看的到。
- 筆記標題&內容：
2. Netflix & Chill
1. 等課程結束要來看爆的待看清單：
- 魷魚遊戲
- 紙房子第5季
- 安眠書店第3季
2. 五星好評，這一定要推坑給朋友：
- 我是遺物整理師
- 火神的眼淚
- 今際之國的闖關者

小龍學習力很強，剛剛才看完我的介紹就馬上辦好一個帳號了。
讓我們來看一下小龍的帳號吧
- 使用者名稱：衡陽路小龍
- 自我介紹：我才是五倍最帥，小家算甚麼

我分享我剛剛的追劇清單給小龍看看，
小龍表示：趁第九屆還沒開課，我要先來好好追劇!感謝學長的分享
直接按讚加收藏了啦(並留言)
小龍留言內容：學長我愛你。
(阿，打錯了，趁學長還沒發現趕快來刪掉留言吧)
小龍第二次留言內容：感謝學長無私分享，祝學長一生平安。
小家留言：看完可以再跟我討論劇情。
(等等，身為學長要作一個好榜樣阿，這樣留言不行，讓我來改一下)
小家留言更改：小龍阿，除了追劇也要好好先預習一下課程，不然之後上課可是會很辛苦的。

接著回到主頁面的收藏頁面，在這邊可以看到剛剛小龍收藏的筆記(記得要先多收藏幾篇)
透過排序可以看到最近收藏及最舊收藏，當然也可以搜尋已收藏的筆記。

(回到小龍帳號)
再來是個人公開頁的部份，可以看到自己擁有哪些筆記、公開及按讚了哪些筆記
這邊也可以透過排序看到最近及最舊的筆記，當然也可以搜尋想要找的筆記

###### tags: `專案`