搜尋
首頁開發工具Git教你將Hexo部署到Github上
教你將Hexo部署到Github上Mar 31, 2023 pm 02:02 PM

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

陳述
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
Github難以學習嗎?Github難以學習嗎?Apr 02, 2025 pm 02:45 PM

GitHub不難學。 1)掌握基礎知識:GitHub是基於Git的版本控制系統,幫助追踪代碼變化和協作開發。 2)理解核心功能:版本控制記錄每次提交,支持本地工作和遠程同步。 3)學習使用方法:從創建倉庫到推送提交,再到使用分支和拉取請求。 4)解決常見問題:如合併衝突和忘記添加文件。 5)優化實踐:使用有意義的提交消息,清理分支,使用項目板管理任務。通過實踐和社區交流,GitHub的學習曲線並不陡峭。

我應該把git或github放在簡歷上嗎?我應該把git或github放在簡歷上嗎?Apr 04, 2025 am 12:04 AM

在簡歷上應根據職位要求和個人經驗選擇寫Git還是GitHub。 1.如果職位要求Git技能,突出Git。 2.如果職位看重社區參與,展示GitHub。 3.確保詳細描述使用經驗和項目案例,以完整句子結束。

為什麼Gitlab比Github更好?為什麼Gitlab比Github更好?Apr 03, 2025 am 12:08 AM

GitLab更適合某些開發者和團隊,因為它提供了完整的DevOps工具鍊和強大的CI/CD功能。 1.GitLab的CI/CD功能集成在平台內部,支持從代碼提交到部署的全流程自動化。 2.其服務器端渲染技術提升了大型項目的頁面加載速度。 3.GitLab的權限管理系統更加靈活,支持細粒度控制。

Microsoft是否擁有Git或Github?Microsoft是否擁有Git或Github?Apr 05, 2025 am 12:20 AM

微軟不擁有Git,但擁有GitHub。 1.Git是林納斯·托瓦茲在2005年創建的分佈式版本控制系統。 2.GitHub是基於Git的在線代碼託管平台,成立於2008年,微軟於2018年收購。

我應該從git還是github開始?我應該從git還是github開始?Apr 06, 2025 am 12:09 AM

從Git開始更適合深入理解版本控制原理,從GitHub開始更適合關注協作和代碼託管。 1.Git是一個分佈式版本控制系統,幫助管理代碼版本歷史。 2.GitHub是一個基於Git的在線平台,提供代碼託管和協作功能。

如何將github用於HTML?如何將github用於HTML?Apr 07, 2025 am 12:13 AM

使用GitHub管理HTML項目的原因是它提供了版本控制、協作開發和展示作品的平台。具體步驟包括:1.創建並初始化Git倉庫,2.添加和提交HTML文件,3.推送到GitHub,4.使用GitHubPages部署網頁,5.利用GitHubActions自動化構建和部署。此外,GitHub還支持代碼審查、Issue和PullRequest功能,幫助優化和協作開發HTML項目。

git和github相同嗎?git和github相同嗎?Apr 08, 2025 am 12:13 AM

Git和GitHub不是同一回事。 Git是版本控制系統,GitHub是基於Git的代碼託管平台。 Git用於管理代碼版本,GitHub提供在線協作環境。

什麼是簡單的話?什麼是簡單的話?Apr 09, 2025 am 12:12 AM

Git是一個開源的分佈式版本控制系統,幫助開發者跟踪文件變化、協同工作和管理代碼版本。它的核心功能包括:1)記錄代碼修改,2)回退到之前版本,3)協同開發,4)創建和管理分支進行並行開發。

See all articles

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

AI Hentai Generator

AI Hentai Generator

免費產生 AI 無盡。

熱門文章

R.E.P.O.能量晶體解釋及其做什麼(黃色晶體)
3 週前By尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.最佳圖形設置
3 週前By尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.如果您聽不到任何人,如何修復音頻
3 週前By尊渡假赌尊渡假赌尊渡假赌

熱工具

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

MinGW - Minimalist GNU for Windows

MinGW - Minimalist GNU for Windows

這個專案正在遷移到osdn.net/projects/mingw的過程中,你可以繼續在那裡關注我們。 MinGW:GNU編譯器集合(GCC)的本機Windows移植版本,可自由分發的導入函式庫和用於建置本機Windows應用程式的頭檔;包括對MSVC執行時間的擴展,以支援C99功能。 MinGW的所有軟體都可以在64位元Windows平台上運作。

Atom編輯器mac版下載

Atom編輯器mac版下載

最受歡迎的的開源編輯器

記事本++7.3.1

記事本++7.3.1

好用且免費的程式碼編輯器

mPDF

mPDF

mPDF是一個PHP庫,可以從UTF-8編碼的HTML產生PDF檔案。原作者Ian Back編寫mPDF以從他的網站上「即時」輸出PDF文件,並處理不同的語言。與原始腳本如HTML2FPDF相比,它的速度較慢,並且在使用Unicode字體時產生的檔案較大,但支援CSS樣式等,並進行了大量增強。支援幾乎所有語言,包括RTL(阿拉伯語和希伯來語)和CJK(中日韓)。支援嵌套的區塊級元素(如P、DIV),