首頁 > 開發工具 > Git > 主體

hexo怎麼部署到github

PHPz
發布: 2023-04-26 10:02:21
原創
1974 人瀏覽過

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

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

一、準備工作

  1. 註冊 Github 帳號

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

  1. 安裝Git

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

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

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

  1. 安裝 Node.js

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

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

二、Hexo 部落格初始化

  1. 安裝Hexo

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

npm install -g hexo-cli
登入後複製
  1. 初始化Hexo

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

hexo init
登入後複製
  1. 安裝插件

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

  • 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 檔案中進行網站的基本資訊配置,如網站的標題、作者、語言、主題等。

  1. 主題

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

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

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

git clone https://github.com/theme-next/hexo-theme-next themes/next
登入後複製
  1. #部署設定

在_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
登入後複製
  1. 本機預覽

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

hexo s
登入後複製

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

  1. 上傳部落格

在命令列中輸入以下命令將部落格上傳到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中文網其他相關文章!

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