hexo怎麼部署到github

Hexo 是一款非常優秀的靜態部落格產生器，它可以幫助用戶快速建立一個部落格網站，而且支援多種主題，十分的靈活。

那麼要如何將 Hexo 部署到 Github 上呢？下面就來為大家詳細介紹一下這個過程。

一、準備工作

1. 註冊 Github 帳號

如果沒有 Github 帳號，需要先註冊一個。 Github 官網：https://github.com/

2. 安裝Git

Hexo 要將產生的部落格上傳到Github 上，需要使用Git 來進行程式碼管理和提交。因此，需要安裝 Git。

在 Windows 上，可以在 Git 官網 https://git-scm.com/ 下載最新版本安裝程式。

在 Linux 上，可以直接使用 yum 或 apt-get 指令安裝。

3. 安裝 Node.js

Hexo 是基於 Node.js 語言開發的，因此需要安裝 Node.js 運行環境。

在 Node.js 官網 https://nodejs.org/ 下載安裝最新版本即可。

二、Hexo 部落格初始化

1. 安裝Hexo

#開啟命令列工具，輸入以下指令進行安裝：

npm install -g hexo-cli

2. 初始化Hexo

新建一個空目錄用於存放博客，進入該目錄後，在命令列輸入以下命令進行初始化：

hexo init

3. 安裝插件

初始化完成後，需要安裝外掛程式來支援部落格的生成和展示。常用的外掛如下：

• hexo-deployer-git：用於將本地產生的網站發佈到 Github 上。
• hexo-generator-sitemap：用於產生 sitemap。
• hexo-generator-baidu-sitemap：用於產生百度收錄 sitemap。
• hexo-renderer-pug：用於支援 Pug 模板引擎渲染。

在命令列輸入以下命令進行安裝：

npm install hexo-deployer-git --save
npm install hexo-generator-sitemap --save
npm install hexo-generator-baidu-sitemap --save
npm install hexo-renderer-pug --save

三、Hexo 設定

1. 網站設定

可以在_config.yml 檔案中進行網站的基本資訊配置，如網站的標題、作者、語言、主題等。

2. 主題

Hexo 有許多主題可供選擇，可以在官網 https://hexo.io/themes/ 中查看。常用的主題如下：

• hexo-theme-next：一個非常受歡迎的主題，支援多種配置項目。
• hexo-theme-matery：另一個非常優秀的主題，視覺效果很好。

將主題下載到本機後，可以透過命令列安裝：

git clone https://github.com/theme-next/hexo-theme-next themes/next

3. #部署設定

在_config.yml 檔案中找到deployment 部分，進行相關配置，如下所示：

deploy:
  type: git
  repository: git@github.com:username/username.github.io.git
  branch: master

其中，type 是部署類型，repository 是Github 倉庫位址，branch 是Github 分支。將 repository 中的 username 替換成自己的 Github 使用者名稱即可。

四、產生部落格並上傳到Github

1. 產生部落格

#在命令列中輸入以下指令產生部落格：

hexo g

2. 本機預覽

產生部落格後，可以在本機預覽，輸入以下指令啟動本機服務：

hexo s

然後在瀏覽器中輸入http://localhost: 4000 即可預覽部落格。

3. 上傳部落格

在命令列中輸入以下命令將部落格上傳到Github：

hexo d

上傳成功後，在瀏覽器中輸入https ://username.github.io 即可造訪部落格。

如果是第一次上傳，需要輸入 Github 使用者名稱和密碼。

五、總結

透過以上步驟，我們就可以將 Hexo 搭建好的部落格快速部署到 Github 上了。

在使用過程中，可以將 Hexo 部落格原始碼放到 Github 上進行備份和版本管理，方便以後的部落格迭代和維護。同時，Github Pages 也是非常好的部落格託管平台，可以享受免費的託管服務。

在部落格建立過程中，遇到問題可以查看Hexo 官網https://hexo.io/ 的文件和Github 上的主題倉庫，也可以到Hexo 的官方論壇https://bbs.hexo .io/ 進行討論和求助。

以上是hexo怎麼部署到github的詳細內容。更多資訊請關注PHP中文網其他相關文章！