快速搭建博客：寫做技巧

前言

這篇博文講的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 文件裏使用 ![title](圖片名.jpg) ，無需路徑名就能夠插入圖片。可是咱們會使用圖牀，存到這只是爲了之後圖牀失效能夠找到圖片。

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添加文章時自動打開編輯器