日韩性视频-久久久蜜桃-www中文字幕-在线中文字幕av-亚洲欧美一区二区三区四区-撸久久-香蕉视频一区-久久无码精品丰满人妻-国产高潮av-激情福利社-日韩av网址大全-国产精品久久999-日本五十路在线-性欧美在线-久久99精品波多结衣一区-男女午夜免费视频-黑人极品ⅴideos精品欧美棵-人人妻人人澡人人爽精品欧美一区-日韩一区在线看-欧美a级在线免费观看

歡迎訪問 生活随笔!

生活随笔

當前位置: 首頁 > 编程资源 > 编程问答 >内容正文

编程问答

hexo评论_Hexo系列 | Hexo的基本使用

發布時間:2023/12/19 编程问答 28 豆豆
生活随笔 收集整理的這篇文章主要介紹了 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.0

3. 建站

安裝完Hexo之后,執行下列命令,Hexo將會在指定目錄中新建所需要的文件,指定的目錄即為Hexo的工作站

$ hexo init <folder> $ cd <folder> $ npm install

新建完成之后,指定目錄中的情況如下

. ├── _config.yml ├── package.json ├── scaffolds ├── source | ├── _drafts | └── _posts └── themes

3.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. 資源引用

寫個博客,有時候會想添加個圖片或者其他形式的資源等等。有以下兩種方式進行解決:

  • 使用絕對路徑引用資源,在 Web 世界中就是資源的 URL
  • 使用相對路徑引用資源
  • 對于使用相對路徑引用資源的,我們可以使用 Hexo 提供的資源文件夾功能。

    使用文本編輯器打開站點根目錄下的 _ config.yml 文件,將 post_asset_folder 值設置為 true。

    post_asset_folder: true

    修改之后會開啟 Hexo 的文章資源文件管理功能。Hexo 將會在我們每一次通過 hexo new <title> 命令創建新文章時自動創建一個同名文件夾,于是我們便可以將文章所引用的相關資源放到這個同名文件夾下,然后通過相對路徑引用。例如,你把一個 example.jpg 圖片放在了這個同名文件夾中,使用相對路徑的常規 markdown 語法 ![](./example.jpg)即可訪問 。

    5. 網站發布

    首先執行下列命令生成相應的靜態網頁,生成的靜態網頁以及相關資源都會在public目錄下

    $ hexo generate

    5.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的基本使用的全部內容,希望文章能夠幫你解決所遇到的問題。

    如果覺得生活随笔網站內容還不錯,歡迎將生活随笔推薦給好友。