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中文網其他相關文章!