首頁 > 開發工具 > Git > 教你將Hexo部署到Github上

教你將Hexo部署到Github上

PHPz
發布: 2023-03-31 14:20:50
原創
2162 人瀏覽過

Hexo是一種簡單實用的靜態部落格產生器,我們可以使用它來快速建立博客,它支援多種主題、插件,可以輕鬆處理 Markdown、程式碼高亮等常見需求。在編寫完部落格後,我們需要將其部署到網路上展示給更多人觀看,而github是個不錯的選擇。下面,我們來詳細解說如何將 Hexo 部署到 Github 上。

第一步:建立一個 Github 倉庫

首先,我們需要前往 Github 官網建立一個倉庫,命名格式以「使用者名稱.github.io」為準。

第二步:安裝 Git

在部署之前,先確保本機已經安裝了 Git,如果沒有可以在官網進行下載安裝。

第三步:初始化 Hexo

接下來,在本地建立一個資料夾,如“blog”,以便存放 Hexo 的所有檔案和目錄。執行以下指令進行初始化:

hexo init blog
登入後複製

此指令會在目前目錄下建立一個名為「blog」的資料夾,裡麵包含了 Hexo 的基礎目錄。

第四步:編輯設定檔

在 Hexo 的基礎目錄下,有​​一個名為「_config.yml」的設定文件,我們需要對此檔案進行編輯設定。修改檔案內容如下:

# Site
title: your-blog-title
subtitle: your-blog-subtitle
description: your-blog-description
keywords: your-blog-keywords
author: your-name
language: zh-CN
timezone: Asia/Shanghai

# URL
url: https://your-username.github.io
root: /

# Deployment
deploy:
  type: git
  repository: https://github.com/your-username/your-username.github.io.git
  branch: master
登入後複製

要注意的是,其中的「your-blog-title」、「your-blog-subtitle」等內容需要改為你自己部落格的資訊。

第五步:安裝依賴項

在Hexo 的基礎目錄下執行以下命令安裝依賴項:

npm install
登入後複製

第六步:產生靜態檔案

在Hexo 的基礎目錄下執行以下命令,產生靜態檔案:

hexo clean && hexo g
登入後複製

此命令將會產生一個「public」目錄,其中包含了所有的靜態檔案。

第七步:將靜態檔案提交到Github

在Hexo 的基礎目錄下執行以下命令,將靜態檔案提交到Github:

hexo d
登入後複製

此命令將會把「public」目錄下的所有靜態檔案上傳到Github 上。

第八步:造訪部落格

最後,在瀏覽器中輸入以下網址,即可造訪部落格:

https://your-username.github.io
登入後複製

總結

至此,我們已經將Hexo 部署到Github 完成。在實際使用中,如果我們修改了部落格內容,只需要再次執行第六步和第七步的命令,即可將更新後的部落格提交到 Github 上。這種方式十分簡單方便,適合個人部落格的快速建置。

以上是教你將Hexo部署到Github上的詳細內容。更多資訊請關注PHP中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板