創(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)]
其中的title跟data會(huì)在生成文件時(shí)自動(dòng)填寫(xiě)。利用此模板生成的文章文件,只需要進(jìn)行對(duì)應(yīng)項(xiàng)目的填寫(xiě)即可。例如本篇文章的配置信息如下:
[圖片上傳失敗...(image-5cf46e-1544088714292)]
給文章添加分類(lèi)和模板
通過(guò)對(duì)文件頭部配置信息中tags 與categories項(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)圖片鏈接<==查看