tags	title	description	image	slideOptions
從HTML到MarkDown	將HTML/MarkDown放上網	從HTML到MarkDown3-講義簡報-資訊社主題社課	https://i.imgur.com/1Q6Rm96.png	loop theme true white

<style> hr{display:none} section h1 span{font-size:30%} section h1,section h2,section h3,section h4,section h5,section h6,section p,section blockquote {color:#656c73!important}section a{color:#337ab7!important}section img{border:0!important}</style>

從HTML到MarkDown/將HTML/MarkDown放上網

[name=世路]

---

:::spoiler

目錄

{state=open}

[ToC]

• 投影片：https://hackmd.io/@NCHUIT/mdhtml3
• 網頁：https://hackmd.io/@NCHUIT/mdhtml

:::

---

MD-HackMD

書本/簡報 都需要透過「分享的連結」或按下「預覽」才有效果

• 本頁簡報
• 書本模式簡單版(按預覽才有側邊欄)

 

---

HTML/MD-GitHub

https://github.com/twjmy/twjmy.github.io

---

註冊 GitHub(電腦) github.com

1. 點擊註冊按鈕「Sign up」
   

---

2. 輸入帳號「Continue」
   

---

3. 輸入密碼後點「Continue」
   

---

4. 輸入ID(username)後點「Continue」，注意只能是字母和半形「-」號
   

---

• 

---

5. 訂閱電郵，看你要輸入「y」或「n」都可以，然後點「Continue」
   

---

6. 機器人驗證後點「Create account」
   

---

7. 收郵件驗證信箱，打完數字會自動繼續
   

---

8. 資料填寫(剩下自己填完，也可以滑到下面跳過)

---

• 

---

• 

---

• 

---

• 

---

• 

---

9. 點「Create repository」新建存放庫

---

10. 輸入存放庫名稱 ==⚠️請填寫成 [自己的ID].github.io⚠️==

---

• ==⚠️一定設成要公開(Public)，不然等下網頁出不來⚠️==
  

---

• ==⚠️剩下都不用勾⚠️==，點「Create repository」建立存放庫
  

---

11. 丟完檔案之後，等待上傳完成滑到最下面點「Commit changes」

• 

---

• 檔案可以在 HackMD 下載
• :::info ⚠️注意檔名⚠️

1. *.html檔存成index.html
2. *.md檔存成readmd.md :::

---

12. 上傳完成後的頁面會是這樣子。上傳完之後不會立刻有網頁，
    我們點「Actions」看看網頁的建立過程，看看建得怎麼樣

---

• 

---

• 等個不到一分鐘的時間，看到綠色勾勾就代表網頁就出爐啦~
  

---

• 點進去你可以看到[自己的ID].github.io的網址
  

---

• 你的網站就架好啦~