使用Hexo進行靜態網站部署

一、Hexo部署到服務器的介紹

Hexo是一個快速、簡潔且高效的靜態博客生成工具，它使用JavaScript構建而成，且基於Node.js，主要應用於靜態個人博客和小型靜態網站的構建、部署與管理。而使用Hexo進行網站部署，則主要基於Git和Nginx等技術實現。

二、創建並配置Hexo博客

1、安裝Hexo：使用npm安裝Hexo，運行下面的命令：

npm install hexo-cli -g

2、創建Hexo博客：在運行安裝完成之後，使用下面的命令創建一個基本的Hexo博客：

hexo init hexo_blog

3、進入博客目錄：使用cd命令進入Hexo博客所在的根目錄：

cd hexo_blog

4、安裝Hexo依賴：在Hexo博客的根目錄下，運行下面的命令安裝依賴包：

npm install

5、生成靜態文件：使用下面的命令生成靜態文件：

hexo generate

三、上傳Hexo網站到GitHub

1、創建新倉庫：登錄GitHub，在主頁的右上角找到New repository，點擊進入創建新的Git倉庫頁面。填寫倉庫的名稱，設置為與Hexo網站相同的名稱，並配置其他選項，最後點擊Create repository按鈕。

2、上傳Hexo文件：在Git Bash中，進入Hexo博客的根目錄，運行下面的命令：

git init
git add .
git commit -m "First commit"
git remote add origin https://github.com/賬戶名/倉庫名.git
git push -u origin master

備註：賬戶名和倉庫名分別改為你的賬戶名和你創建的倉庫的名稱,需要先到GitHub上創建一個個人的Git倉庫

四、將Hexo網站部署到Nginx服務器上

1、安裝Nginx：使用apt-get可以安裝Nginx，運行下面的命令安裝：

sudo apt-get update
sudo apt-get install nginx

2、修改配置文件：進入/etc/nginx下，修改nginx.conf文件，在http模塊中添加server配置，如下：

server{
    listen 80;
    server_name your_domain;
    location / {
        root /var/www/hexo; #此處為Hexo網站的路徑
        index index.html;
    }
}

3、修改hosts：如果你使用的是域名而不是IP地址，需要在本地的hosts文件中添加映射關係。例如，在/etc/hosts文件最後添加映射：

IP地址 your_domain

4、重新啟動Nginx：在SSH連接中，使用下面的命令重新啟動Nginx：

sudo /etc/init.d/nginx restart

五、使用Hexo進行網站更新

1、更新源文件：在日常使用中，當你需要更新Hexo網站時，可以使用下面的命令更新Hexo原始文件：

hexo new page "pageName"

2、生成靜態文件：運行下面的命令生成新的靜態文件：

hexo generate

3、上傳GitHub：使用下面的命令將新的靜態文件上傳到GitHub：

git add .
git commit -m "update"
git push -u origin hexo

4、重新生成Nginx文件：重新生成Nginx配置文件

sudo /etc/init.d/nginx reload

六、小結

以上就是使用Hexo部署網站的基本過程，完整示例代碼可以在 這裡獲取。