是否曾在 Medium 文章裡,見到帶有灰色底的文字?它們是句中代碼及程式碼區塊,接下來會簡單介紹它們,分享更快製作的方式與個人的習慣。
句中代碼
程式碼區塊
舉個栗子 🌰 系列文章
讀者建議將 Medium 教學系列分段,比較好吸收與入口 🥣
句中代碼&程式碼區塊
在此之前,先好好呈現兩者的不同。
句中代碼 Code in a sentence
這是一段稱為句中代碼
的文字格式,它可以在句中呈現,也可以單獨出現。
句中代碼
在一段句子中,置入一小段帶有灰色底的文字,灰色底的區域會跟著內容物的多寡呈現範圍,類似於螢光筆在書本上畫出句子的感覺。
程式碼區塊 Code block
程式碼區塊
程式碼區塊通常會以完整的「行」呈現,向上方的例子,內容物很短,但是底部的灰色會填好填滿一整行。
「`」的按鍵位置
接下來會各介紹不同的輸入方式,補充「`」按鍵的位置,必須使用英文輸入法,才會有效果。
句中代碼的輸入方式&個人使用方式
需要藉助「`」按鍵達成,先按下「`」再輸入。
實際使用的體驗有點麻煩,要在中英文輸入法來回切換,可能是我使用錯誤吧…。我必須在輸入「`」之後先接上英數字(中文字會失敗),接著再輸入中文,回頭刪掉多餘的英數字。
更快的方法