Hexo使用細(xì)節(jié)及各種問題

番茄西紅柿發(fā)布于2019-04-23 13:25 / 2942人閱讀

摘要：解決圖片不顯示返回添加本地圖片無法顯示修改文章模板同時(shí)部署發(fā)布同步到多個(gè)倉庫站點(diǎn)碼云圖片不顯示圖片不顯示在使用過程中，會發(fā)現(xiàn)有的引用圖片無法顯示的問題。

解決markdown圖片不顯示(返回403 forbidden)、添加本地圖片無法顯示、修改文章page模板、同時(shí)部署發(fā)布同步到多個(gè)倉庫站點(diǎn)(Github、coding、gitee 碼云)

圖片不顯示

在使用過程中，會發(fā)現(xiàn)有的引用圖片無法顯示的問題。但是如果直接復(fù)制圖片地址到瀏覽器打開的話顯示正常

403 forbidden，說明了這個(gè)網(wǎng)絡(luò)資源這樣獲取是被拒絕的，那么通過簡單的百度，找到了相關(guān)的解決方法，并去實(shí)際嘗試：

解決方法 ：只需要在頭部添加一個(gè)meta

當(dāng)然在Hexo中呢，應(yīng)該在你的 md文件中添加meta，如下：

---
title: test
date: 2018-09-01 14:38:14
tags: test,測試
description: 測試
---



# 這是一篇測試文章
## 內(nèi)容

這樣只要你在每篇文章中添加這行meta就可以解決圖片不顯示的問題啦！

修改文章模板

每當(dāng)你使用命令 hexo new 文章名稱 新建一篇文章時(shí)，你可能需要在里面書寫，或者還要寫 meta，這樣你會覺得很麻煩。所以這里我說下修改模板的方法，解決你每次都要寫重復(fù)的內(nèi)容

打開你的博客目錄下的 scaffolds - post.md 文件

它默認(rèn)是這樣的：

---
title: {{ title }}
date: {{ date }}
tags:
---

你可以將每次重復(fù)書寫的內(nèi)容放在里面，這樣每次新建的時(shí)候都要按這個(gè)模板生成。我的模板如下：

---
title: {{ title }}
date: {{ date }}
tags:
description: 
---

同時(shí)發(fā)布到多個(gè)倉庫

Github畢竟是國外的網(wǎng)站，在國內(nèi)訪問會受到不少限制，這時(shí)候你可以選擇來發(fā)布自己的博客。但是又想兩個(gè)都發(fā)布，最好還是寫一篇能同時(shí)發(fā)布到這兩個(gè)站點(diǎn)

這個(gè)是當(dāng)然沒有問題的！但是一個(gè)站點(diǎn)只可以部署一個(gè)網(wǎng)站，因?yàn)樗鼤ｒ?yàn)SSH key的唯一性，不可以重復(fù)。下面看下具體步驟

1、首先你需要注冊一個(gè) coding ，新建一個(gè)項(xiàng)目

要求項(xiàng)目名稱： 你的用戶名.coding.me （這里域名是coding.me，不是coding.net）

新建完項(xiàng)目后，點(diǎn)項(xiàng)目的 代碼 - Pages服務(wù) - 一鍵開啟靜態(tài)Pages

開啟成功

2、打開 個(gè)人設(shè)置 - SSH公鑰 - 新增公鑰

3、將上次部署Hexo時(shí)生成的Hexo密鑰拷貝到這里，路徑為 你的用戶目錄/.ssh/id_rsa.pub 。如果沒有這個(gè)文件的話，可以根據(jù)我發(fā)布的 hexo+github搭建教程中配置SSH key

這個(gè) SSH key 一定要在github、coding中一致，所以會共用 id_rsa.pub 中的key。

4、添加完成后，我們測試下連接

打開 git-cmd / git-bash / cmd ，運(yùn)行命令： ssh -T git@git.coding.net

5、配置 _config.yml

打開博客目錄下的 _config.yml ，修改 deploy

deploy:
  type: git
  repo:
    github: git@github.com:你的用戶名/倉庫地址.git,master
    coding: git@git.coding.net:你的用戶名/倉庫地址.git,master
    
     ##碼云
     gitee: git@git.oschina.net:用戶名/倉庫地址.git,master

6、發(fā)布

運(yùn)行 git-cmd，轉(zhuǎn)到博客目錄，生成并上傳倉庫 hexo d -g

現(xiàn)在你的博客網(wǎng)站就可以訪問啦！