前言
這篇博文講的Typora,不止可以用來寫個人博客,還可以用來寫博客園,加上自己搞個圖床,在Typora上傳圖片就自動上傳圖床庫上去,真的很方便,也可以在CSDN寫博客,然后在那邊復制過來,使用的是CSDN的圖床,
我用博客園說的Windows Live Writer這個安裝不了,
1. Hexo添加文章時自動打開編輯器
首先在站點目錄下的scripts目錄中創建一個JavaScript腳本檔案,如果沒有這個scripts目錄,則新建一個,
- scripts目錄新建的JavaScript腳本檔案可以任意取名,
通過這個腳本,我們用其來監聽hexo new這個動作,并在檢測到hexo new之后,執行編輯器打開的命令,
- 如果你是windows平臺的Hexo用戶,則將下列內容寫入你的腳本:(直接復制,不用改)
var spawn = require('child_process').exec;
hexo.on('new', function(data){
spawn('start "markdown編輯器絕對路徑.exe" ' + data.path);
});
- 如果你是Mac平臺Hexo用戶,則將下列內容寫入你的腳本:(直接復制,不用改)
var exec = require('child_process').exec;
hexo.on('new', function(data){
exec('open -a "markdown編輯器絕對路徑.app" ' + data.path);
});
2. 新建文章時,在相同目錄下創建同名檔案夾(便于圖片管理)
- 打開站點組態檔
_config.yml,搜索post_asset_folder欄位,設定其值為true - 安裝hexo-asset-image:
npm install hexo-asset-image --save - 此時
hexo new "fileName"會在/source/_posts目錄下創建同名的檔案夾 - 只需在 md 檔案里使用
,無需路徑名就可以插入圖片,但是我們會使用圖床,存到這只是為了以后圖床失效可以找到圖片,
3. 圖床
我本來是使用阿里云來存盤,但是好貴,我換成一個免費的 路過圖床,
圖床有很多,比如阿里云,騰訊云,又拍云等,這些都是可以用的,
也可以把圖床存在CSDN,從CSDN文章copy過去,但是切記要本地保存,別以后CSDN失效找不到圖,
到阿里云,沒注冊的先去注冊一下,然后如下圖:

- 先去購買流量包,不貴,一年40G才9元,我現在才發現,買了流量包還是要錢的,現在收費的圖床都是分流量包和存盤包,,所以可能需要額外收費,如果是小型網站訪問量很小的,那肯定支付得起,幾分錢,大型的話就不要了,而且我們得設定防盜鏈,防止被人惡意刷請求,


- 然后去創建一個Bucket,然后如下填入就創建,


- 順便點開右上角我們的頭像,如圖:點開AccessKey管理

- 點開完,出現下面的這個,如果有用戶AccessKey就把它的AccessKey ID和Access Key Secret保存到txt,我記得剛創建會自動下載一個檔案,該檔案就保存這兩個鍵值對,
- 如果沒有,則創建該用戶,然后就會彈出一個下載框下載一個檔案,


- 然后先放著,下面的自動變圖床鏈接的編譯器要用
注意:請開啟防盜鏈,如下:


4. 自動變圖床鏈接的編譯器
我是在網上發現一個typora的插件,可以自動把上傳的本地連接,
typora下載,也可以去官網,但是官網加載好慢,,
原作者,我fork到我的github,測驗了一下,最新版能夠用,下面是我的教程:
- 先把該專案下載下來,然后里面有window.html和plugins兩個檔案,然后我在我的github這樣寫,

- 最后,得去配置好我們的圖床,在
plugins\image的upload.js檔案,該檔案就是可以配置我們的圖床,把剛剛在阿里云下載的檔案中,兩個AccessKeyId和AccessKeySecret的值復制進去,

- 而BucketDomain需要去阿里云的OSS中的檔案管理,先隨便上傳一張圖片,然后點擊看看它的鏈接,如圖:

- 然后把類似
http://flunggg.oss-cn-shenzhen.aliyuncs.com/復制到BucketDomain去, - 這個upload.js檔案可以自定義配置很多東西,比如我上面限制上傳檔案大小最多為10MB,不過一般不要這么大,最多4MB左右,或者去壓縮一下,推薦一個壓縮網站:tinyjpg,太大的可以去壓縮一下再放到圖床,

注意:可能有時對于舊文章想上傳,滑鼠點一下,等候一下就會上傳,如果沒有上傳則重新本地上傳就會自動變為圖床鏈接,并且再改變圖片樣式時不成功,我想把圖片縮小點就不成功,但是確實方便很多,
參考:
Hexo添加文章時自動打開編輯器
轉載請註明出處,本文鏈接:https://www.uj5u.com/qita/93512.html
標籤:其他
上一篇:快速搭建博客:主題更換
下一篇:雙色球的概率和收益
