前言
昨晚偶然間看到一篇介紹記筆記工具以及如何美化的視頻，突發奇想我打算也寫一篇記錄一下自己的美化過程，並會把自己使用的插件，樣式文件等提供在下方，覺得不錯得可以直接拿去使用，只希望觀眾能夠一鍵3連，這對我而言將會是莫大得鼓勵。下面快速開始。
如今，寫筆記得工具多不勝數，word、語雀等這些都比較常用，接下來我來介紹一款大家經常使用、耳熟能詳得神器——Typora。
有人說：有一種愛情是一觸即發。看到Typora的第一眼，我就愛上了它。它沒有專業軟件那么復雜而難以上手的功能，卻也沒有為了簡潔而妥協到難以使用，它的每一寸肌膚都恰到好處，與它相處的每一刻都十分愉悅。
typora這款軟件正如以上所說，它簡單而強大，並且免費 這里給出下載地址： 點我前去下載Typora
使用說明
Typora使用得是markdown語法，如果此前得你還不會使用markdown記筆記，怎么說 先去入個門吧 很簡單。
夠日常得基本使用了 Markdown 教程 | 菜鳥教程 我們也可以在文章編輯頁面插入HTML語法，奈斯！
定義樣式
Typora的定義就是極簡，如果你是一位極簡用戶，完全不需要自定義它的樣式，默認就夠使用了。而我則算是一位半極簡用戶，我將定義我的文章樣式並且分享出來源文件。當然你也可以根據自己的喜好去修改，不過需要建立在你對HTML、CSS 有一定的了解與使用。下面是我界面的樣子
文件下載
我的文件下載地址：https://pan.baidu.com/s/1LmP3Gixxexhn25gelcXG2Q 提取碼：kpse 文件詳情
base.css.zip ----typora基礎樣式壓縮包
newsprint.css.zip ----主題樣式壓縮包
pandoc-2.9.2-windows-x86_64.msi ----擴展插件
PicGo-Setup-2.3.0-x64.exe ----一款上傳圖片到圖床的工具
使用說明
1、將上述壓縮包通通解壓
2、替換Typora的basc.css 路徑如下
安裝目錄\Typora\resources\style
3、替換newsprint.css 路徑如下
C:\Users\用戶名\AppData\Roaming\Typora\themes
4、將Typora的主題切換為newsprint 重啟即可
5、如果后續你想繼續改進，只需再這兩個文件中修改添加
擴展插件
Typora編輯的格式是md文件，有時我們可能需要把md文件轉換成word、html文件。但是Typora暫時無法實現導出為指定格式的文件，所以我們就需要安裝pandoc 這個插件 。
使用說明
菜單文件--> 導出-->選擇你要導出的文件格式
模板
這里提供一個html的生成模板,在文件-->偏好設置-->導出-->HTML設置。
在head中添加
<meta charset="UTF-8">
<meta name="author" content="Mr.前度">
<link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/imageviewer/0.1.0/viewer.min.css">
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.slim.min.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/imageviewer/0.1.0/viewer.min.js"></script>
在body中添加
<hr>
<b><i>The End~~</i></b>
<br>
<p class="qd-footer">Author：<a href="tencent://message/?uin=2013498006" class="qd-qq">前度</a> | QQ：2013498006 </p>
<!-- | <a href="https://blog.csdn.net/qd2013498006/rss/list" target="_blank" class="qd-csdn">解鎖更多文章</a> -->
<style>
.qd-footer:hover,
.qd-qq:hover,
.qd-csdn:hover {
color: rgb(168 54 117);
}
.qd-qq,
.qd-csdn {
text-decoration: none;
color: rgb(90, 94, 97);
}
</style>
<script>
$(function() {
$('img').viewer(options = {
"navbar": false,
"title": false,
"toolbar": false
})
})
</script>
圖床配置
在Typora中，它是不保存文件中的圖片的，如果你要把這個文件上傳或者發給別人，需要把圖片一起打包，異常麻煩。所以就采用使用圖床的方法來解決這個問題
使用PicGo這個工具，你只需粘貼圖片到文件中，這個工具會自動的把圖片上傳到配置好的圖床中。下面看看使用步驟
1、新建一個圖床
這里我使用gitee倉庫作為存放圖片的地址，需要新建圖片，並且設置為公開，配置token 這些直接百度的到，路徑：在gitee個人頁面->【設置】->【私人令牌】->【生成新令牌】即可。生成完成后記得及時保存，不在細說了。
2、安裝icGo工具插件 gitee-smart
3、在PicGo中配置圖床地址信息
我的gitee倉庫目錄
4、使用typora測試
出現success字樣即代表成功。 就先寫這么多吧~~