--- # System prepended metadata title: 原子筆記簡介 tags: [新手教學] --- --- tags: 新手教學 --- 原子筆記簡介 === 大家好!打給賀!這裡是Eric Juo(小卓)無聊發起的小小空間，目的在於共享生活中學習到的知識及經驗，這裡是一個新手友善空間，不要求筆記寫的多完整，只希望學習到的東西可以在某個地方保存下來，並可以幫助其他人一起學習，所以，如果你有任何想分享的事物，就盡情開一個新筆記撰寫吧! 另外想補充內容到其他人的筆記也歡迎協作編輯讓內容越趨完整唷! 你問為什麼叫原子筆記? 因為有一本書叫原子習慣，我覺得書名很Cool (但我沒看過!) 環境介紹 === 這個共筆空間是以Markdown語法撰寫的筆記，有點像是程式語言，但是別慌!一但習慣後，你將愛上這種簡潔的輸入方式，超強特點如下: - 結構化: 標題歸標題(H1, H2, H3, H4...)；內文歸內文 - 免排版: 就一種格式而已啦 - 免滑鼠: 專注在鍵盤上就好，滑鼠幾乎用不到 - 我就懶: 因為部落格還要調外觀又要找圖很麻煩 功能介紹 === 以下是寫筆記常會用到的功能，可以幫助快速上手。更進階的功能將在未來陸續新增。 如果你真的還是很恐慌不知道怎麼下手，可以用位於視窗左上方的工具列來插入語法(如下圖)。 ![Toolbar](https://i.imgur.com/Cnle9f9.png) ## 標題 文章結構以不同層級的標題做分類，行首的`#`符號越多，層級越低。最大為第一層級標題，行首僅有一個`#`符號，**而且筆記的第一個第一層級會被作為筆記標題**。 試著在行首輸入`#`符號，接著加上一個`Space`空白鍵後，輸入標題文字。 範例如下: ``` # 第一層級 ## 第二層級 ### 第三層級 #### 第四層級 ##### 第五層級 ``` :::info 如果你有依照範例繕打，你會發現字體大小都幫你調好了，第一級標題字體是最大的，接著依層級遞減。:wink: ::: ## 內文 行首不輸入任何符號就是內文的字體大小了。比較需要學習的地方是幫文字加上重點標示。 範例如下: *斜體* **粗體** ***又粗又斜體*** ``` *斜體* **粗體** ***又粗又斜體*** ``` ## 清單 清單分兩種，一種是**無序清單**，一種是**數字清單**， ### 無序清單 新增方法是先輸入`-`符號，接著加入`Space`空格鍵後，輸入清單項目。另外如果想在清單下再新增子清單，可以使用`Tab`鍵縮排來製作子清單項目。 - 無序清單 - 無序清單 - 無序子清單 - 無序子清單 範例如下: ``` - 無序清單 - 無序清單 - 無序清單 - 無序清單 ``` ### 數字清單 新增方法是直接輸入數字`n.`，接著加入`Space`空格鍵後，輸入清單項目。另外如果想在清單下再新增子清單，可以使用`Tab`鍵縮排來製作子清單項目。 1. 數字清單 2. 數字清單 1. 數字子清清單 1. 數字子清單 範例如下: ``` 1. 數字清單 2. 數字清單 1. 數字子清單 1. 數字子清單 ``` ## 圖片 電腦本機的圖片可以按![pic](https://i.imgur.com/AW7xwkW.png =20x20)鍵上傳圖片，或者直接貼上在編輯器中也可以。插入圖片的語法有兩種 1. 開頭先輸入一個`!`符號，接著輸入`[]`並在中括號內輸入圖片的描述文字，最後加上`()`並在小括號內輸入圖片網址。範例如下: ``` ![apple](https://123.com/apple.jpg) ``` >網域跟圖片是我亂掰的，不要特別去找，沒有蘋果的圖! 2. 開頭先輸入一個`!`符號，接著輸入`[]`並在中括號內輸入圖片的描述文字，然後在輸入一個`[]`並在中括號中放一個代碼。接著就可以用代碼在文件底端統一定義圖片網址。範例如下: ``` ![apple][A] [A](https://123.com/apple.jpg =50x50) ``` :::info 圖片大小可以在圖片網址後方加入`Space`空白鍵及`=`等號後，輸入欲調整成的大小 ::: ## 標籤 最後講個幫筆記上標籤的方法，標籤上的位置必須在編輯器最頂端位置，用三個`---`圍起來，並在中間輸入`tags:`，接著打上想標的標籤，標籤之間用`,`逗點隔開即可。範例如下: ``` --- tags: 新手教學 --- ``` 關於標籤的分類原則，容我再想想... *** 以上是常用的功能，其他則是較少會用到的功能，可以翻官方的[完整教學](https://hackmd.io/c/tutorials-tw/%2Fs%2Ffeatures-tw)，或者找Eric求救。