Day05 Markdown intro / Choose Life, Choose Markdown.

你知不知道什麼是 Markdown 噹噹噹?

  • 根據 Hugo 官方步驟,會發現新增的文章以 .md 結尾,這是 Markdown 的檔案格式
1
hugo new content posts/my-first-post.md
  • 如果你曾經歷過用 Word 作筆記,每次打開就花很多時間,編輯功能很多都用不到,排版還容易跑掉。那麼,是時候去蕪存菁擁抱 Markdown 了!
  • Markdown 是一種輕量級的標記式語言,可以透過簡單的前後綴實現格式化區隔,可以讓你在寫作時,更專注在內容上,不用花太多時間在排版上,而且可以很容易轉換成 HTML,讓你的內容可以在網頁上呈現 (Hugo ~)
  • 你可以用常見的編輯器撰寫 Markdown 內容,例如 VS Code、Sublime Text、Atom 等等,甚至可以在線上編輯,例如 HackMDStackEdit ,或是參加鐵人賽,撰寫鐵人賽文章也是用 Markdown

該怎麼做

受人以小魚

1
2
3
4
# 這是一級頭
## 這是二級頭
### 這是三級頭
#### 這是四級頭

這是一級頭

這是二級頭

這是三級頭

這是四級頭

1
2
3
4
5
6
7
- 這是 bullet point
    - 這是次級 bullet point
        - 這是三級 bullet point
* 這也是 bullet point
+ 這樣也是 bullet point
- [ ] 這是 checkbox
- [x] 這是 checked checkbox
  • 這是 bullet point
    • 這是次級 bullet point
      • 這是三級 bullet point
  • 這也是 bullet point
  • 這樣也是 bullet point
  • 這是 checkbox (應該要是個可以勾選的框,但 ITHome 沒有支援)
  • 這是 checked checkbox
1
2
1. 這是 1
2. 這是 2
  1. 這是 1
  2. 這是 2
1
2
3
4
==這是強調 highlight==
~~這是刪除線 strikethrough~~
*這是斜體*
**這是粗體**

==這是強調 highlight== (部分編輯器有支援) 這是刪除線 strikethrough 這是斜體 這是粗體

1
2
3
> 這是引用
>> 這是次級引用
>>> 這是引用的引用的引用

這是引用

這是次級引用

這是引用的引用的引用

1
2
這是分隔線
---

1
2
3
4
5
網址可以這樣寫 [這是網址](https://ithelp.ithome.com.tw/users/20152944/ironman/6394)

也可以這樣分開寫 [這是網址][]

  [這是網址]: https://ithelp.ithome.com.tw/users/20152944/ironman/6394  "這是網址"

網址可以這樣寫 這是網址

也可以這樣分開寫 這是網址

受人以大魚

Markdown 的 table 很不方便,用純文字編輯器也較不直覺,但 Markdown 支援其他多元的圖表格式

1
2
3
4
5
graph LR
A[Day 01] -->B(Day 05)
    B --> C{Keep going?}
    C -->|Yes| D[go to hell]
    C -->|No| E[vacation]

d05-1

1
2
3
4
5
pie
    title vacation pie
    "Amsterdam" : 7
    "Isle of islay" : 5
    "Edinburgh" : 3

d05-2

(圖片皆為 Obsidian 支援產生)

其他延伸

  • 作者推薦使用 Obsidian 作為日常的筆記工具,除了支援 Markdown 語法,也有各種酷炫的功能如"雙向連結"與各種社群外掛可以使用,官方也推出 Canvas 功能,讓你可以在大畫布上隨意繪製,並且可以與筆記連結,是一個非常適合做知識管理或建立卡片筆記的工具。
  • 由於 Obsidian 不像是 Notion 負責儲存與同步資料,所以你可以自由選擇你的筆記儲存位置,例如 Onedrive、Google Drive、iCloud、GitHub 等等,簡單架設一個私人的筆記系統,而不用擔心資料被筆記公司擅自使用。
  • 昨天的難點是決定 Hugo 的主題,今天是決定 Obsidian 的主題~
comments powered by Disqus
Yodering
Built with Hugo
Theme Stack designed by Jimmy