新建yml 使用hexo新建 編輯並預覽文章

2021-10-25 13:03:41 字數 3396 閱讀 4270

命令:hexo new [layout] titlehexo n [layout] title
在部落格目錄下輸入以下命令時,會預設使用post布局,然後自動在source_posts目錄生成乙個text1.md檔案:

$ hexo n text1
當然你還可以指定布局:

$ hexo n [layout_name] draft1
該命令建立了乙個使用特定布局的名為draft1的文章。

---

title: text1

author: luyao

date: 2020-04-10 04:13:36

tags: hexo

categories: blog

---

你顯示的內容可能未必與我一樣,不必擔心,這是由於我自定義過。只需要知道,上面的內容在hexo被稱作front-matter,實際上就是該文章的一些變數,用於實現一些特定的功能。比如使author: luyao,那麼渲染後的文章中將顯示文章作者為luyao

如何自定義布局呢?實際上,布局是乙個markdown檔案,它們儲存在scaffolds/目錄下,可以看到hexo自帶的三種布局其實就是三個.md檔案:

而每乙個檔案中的內容實際只包含乙個front-matter。

因此,你可以在這裡修改布局或者建立新的布局,然後建立文章時使用這些布局。

使用hexo n draft draft1命令將在source目錄下建立_drafts目錄,並生成乙個draft1.md檔案。

$ hexo publish
可以使用hexo --draft命令可以檢視已有草稿。

想要在本地預覽草稿的靜態檔案,也需要在生成靜態檔案時加上draft引數。

以下將介紹一些markdown語法。由於markdown在不同平台的實現略有不用,因此下面的內容只會介紹hexo預設支援的語法(特別基礎的常用語法將不再說明,例如#)。此外,由於主題不同,不同機器顯示效果也有會一定差異。

以下是本人操作的環境:

hexo主題:cactus

![alt](path [title])
將所有文章的放到source/images資料夾中(沒有就自己建立乙個),然後使用markdown語句引用。這種方法一般適用於包含少量的hexo專案,但是當文章數量增多,數也隨之增加後,該管理方式就顯得有些混亂。因此我個人推薦你使用下面一種方法。

這樣你每次直接拷貝到文章的截圖將會被自動儲存到同名的資料夾下,非常方便~

content...

例如:

quick start

效果如下:

還有一種簡單的引用語法:

> 這也是引用

>

> 引用1

>

> 飲用2

效果如下:

上述形式寫起來比較麻煩,我比較喜歡用另外一種語法:

例如:

效果如下:

編寫好markdown文章後接下來就需要渲染、生成靜態檔案,啟動本地埠檢視效果了。

生成靜態檔案命令:hexo generatehexo g刪除靜態檔案命令:hexo clean

正常情況下,每次啟動本地埠前只需更新靜態檔案即可。hexo引入了差分機制,如果public目錄存在,那麼hexo g只會重新生成改動的檔案。

如果發生了一些錯誤,可以先刪除靜態檔案,然後再重新生成。hexo g命令還提供了乙個引數-f提供以類似效果。這樣做的缺點就是當文章數變多以後渲染時間會更久一些。

命令:hexo serverhexo s
生成靜態檔案之後,便要啟動本地埠。然後訪問命令列返回的位址便能在本地訪問到部落格了。

效果如下:

啟用主題的步驟:

以上只是主題的啟用方法,每個主題還支援許多個性化操作,這些內容需要詳見主題的文件。

命令:hexo deployhexo d
部署之後等待一會就能通過公網訪問到部落格了。

最後的大殺器:當遇到無法解決的問題時,可以直接把blog所在的部落格目錄刪除!重新走一遍流程。

[0]

[1]

[2]

[3]

[4]

[5]

hexo新建文章

搭建完成部落格後,小夥伴們應該都躍躍欲試寫部落格文章了,那麼我們就開始行動吧 首先,在hexo專案的根目錄下執行建立命令 hexo new hexo new article info created home git hexo blog source posts hexo new article.m...

SQL SERVER 新建 編輯Job報錯

錯誤資訊 標題 microsoft sql server management studio 從 iclassfactory 為 clsid 為 的 com 元件建立例項失敗,原因是 出現以下錯誤 解決方案 在命令列裡執行下面的語句重新註冊dts.dll檔案,分別對應不同的平台 x86 c wind...

使用git gui新建coding專案

coding.net上新建專案有兩種方式,現在網上教程大部分是通過命令列來實現的,但是本人還是喜歡使用git gui工具,所以就摸索著自己搞了下,原理是相同的。1.先附上命令列方式初始化專案的教程 2.git gui方式 字數533 閱讀1325 喜歡5 稍早前coding ios 客戶端原始碼開源...