hexo怎么部署到github

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/ 進行討論和求助。

? 版權聲明
THE END
喜歡就支持一下吧
點贊5 分享