首頁 > 開發工具 > Git > 怎麼將hexo部署到gitee

怎麼將hexo部署到gitee

PHPz
發布: 2023-03-30 17:30:30
原創
1282 人瀏覽過

隨著時代的發展和網路的日益普及,個人部落格已經成為了一個不可忽視的存在。而隨著越來越多的人選擇使用Hexo框架來建立自己的部落格網站,如何將Hexo部署到Gitee也成為了熱門話題。

Gitee,是一個國內的程式碼託管平台,擁有穩定的伺服器和快速的存取速度,同時也提供了許多常用的功能,包括Git程式碼託管、Wiki、Issues等,可以較好地滿足開發者的需求。

首先,我們需要在Gitee上建立一個倉庫,用來存放我們的Hexo部落格網站。在Gitee首頁點選「 新建倉庫」按鈕,填寫相關信息,並選擇建立一個空的倉庫。

接下來,我們需要在本地安裝Hexo。首先需要確保已經安裝了Node.js環境,然後打開命令列工具,輸入以下命令來安裝Hexo:

npm install -g hexo-cli
登入後複製

等待安裝完成後,我們可以使用以下命令來建立一個新的Hexo部落格網站:

hexo init blog
cd blog
npm install
登入後複製

上述指令建立了一個名為「blog」的資料夾,其中包含了一個基本的Hexo部落格網站。然後,我們需要將該網站推送到Gitee。在命令列工具中輸入以下命令:

git init
git add .
git commit -m "first commit"
git remote add origin git@gitee.com:username/blog.git
git push -u origin master
登入後複製

其中,username為自己的Gitee用戶名,需要替換為實際用戶名。上述指令完成了將本地的Hexo部落格網站推送到Gitee倉庫上的操作。

但是,我們注意到,在Gitee倉庫上的目錄結構並不符合Hexo部落格網站的要求。為了解決這個問題,我們需要在本地的Hexo部落格網站中執行以下命令:

hexo clean
hexo generate
登入後複製

這些命令會刪除本地的快取文件,並產生一個完整的網站資料夾。然後,我們需要將該資料夾推送到Gitee倉庫上。

首先,我們需要在blog目錄下新建一個.gitignore文件,用來排除一些不必要的文件。在該檔案中加入以下內容:

.DS_Store
Thumbs.db
db.json
*.log
node_modules/
public/
.deploy*/
登入後複製

這裡排除了一些Hexo自動產生的檔案以及一些不需要上傳到Gitee的檔案。然後,我們依序執行以下指令:

npm install hexo-deployer-git --save
hexo deploy
登入後複製

執行完上述指令後,Hexo會將部落格網站推送到Gitee倉庫上,並自動部署。我們可以在Gitee倉庫的「Settings」中,找到對應的頁面位址,並在瀏覽器中存取它。

注意,如果在進行部署作業時,提示需要輸入使用者名稱和密碼,我們需要將Gitee倉庫的位址改為HTTPS格式,在命令列中執行以下命令:

git remote set-url origin https://gitee.com/username/blog.git
登入後複製

上述指令將Gitee倉庫的位址改為HTTPS格式,可以避免在部署時需要輸入使用者名稱和密碼。

綜上所述,將Hexo部署到Gitee上並不複雜,只需要按照上述步驟執行即可完成。透過這種方式,我們可以輕鬆地將個人的Hexo部落格網站託管在Gitee上,並分享給更多的讀者。

以上是怎麼將hexo部署到gitee的詳細內容。更多資訊請關注PHP中文網其他相關文章!

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