⑴ Hexo折騰之圖片存儲
hexo博客弄好了,寫博客遇到了一個最大的問臘老渣題,就是圖片的存放問題,看了一下litten的博客,他是把圖片都存在自己伺服器的。可是自己的伺服器存儲是用的系統存儲,應該沒有那麼大的空間,怎麼辦了??
那就只有看看網上的雲存儲有什麼比較好的了,最早的時候,我用的圖床是貼圖庫,之前他可以無限流量,不限時間,但是現在保存時間只能有6個月了。
那肯定不行啊,所以只有換一個了,查了資料,發含巧現了七牛雲存儲,有一個專門的hexo的七牛插件: hexo-qiniu-sync ,但是這個插件有個問題,就是只會把本地文件同步到七牛。這跟我的設想完全不符。
最後我發現了一個神器——極簡圖床
下面就來講一講如何輪悄配置七牛以及極簡圖床:
注冊的流程就不說了,注冊成功以後,需要做的是:
極簡圖床對於七牛的配置也非常簡單,只需要填入一些參數即可
並且極簡圖床支持markdown語法的復制,可以一步到位,幾乎無傷~真是超贊。
這下可以正式開始博客之路了。
順便貼一下本人的博客: yellowlemon的博客
⑵ Hexo博客中如何插入圖片
Hexo是一個靜態的博客網站生成器,生成一個博客只需要分分鍾的時間就能搞定。
Hexo的博文是支持Markdown格式的,發表一篇文章只需要簡簡單單的幾個命令。
hexo new '文章' 就會生成一個名為'文章'的md文件。
在圖中位置添加描述,分類以及標蘆辯簽,有利於搜索分類。陪陪缺
眾所周知,在md文件中插入圖片的語法為 ![]() 。
其中 方括弧 是圖片描述, 圓括弧 是圖片路徑。
一般來說有三種圖片路徑,分別是 相對路徑,亂清絕對路徑和網路路徑 。
所謂的網路路徑就是直接引用網上的圖片,直接復制圖片地址,放在圓括弧中就完事了。
這種方式十分的方便,但是也存在一定的問題:
這種方式算是有利有弊。
絕對路徑是圖片在計算機中的絕對位置,相對路徑是相對於當前文件的路徑。
由於我們的博客是要部署在網站上,部署後會生成新的文件目錄,所以我們選擇使用相對路徑的方式。
在hexo中使用 文章資源文件夾 需要在 config.yaml 文件中更改一下配置:
當該配置被應用後,使用 hexo new 命令創建新文章時,會生成相同名字的文件夾,也就是文章資源文件夾。
雖然可以正常引用圖片了,但是這種引用圖片的方式只有一句話能形容,wtf。
插件 hexo-renderer-marked 解決了這個問題。可以只用 npm install hexo-renderer-marked 命令直接安裝,之後在 config.yaml 中更改配置如下:
之後就可以在使用 [圖片上傳失敗...(image-5f3c69-1603081095188)] 的方式愉快的插入圖片了。
我們做了這么多都是為了方便,那麼為什麼不再方便一點呢。
上述是從文章資源文件夾中引用圖片,前提是 先將圖片放入到文章資源文件夾 ,如果圖片數量眾多的話,一張一張的放很影響效率。但是不用怕,我們有很方便的解決方法。
Typora 是我非常喜歡的Markdown文本編輯器,在之前的文章中也介紹過一點。
Typora對於插入圖片的支持做得非常好,在 文件->偏好設置 或者直接 <C-,> 進入設置。
使用該配置後,可以直接復制網頁中的圖片地址,粘貼到Typora中後,會直接復制該圖片到文章資源文件夾,同時自動更改路徑。
如復制網路路徑的圖片 https://...../image.jpg 粘貼到Typora中叫 文章名 的文章後,圖片會自動變為 [圖片上傳失敗...(image-bd41f4-1603081095188)] 。
但我們知道部署後,文件路徑是不同的,所以當我們插入完所有的圖片後,我們還需要刪除每個圖片路徑中的 文件名/ 。不慌,也很簡單。
在Typora編輯器中,使用 <C-f> 快捷鍵,將所有的 文章名/ 替換為空即可刪除。
然後再將博客上傳,圖片就會隨著文章一起打包。在網頁中就可以看到正常顯示的圖片,大功告成。
⑶ Hexo文章中如何插入圖片
在hexo中發表文章時發現自己的圖片無法顯示,這是因為hexo在解析你的文章時找不到你的圖片路徑,下面說一下如何配置文章中的圖片路徑
打開在hexo根目錄下的 _config.yml 配置明坦文件,找到 post_asset_folder 屬性,默認為 false 改為 true
在hexo根目螞族錄激物桐下執行如下命令
此時再執行命令 hexo n article_name 創建新的文章,在 source/_posts 中會生成文章 post_name.md 和同名文件夾 post_name , 我們將文章中所使用到的將圖片資源均放在 post_name 中 ,這時就可以在文章中使用相對路徑引用圖片資源了
[img_name](img_name.jpg) #文章中的圖片資源路徑格式