原載于：硬核技術(shù)｜Typora+Github+Onedrive：最優(yōu)化的半公開云筆記體驗(yàn) (toutiao.com)
演示：
介紹：
- 簡單的配置實(shí)現(xiàn)半公開式（插入的圖片會被公開）的云筆記。通過OneDrive實(shí)現(xiàn)同步。對代碼格式支持良好。
實(shí)現(xiàn)原理：
typora編輯圖文，文本部分保存在本地，通過OneDrive自動同步，圖片部分自動上傳到Github，并套上Jsdeliver加速。
在另一臺設(shè)備訪問時，先從Onedrive拉取文本，再從Jsdeliver拉取圖片，實(shí)現(xiàn)圖文的展示。
- markdown：一種簡單高效的標(biāo)記語言。markdown格式的文章可以包含圖片、排版、表格、代碼塊等，卻只占用幾個kb的空間。許多平臺（尤其Github）都支持基于md編輯的圖文。
- Typora：一款基于markdown的編輯器，支持自動上傳圖片。寫文章的體驗(yàn)不遜于任何一款筆記軟件。
- Github：代碼托管平臺，也可以用來托管文件、圖片。理論上無限的存儲空間。
- Jsdeliver：CDN服務(wù)提供商。能夠加快Github上文件、圖片的加載速度。
- OneDrive：Windows系統(tǒng)自帶的云盤，個人有15G免費(fèi)空間。支持自動同步。
搭建成本：
- 零
能夠?qū)崿F(xiàn)：
多臺電腦自動同步筆記。
極低的本地硬盤空間、OneDrive存儲空間占用。
圖片插入，圖片自動保存云端。
便捷的分享：一鍵發(fā)布文章到互聯(lián)網(wǎng)等。
插入代碼，代碼高亮。
不能實(shí)現(xiàn)：
完全的私有化筆記?！獔D片會被公開。
手寫。——md不支持手寫。
多端同步?！沧慷四壳皼]有找到很好的編輯器。
目錄：
配置github
配置typora
配置OneDrive
簡單了解markdown
1. 配置Github
登錄（注冊）GitHub。首先新建一個倉庫：
記下你取的倉庫名。
然后生成一個token用于PicGo操作你的倉庫，訪問：https://github.com/settings/tokens，然后點(diǎn)擊Generate new token。
把repo的勾打上即可。然后翻到頁面最底部，點(diǎn)擊Generate token的綠色按鈕生成token。
注意：這個token生成后只會顯示一次！你要把這個token復(fù)制一下存到其他地方以備以后要用。
[圖片上傳中...(image-840a08-1637370486946-3)]
2. 配置typora
下載typora：Typora — a markdown editor, markdown reader.
官方使用教程（英文）：Typora Support - Typora Support
首先確保typora是最新版本：幫助-->檢查更新
然后 文件-->偏好設(shè)置，按照下圖進(jìn)行選擇
注意！要選擇“下載或更新”，安裝picgo-core才能使用，否則會出現(xiàn)error找不到上傳軟件
將下面代碼復(fù)制粘貼到你的配置文件中。
<pre class="md-fences md-end-block ty-contain-cm modeLoaded" spellcheck="false" lang="text" cid="n81" mdtype="fences" style="box-sizing: border-box; overflow: visible; font-family: var(--monospace); font-size: 0.9em; display: block; break-inside: avoid; text-align: left; white-space: normal; background-image: inherit; background-position: inherit; background-size: inherit; background-repeat: inherit; background-attachment: inherit; background-origin: inherit; background-clip: inherit; background-color: rgb(248, 248, 248); position: relative !important; border: 1px solid rgb(231, 234, 237); border-radius: 3px; padding: 8px 4px 6px; margin-bottom: 15px; margin-top: 15px; width: inherit; color: rgb(51, 51, 51); font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;">{
"picBed": {
"uploader": "github",
"github": {
"repo": "yw2667899/pic",//填寫你自己的倉庫名
"token": "",//上一步生成的token
"path": "img/", //保存位置，保持不變即可
"customUrl": "https://cdn.jsdelivr.net/gh/yw2667899/pic",//套一個CDN加速，將最后兩部分換成你自己的repo
"branch": "main"
}
},
"picgoPlugins": {}
}
</pre>
保存即可，點(diǎn)驗(yàn)證圖片上傳測試。
此時向typora插入圖片即會自動上傳到Github，并提取經(jīng)過加速后的連接放到文本中。
3. 配置OneDrive
無需配置，只要將保存時將文件位置選擇到OneDrive文件夾中即可，自動同步。文本部分存儲在OneDrive中，不會被公開。
4. 了解typora
在typora中的編輯和平時文本編輯是一樣的。你可以先熟悉一下導(dǎo)航欄和快捷鍵。也可以參考官方文檔。
官方使用教程（英文）：Typora Support - Typora Support
亦可參考網(wǎng)絡(luò)上關(guān)于markdown的入門文章
如用以上配置，重復(fù)上傳同一張圖片會報錯?？梢允褂肞icgo軟件。
到這里下載最新版安裝：Releases · Molunerfinn/PicGo (github.com)，windows用x64.exe結(jié)尾的
同上設(shè)置圖床參數(shù)：
然后設(shè)置自動改名：
即可。
