--- lang: zh-tw title: Markdown語法教學 --- # <b>Markdown語法教學</b> ## 前言 #### [lotus.20129](https://r3-museum.acgn-stock.com/accountInfo/ZxKdDYwunQ9gaCdTB)說:**一個好的公司,必須擁有一位好的版面設計師!** ACGN股市交易系統裡,大家都有熱愛的角色,都會希望自己創立自己喜歡的公司,讀通了[公司法](https://docs.google.com/document/d/185o3HBGvRxDbw_m90L_hh62MS6EPp5NQD69s6bUVGzk/edit)以及[ ACGN 股票交易市場說明手冊](https://manual.acgn-stock.com/)進入新創角色頁面後,卻不知道該如何做出像其他資深玩家一樣的角色簡介。 在這裡,我將會教學如何使用基本的Markdown語法,來幫助剛進入遊戲中,不懂如何寫出漂亮的簡介。 Markdown有介紹全套的語法網站:[Markdown 語法說明](https://markdown.tw/) ~~官網介紹的非常齊全,但相信我,你不會想看完的~~ ## 新創頁面介紹 新創頁面一共有五個需要填寫的部分 分別是: :::success 1. 角色名稱(公司名稱) 2. 搜索標籤 3. 角色大圖 4. 角色小圖 5. 角色介紹 ::: ![新創頁面](https://i.imgur.com/ejCH7Uc.png) ### 新創規則介紹教學連結:[新手經理必看的新創教學~~ :star2:](https://hackmd.io/s/BJADFTskm) 在此我就不多作介紹了 ### 但是有一點非常需要提醒,新創介面有預覽結果,記得要邊打邊看是否有錯誤! ## Markdown基本語法介紹 在這裡,我將會介紹經常使用到的Markdown語法,提供大家基礎的語法觀念。 :::warning 1. [標題](#標題) 2. [分隔線](#分隔線) 3. [斜體/粗體/刪除線](#斜體/粗體/刪除線) 4. [任務列表](#任務列表) 5. [超連結](#超連結) 6. [引用](#引用) 7. [等寬字](#等寬字) 8. [表格](#表格) ::: ------------------------------ <h2 id="標題"> 標題介紹 </h2> 標題由大到小,一共有六個等級,也就是我們常說的H1字體到H6字體。 其中H1是最大的字體,經常被拿來作為標題的方式標示,H2與H3都適合拿來作為副標題的標示。 H3等級以後的文字實際上都差不多大小了,**因此我不建議使用到H3以後的等級。** ### 標題語法介紹 ``` # H1 ## H2 ### H3 以此類推...... ``` ![H1到H6圖示](https://i.imgur.com/njv55sn.png) 利用#字符號的多寡來定義字體大小 **記得!!!使用#字號,後面一定要按一個空白鍵!!!** --------------------------------- <h2 id="分隔線"> 分隔線介紹 </h2>  分隔線能將許多不同類型的內容用一條**黑黑長長的線進行分開**,讓讀者們能夠輕鬆閱讀,不會造成閱讀上的壓力,也能凸顯段落的效果。 ### 標題語法介紹 ``` 上段文章 (這裡必須有一個Enter) --- 下段文章 ``` ![分隔線圖解](https://i.imgur.com/2a6rO9V.png) 這裡最需要注意的就是,上個段落的文章打完後 **必須按一個Enter!!!!** 這個Enter極為重要,否則無法做出分隔線,還會造成上段的字體被放大 ------------------------------ <h2 id="斜體/粗體/刪除線"> <I>斜體</I> / <b>粗體</b> / <s>刪除線</s> 介紹 </h2> 再來,介紹最簡單易懂語法,也就是我們常常看到有些社群軟體會用的三種對文字修改字體樣貌或者是增加的語法。 分別為 :::success * *斜體* * **粗體** * ~~刪除線~~ ::: ### 標題語法介紹 ``` *斜體* **粗體** ~~刪除線~~ ``` ![文字語法](https://i.imgur.com/dy9CA5g.png) 你沒看錯,這三種語法能夠一起使用,能夠創造出許多特別的效果,凸顯文內中的文字注意力。 **但要注意空白鍵!!!!** 隨意添加空白鍵在語法終會導致語法失效! ------------------------------ <h2 id="任務列表"> 任務列表 </h2> 這是一個比較少人知道的語法,能夠有項任務清單一樣旁邊有小方框讓你選擇打勾的小圖示。 ### 任務列表語法介紹 ``` - [] A任務 - [] B任務 - [x] C任務 - [] D任務 ``` ![任務列表語法](https://i.imgur.com/ezELGrQ.png) 輕鬆簡單的語法,一樣稍微注意中括弧前面要一個空白鍵就好,其他的就只需要把你想要的資料輸入進去就好。 ------------------------------ <h2 id="超連結"> 超連結 </h2> 能夠將你的文字進行超連結連結出去外部其他網站的方式,有些公司會使用在最底下結尾處的參考資料內,告訴其他投資者最原先資料是出自哪裡的。 ### 超連結語法介紹 ``` [文字](https://) ``` ![超連結語法](https://i.imgur.com/sflDH87.png) 警告!請勿使用超連結的方式連結到其他來路不明或者有安全疑慮的網站,造成其他投資者的困擾,也可能導致吃上官司。 ------------------------------ <h2 id="引用"> 引用 </h2> 引用能在介紹內容最左方加上一條顯而易見的實線,常使用在某位角色說過的經典語錄中,強調某段語言。 ### 引用語法介紹 ``` >文字內容 >>縮行 >>>縮行 (以此類推) ``` ![引用語法](https://i.imgur.com/vKPOzEH.png) 最簡單的一個語法! 一個{>}符號就能影響多段文字,若要結束引用,請先用一個Enter空格開來,不然無法離開語法。 <h2 id="等寬字"> 等寬字 </h2> 將文字做成相同寬度,多數用在英文上,因為中文字型都是方正的,並沒有啥影響。 ### 等寬字語法介紹 ``` `文字` ``` ![等寬字](https://i.imgur.com/X8k8Myc.png) 這是等寬字會做出的效果,將每個英文字都做到相同的寬度 ![ACGN等寬字](https://i.imgur.com/NWMtVfA.png) 在ACGN中,等寬字也能夠拉開每個英文的寬度,讓英文字母維持相同寬度。 ~~只不過現在都被拿來誤用當成凸顯標題方式~~ #### 段落等寬字 ![](https://i.imgur.com/xu4YvVV.png) 一樣擁有等寬效果,應用在一個段落全數等寬上,是一個非常實用的文法。 ------------------------------ <h2 id="表格"> 表格 </h2> 最不好寫,但也是最多人想學的語法,能將資料製作成表格式的顯示在簡介上面,也是近期新添加的語法。 ### 表格語法介紹 ``` |姓名|性别|年龄|國籍| |---|----|----|---| |有大JJ的妹子|男|94|日本| |有大ㄋㄋ的漢子|女|87|美國| ``` 上圖前先介紹一下 表格用` |` 與 `-` 構成,其中只有第二行需要加入`-`這樣程式才會便是此段為表格語法 ![表格語法](https://i.imgur.com/IY3hIh3.png) **如上圖,最低需要兩個-才能夠構成表格** ----