Hexo博客新建文章并發(fā)布

創(chuàng)建新文章

根目錄命令行輸入hexo new <模板> <文章名>新建文章

其中<模板>scaffolds中,默認(rèn)情況下有三個(gè)模板post、draft、page

參數(shù) 功能 路徑
post 新建文章 /source/_posts/
draft 新建草稿 /source/_drafts/
page 新建頁(yè)面(標(biāo)簽頁(yè),分類(lèi)頁(yè)等) /source/

通常情況下使用hexo new post <title>即可,注意這里的title不是文章名,具體文章中顯示的文章標(biāo)題可以在文章文件中修改,例如:我這里新建一篇文章,title為article

命令行輸入hexo new post article

此時(shí)在source/_posts/文件夾中多了一個(gè)article.md文件。打開(kāi)可以看到如下內(nèi)容:

[圖片上傳失敗...(image-3f21de-1544088714291)]

文章內(nèi)容中兩條---之間的內(nèi)容為文章的配置內(nèi)容,可以在其中設(shè)置標(biāo)簽、分類(lèi)等。其中的title為文章發(fā)布后文章頁(yè)面顯示的標(biāo)題,例如我們修改一下tittle為:Hexo博客文章發(fā)布

.md文件的名字,也就是我們新建文章時(shí)輸入的名字,是作為文章頁(yè)面鏈接中顯示的名字,例如,本篇文章的文件名為:article.md,文章內(nèi)設(shè)置的文章標(biāo)題為Hexo博客新建文章并發(fā)布,那么本篇文章的鏈接就是https://www.lixint.me/article.html

文章模板

在新建文章中使用的post參數(shù),就是模板的名稱(chēng),在使用hexo new post <文件名>命令進(jìn)行新建文章時(shí),系統(tǒng)會(huì)自動(dòng)在scaffolds文件夾中搜尋名為post的文件,根據(jù)其中的內(nèi)容生成新的.md文章文件。后續(xù)隨著配置項(xiàng)的增多,可以自行設(shè)置不同類(lèi)型的模板。例如本篇文章的模板如下:

[圖片上傳失敗...(image-55e677-1544088714292)]

其中的titledata會(huì)在生成文件時(shí)自動(dòng)填寫(xiě)。利用此模板生成的文章文件,只需要進(jìn)行對(duì)應(yīng)項(xiàng)目的填寫(xiě)即可。例如本篇文章的配置信息如下:

[圖片上傳失敗...(image-5cf46e-1544088714292)]

給文章添加分類(lèi)和模板

通過(guò)對(duì)文件頭部配置信息中tagscategories項(xiàng)的修改可以設(shè)置文章的標(biāo)簽及分類(lèi)。

其中標(biāo)簽可以按格式貼現(xiàn)設(shè)置多個(gè):

title: Hexo博客新建文章并發(fā)布
date: 2018-12-06 12:16:12
tags:
 - Hexo
 - Markdown
categories: 搭建博客

在博文中添加圖片

目前有三種方法像博文中添加圖片:

方法一

命令行輸入npm install hexo-asset-image --save安裝插件

根目錄/source目錄下新建一個(gè)img文件夾,將需要插入的圖片放到里面

在文章中引用圖片時(shí)圖片使用格式[圖片上傳失敗...(image-3a4109-1544088714292)]進(jìn)行引用圖片。

方法二

在<a style="color:#9900ff"><strong>博客配置文件</strong></a>中搜索post_asset_folder項(xiàng),設(shè)置為true

[圖片上傳失敗...(image-1a1aa7-1544088714292)]

這樣在創(chuàng)建文章時(shí)會(huì)自動(dòng)在文章.md所在目錄/source/_posts文件夾內(nèi)生成一個(gè)與文章同名的文件夾。例如新建文章hexo new post example則會(huì)生成一個(gè)example.md文件與一個(gè)名為example的文件夾。

把example這個(gè)博文需要展示的圖片放在example文件夾目錄下;

文章內(nèi)使用[% asset_img slug [title] %](將方括號(hào)][替換為花括號(hào)}{)的格式進(jìn)行插入圖片,例如我要插入一個(gè)名為1.jpg的圖片,寫(xiě)文章時(shí)就應(yīng)該填寫(xiě)

 `[% asset_img 1.jpg 圖片1 %]`
方法三

前兩種方法盡管在上傳時(shí)很方便,但是在插入圖片時(shí)并不是很方便,現(xiàn)在很多Markdown編輯器在插入圖片是非常方便,截圖直接粘貼、現(xiàn)有的圖片文件直接拖入都可以實(shí)現(xiàn)插入圖片,而不是使用代碼進(jìn)行插入。

但是這樣插入的圖片在上傳時(shí)并不會(huì)被上傳,這樣就導(dǎo)致了博客中文章圖片的連接還是本地路徑的格式。

于是博主自己寫(xiě)了一個(gè)Python腳本,在文章完成后上傳前,通過(guò)腳本自動(dòng)將文章中的圖片上傳至騰訊云對(duì)象存儲(chǔ)(騰訊云每個(gè)月都有一定的免費(fèi)額度)或者SMMS圖床,文章中圖片鏈接替換。這樣既不會(huì)占用Github Pages空間,又能方便地插入圖片。
對(duì)于腳本的使用,可以到==>Hexo博文圖片自動(dòng)上傳騰訊云、SMMS圖床并替換博文內(nèi)圖片鏈接<==查看

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

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

  • 不知道為什么部分圖片上傳失敗,一直上傳不成功,如果有需要大家可以去我的小站觀看 背景 作為一個(gè)開(kāi)發(fā)者不能沒(méi)有博客,...
    茉莉兒閱讀 2,103評(píng)論 3 10
  • 第一章 安裝Git工具 下載GitHub for Windows,直接點(diǎn)擊安裝,安裝完成后,可以看到“Git Sh...
    不圓的石頭閱讀 12,140評(píng)論 5 63
  • 用兩張圖告訴你,為什么你的 App 會(huì)卡頓? - Android - 掘金 Cover 有什么料? 從這篇文章中你...
    hw1212閱讀 13,992評(píng)論 2 59
  • battery-historian工具工具開(kāi)源地址:https://github.com/google/batte...
    吉兇以情遷閱讀 296評(píng)論 0 4
  • 人生總有不如意,關(guān)鍵在于熬。 熬得住,出眾,熬不過(guò),出局!人生總有一些不如意的事,關(guān)鍵在于熬。 熬,不是逆來(lái)順受的...
    饑者求食閱讀 312評(píng)論 5 6

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