hexo 是一款非常優秀的靜態博客生成器,它可以幫助用戶快速搭建一個博客網站,而且支持多種主題,十分的靈活。
那么如何將 Hexo 部署到 github 上呢?下面就為大家詳細介紹一下這個過程。
一、準備工作
- 注冊 github 賬號
如果沒有 Github 賬號,需要先注冊一個。Github 官網:https://github.com/
- 安裝 Git
Hexo 要將生成的博客上傳到 Github 上,需要使用 Git 來進行代碼管理和提交。因此,需要安裝 Git。
在 windows 上,可以在 Git 官網 https://git-scm.com/ 下載最新版本安裝程序。
在 linux 上,可以直接使用 yum 或者 apt-get 命令安裝。
- 安裝 Node.JS
Hexo 是基于 node.js 語言開發的,因此需要安裝 Node.js 運行環境。
在 Node.js 官網 https://nodejs.org/ 下載安裝最新版本即可。
二、Hexo 博客初始化
- 安裝 Hexo
打開命令行工具,輸入以下命令進行安裝:
npm install -g hexo-cli
- 初始化 Hexo
新建一個空目錄用于存放博客,進入該目錄后,在命令行輸入以下命令進行初始化:
hexo init
- 安裝插件
初始化完成后,需要安裝插件來支持博客的生成和展示。常用的插件如下:
- 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 配置
- 網站配置
可以在 _config.yml 文件中進行網站的基本信息配置,如網站的標題、作者、語言、主題等。
- 主題
Hexo 有很多主題可供選擇,可以在官網 https://hexo.io/themes/ 中查看。常用的主題如下:
- hexo-theme-next:一款非常受歡迎的主題,支持多種配置項。
- hexo-theme-matery:另一款非常優秀的主題,視覺效果很好。
將主題下載到本地后,可以通過命令行安裝:
git clone https://github.com/theme-next/hexo-theme-next themes/next
- 部署配置
在 _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
- 生成博客
在命令行中輸入以下命令生成博客:
hexo g
- 本地預覽
生成博客后,可以在本地預覽,輸入以下命令啟動本地服務:
hexo s
然后在瀏覽器中輸入 http://localhost:4000 即可預覽博客。
- 上傳博客
在命令行中輸入以下命令將博客上傳到 Github:
hexo d
上傳成功后,在瀏覽器中輸入 https://username.github.io 即可訪問博客。
如果是第一次上傳,需要輸入 Github 用戶名和密碼。
五、總結
通過以上步驟,我們就可以將 Hexo 搭建好的博客快速部署到 Github 上了。
在使用過程中,可以將 Hexo 博客源碼放到 Github 上進行備份和版本管理,方便以后的博客迭代和維護。同時,Github Pages 也是非常好的博客托管平臺,可以享受到免費的托管服務。
在博客搭建過程中,遇到問題可以查看 Hexo 官網 https://hexo.io/ 的文檔和 Github 上的主題倉庫,也可以到 Hexo 的官方論壇 https://bbs.hexo.io/ 進行討論和求助。