關(guān)于hexo博客圖片插件問題

直接入正題

最近在github上用hexo搭建了自己的博客,感覺還行

搭建過程中途遇到了不少坑,好在用的人還比較多,大多都能找到解決方案


hexo-asset-image插件不能用的問題

這個插件我猜是沒有更新及時支持新版的hexo,我的是3.9.0 (可以通過 hexo -version 命令查看版本)

安裝hexo-asset-image的時候就不太正常,如下圖


安裝時提示有漏洞



MD源文件中的圖片,本地編輯工具能正常顯示


部署以后卻是這樣子的,本應(yīng)該是換成絕文章目錄的地方竟然是".com"

之前根據(jù)網(wǎng)上的教程找的hexo文章插入圖片的教程大多都是讓裝hexo-asset-image這個插件, 可是我裝好以后發(fā)現(xiàn)有問題,生成的html圖片路徑是"/.com/xxx.jpg"這樣的,明顯不能訪問

于是去官網(wǎng)看了下文檔,官網(wǎng)顯示新版的hexo已經(jīng)加入了圖片標(biāo)簽的支持,如下圖:


有問題還是應(yīng)該先找官方文檔

post_asset_folder:true 這個參數(shù)設(shè)置為true后(_config.yml文件中),每次new命令創(chuàng)建文章的時候就會生成同名的資源文件夾,部署的時候就會把資源文件同步上傳到文章目錄下

在發(fā)布文章時,先把我們要用到的圖片放到文章目錄下面的同名目錄 ,比如我 hexo new test這樣就會在_post目錄下面生成test.md文件和test目錄,test目錄就是這篇文章的資源目錄

使用官方提供的標(biāo)簽(老版本的好像沒有)

假如我們要插入一張a.jpg的圖片,就先復(fù)制圖片到test目錄下面,然后在需要插入圖片的地方插入標(biāo)簽 {% asset_img a.jpg [圖片描述] %},發(fā)布的時候就能正常顯示了

使用markdown方式插入圖片

后來又發(fā)現(xiàn)可以直接使用傳統(tǒng)的md規(guī)范的方式來插入圖片,如:"![圖片描述](a.jpg)" 注意這里跟使用hexo-asset-image插件的方式去區(qū)別是更簡化了,都不需要寫相對目錄了,只寫文件名就行,hexo會從默認的文章目錄下面同名目錄下找到資源文件

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 引言 人腦有限,對于同一個問題,也許當(dāng)時花了許久時間解決了,然而過了一段時間,只留下一個印象,當(dāng)再次需要解決時,還...
    Kiven_1994閱讀 1,420評論 1 2
  • 不知道為什么部分圖片上傳失敗,一直上傳不成功,如果有需要大家可以去我的小站觀看 背景 作為一個開發(fā)者不能沒有博客,...
    茉莉兒閱讀 2,103評論 3 10
  • 內(nèi)容簡介此篇文章介紹的是個人博客的一些配置內(nèi)容,包含博客項目的介紹、主題配置、圖床配置以及各種第三方功能插件的使用...
    Little_Dragon_閱讀 1,802評論 0 9
  • 一直想有一個高大上的方便寫博客的地方,去各大網(wǎng)站查探,最終都不合心意。偶然發(fā)現(xiàn)GitHub這個空間站,深受極客精神...
    粒子_6816閱讀 1,106評論 0 0
  • 1. 指定在某個stream上發(fā)送消息 在調(diào)用sctp_sendmsg函數(shù)發(fā)送消息的時候,我們可以設(shè)置stream...
    EVANMORE閱讀 1,466評論 0 1

友情鏈接更多精彩內(nèi)容