hexo评论_Hexo系列 | Hexo的基本使用
1. 前言
Hexo是一個快速、簡潔且高效的博客框架。Hexo 使用 Markdown(或其他渲染引擎)解析文章,在幾秒內,即可利用靚麗的主題生成靜態網頁。即把用戶的markdown文件,按照指定的主題解析成靜態網頁。
2. 安裝hexo
安裝使用hexo之前需要先安裝Node.js和Git,當已經安裝了Node.js和npm(npm是node.js的包管理工具),可以通過以下命令安裝hexo
$ npm install -g hexo-cli可以通過以下命令查看主機中是否安裝了node.js和npm
$ node --version #檢查是否安裝了node.js $ npm --version #檢查是否安裝了npm如下所示表示已經安裝了node.js和npm
root@***:~# node --version v8.11.3 root@***:~# npm --version 6.7.03. 建站
安裝完Hexo之后,執行下列命令,Hexo將會在指定目錄中新建所需要的文件,指定的目錄即為Hexo的工作站
$ hexo init <folder> $ cd <folder> $ npm install新建完成之后,指定目錄中的情況如下
. ├── _config.yml ├── package.json ├── scaffolds ├── source | ├── _drafts | └── _posts └── themes3.1. _config.yml
網站的配置信息,您可以在此配置大部分的參數。 配置參數講解
3.2. package.json
應用程序的信息,以及需要安裝的模塊信息。
3.3. scaffolds
模版文件夾。新建文章時,Hexo 會根據 scaffold 中的模板文件來建立新的文件。Hexo的模板是指在新建的markdown文件中默認填充的內容。例如,如果修改scaffold/post.md中的Front-matter內容,那么每次新建一篇文章時都會包含這個修改。也就是說,通過hexo命令每新建一個文章,都會包含指定模板文件中的內容。
官網模板詳述
3.4. source
資源文件夾是存放用戶資源的地方,如markdown文章。Markdown 和 HTML 文件會被解析并放到 public 文件夾,而其他文件會被拷貝過去。
注意:除 _posts 文件夾之外,開頭命名為 _ (下劃線)的文件 / 文件夾和隱藏的文件將會被忽略。3.5. themes
主題文件夾。Hexo 會根據主題來解析source目錄中的markdown文件生成靜態頁面。官網主題詳述
4. 寫作
可以執行下列命令來創建一篇新文章。
$ hexo new [layout] <title>可以在命令中指定文章的布局(layout),不指定默認為 post,也可以通過修改 _config.yml 中的 default_layout 參數來指定默認布局。創建的新文章會自動加上指定布局對應的模板文件中的內容。
4.1. 布局(Layout)
Hexo 有三種默認布局:post、page 和 draft,它們分別對應不同的路徑,而自定義的其他布局和 post 相同,都將儲存到 source/_posts 文件夾。
布局路徑postsource/_postspagesourcedraftsource/_drafts
如果你不想你的文章被處理,你可以將 Front-Matter 中的layout: 設為 false 。4.2. 模版(Scaffold)
在新建文章時,Hexo 會根據 scaffolds 文件夾內相對應的文件來建立文件,例如:
$ hexo new photo "My Gallery"在執行這行指令時,Hexo 會嘗試在 scaffolds 文件夾中尋找 photo.md,并根據其內容建立文章,以下是您可以在模版中使用的變量:
變量描述layout布局title標題date文件建立日期
4.3. Front-matter
Front-matter是文件最上方以 --- 分隔的區域,用于指定個別文件的變量,舉例來說:
--- title: Hello World date: 2013/7/13 20:46:25 ---注意:一般Front-matter使用的yaml語法,yaml語法需要注意空格,如title: Hello World冒號需要有一個空格,當然除YAML 外,你也可以使用 JSON 來編寫 Front-matter。以下是預先定義的參數,您可在模板中使用這些參數值并加以利用。
參數描述默認值layout布局title標題date建立日期文件建立日updated更新日期文件更新日期comments開啟文章的評論功能truetags標簽(不適用于分頁)categories分類(不適用于分頁)permalink覆蓋文章網址
分類和標簽
只有文章支持分類和標簽,您可以在 Front-matter 中設置。在其他系統中,分類和標簽聽起來很接近,但是在 Hexo 中兩者有著明顯的差別:分類具有順序性和層次性而標簽沒有順序和層次。
categories: - Diary tags: - PS3 - Games WordPress支持對一篇文章設置多個分類,而且這些分類可以是同級的,也可以是父子分類。但是Hexo不支持指定多個同級分類。下面的指定方法: categories:- Diary
- Life
會使分類Life成為Diary的子分類,而不是并列分類。因此,有必要為您的文章選擇盡可能準確的分類.
4.4. 文章摘要
設置文章摘要,我們只需在想顯示為摘要的內容之后添 <!-- more --> 即可。像下面這樣:
--- title: hello hexo markdown date: 2016-11-16 18:11:25 tags: - hello - hexo - markdown ---我是短小精悍的文章摘要(??????) ?<!-- more -->緊接著文章摘要的正文內容這樣,<!-- more --> 之前、文檔配置參數之后中的內容便會被渲染為站點中的文章摘要。
注意!文章摘要在文章詳情頁是正文中最前面的內容。4.5. 資源引用
寫個博客,有時候會想添加個圖片或者其他形式的資源等等。有以下兩種方式進行解決:
對于使用相對路徑引用資源的,我們可以使用 Hexo 提供的資源文件夾功能。
使用文本編輯器打開站點根目錄下的 _ config.yml 文件,將 post_asset_folder 值設置為 true。
post_asset_folder: true修改之后會開啟 Hexo 的文章資源文件管理功能。Hexo 將會在我們每一次通過 hexo new <title> 命令創建新文章時自動創建一個同名文件夾,于是我們便可以將文章所引用的相關資源放到這個同名文件夾下,然后通過相對路徑引用。例如,你把一個 example.jpg 圖片放在了這個同名文件夾中,使用相對路徑的常規 markdown 語法 即可訪問 。
5. 網站發布
首先執行下列命令生成相應的靜態網頁,生成的靜態網頁以及相關資源都會在public目錄下
$ hexo generate5.1. 用hexo-server
hexo-server模塊的主要命令如下,輸入以下命令以啟動服務器,您的網站會在 http://localhost:4000 下啟動。在服務器啟動期間,Hexo 會監視文件變動并自動更新,您無須重啟服務器。
$ hexo server如果您想要更改端口,或是在執行時遇到了 EADDRINUSE 錯誤,可以在執行時使用 -p 選項指定其他端口,如下:
$ hexo server -p 5000 但是個人認為此方式比較適合用于調試網站,并不適合長時間的網站服務器,同時為了讓這個命令在后臺長時間運行,需要編寫相應的腳本。5.2. 部署到Git上
這個暫時沒有嘗試過,但是網絡上很多都是關于部署到Git上的,可以自行谷歌或百度。
5.3. 部署到Apache或者Nginx上
通過hexo g命令生成的都是靜態網頁,可以把生成的public目錄中的文件,全都拷貝到網站根目錄,然后啟動apache或者nginx服務。
6. 其他基礎命令
6.1. 清除緩存文件
為了避免不必要的錯誤,在生成靜態文件前,強烈建議先運行以下命令:
$ hexo clean上述命令會清除本地站點文件夾下的緩存文件(db.json)和已有的靜態文件(public)。
7. 參考鏈接
文檔?hexo.ioHexo教程:(三)使用Hexo寫博客?lfkid.github.io更多內容請關注微信公眾號【多選參數】
總結
以上是生活随笔為你收集整理的hexo评论_Hexo系列 | Hexo的基本使用的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 高启强怎么说?强盛公司用盐水冒充神药 被
- 下一篇: 配置大升级!曝小米平板6/6 Pro开发