typora改變字型顏色

Typora美化篇-小白教程2

1. 側邊欄美化

1.1 側邊欄圓角

1.1.1 需要修改的CSS檔案

• window.css檔案，是通過開發者工具來確定的這個檔案通常在以下目錄中：

C:/Program Files/Typora/resources/style，它是通過開發者工具檢視標籤所確認的。

• 如上圖所示，我們可以通過修改window.css檔案中的#typora-sidebar標籤，來修改圓角。（上圖是已經修改過的圖片）
• 修改程式碼：

• 箭頭① 修改圓角的半徑為50px，可根據自己喜歡設定
• 箭頭② 修改側邊欄的背景色為antiquewhite，可根據自己的喜歡設定
• 箭頭③ 修改側邊欄的邊框為實線，可根據自己喜好設定

2.字型背景美化

2.1 正文內文字選擇後的顏色設定

因為背景圖的原因，原先選擇文字後的字型顏色較淺，幾乎不易分辨。因此我們可以通過修改“selection”中的顏色屬性進行更改顏色。

① 通過開發者工具，可以看到上圖所示，該屬性可以通過bass.css檔案進行修改，可以將滑鼠移動到bass.css上方以檢視該檔案的地址。通常預設安裝的話，它的地址是在C:/Program Files/Typora/resources/style 路徑中。如下圖所示。

② 通過VScode開啟base.css檔案修改其中Selection中的顏色屬性。修改css檔案前記得先備份原檔案，一旦修改出錯的話還可以覆蓋還原。

③ 以下是我修改的程式碼

其中左側為修改的程式碼，將選中後的文字背景色修改為了黑色black，將選中後的文字的顏色變為了紅色。

3. h1~h2標題下的橫線修改

3.1 需要修改的檔案Github.css

• 檔案位置通常在以下目錄中：C:/Users/注意這裡是你自己的使用者名稱/AppData/Roaming/Typora/themes。或者：依次點選“檔案”→“偏好設定”→“外觀”→“開啟主題資料夾”就可以找到
• 使用VScode開啟該檔案，將下圖箭頭指示的地方進行修改即可

其中2px代表下橫線的寬度是2畫素，#後面的是顏色程式碼，我目前的顏色是根據標題的顏色來設定的，你也可以根據自己喜歡的顏色來設定。

根據昨天的以及今天的教程，我們實現的美化效果如下。