解決Hexo關於圖片的問題

關於這個問題，查詢了蠻久。

參考了這位博主的部落格，覺得比較好。

我檢視的官網，所以使用的是官網建立檔案的方式，但就是官網建立檔案的方式讓我陷入了誤區。

在新建檔案之前，首先要對配置檔案_config.yml進行配置：將post_asset_folder由false改為true。這步必須做。

使用hexo new page --path 測試Demo/Demo "測試圖片"命令建立一個檔案

正常init初始化後的目錄是這樣的

而建立成功的檔案就在source目錄下

通過上面的圖片可以明白對於這個命令的解釋是：hexo new page --path是固定的；而測試Demo表示一個名為“測試Demo”的資料夾；其中Demo是在“測試Demo"目錄下建立一個Demo資料夾和一個Demo.md檔案；而"測試圖片"是在Demo.md檔案中的標題，也是在網頁上瀏覽顯示的標題。

然後複製一張圖片到Demo資料夾，再在Demo.md中引入

markdown語法的引入方式就是

使用hexo g命令進行處理，然後hexo serve到瀏覽器檢視，圖片無法顯示

 

注意：要想圖片能夠正常使用還需要安裝外掛

npm install https://github.com/CodeFalling/hexo-asset-image --save

當我把測試Demo整個資料夾都移入_posts目錄下後，再次hexo g然後hexo serve又能訪問圖片了。

圖片地址如下：

現在這樣又可以訪問圖片了，而且地址也不用變，不清楚是個什麼情況了，也沒有出現剛才問題了。

如果有其他問題可以參考上面我所推薦的那位博主的部落格。

然後出現其他問題了，圖片以文字顯示其地址。

開啟index.html

原因是圖片連結之間不應該有空格

所以注意不能有空格。