部署一個屬於自己的個人主頁——從0到無限

想必大家在互聯網衝浪時都看見過下圖這樣的個人主頁網站，本期來介紹一下如何部署一個自己的這樣的網站。

我的示例：WaveYo | Home

這些個人主頁網站絕大部分基於GitHub開源項目 imsyy/home ,基於該項目你的個人主頁只需要修改一些簡單信息就可以完成自動生成網頁，之後部署在Web服務器上即可

購買與開啓服務器

擁有一個屬於自己的博客網站首先所必要的就是擁有一個屬於自己的服務器

這裏我以雨雲雲服務器爲例，作爲新興的雲服務器廠商，雨雲提供了更具性價比的雲服務器選擇

同時使用我評論區提供的邀請碼註冊新用戶還可以獲得新用戶首月5折優惠券

註冊完成並登陸後打開"雲產品>>雲服務器>>立即購買"，如圖所示

接下來進入購買頁面，根據自己的情況選擇不同地區的服務器。

其中特別注意！江蘇宿遷、中國香港、美國洛杉磯節點服務器默認購買沒有獨立公網IP，只支持10個NAT端口（對於獨立公網IP與NAT端口的區別，將會根據本篇文章流量收入決定下一期是否介紹）

浙江寧波、湖北十堰、江蘇宿遷三個中國大陸地區節點架設對外開放的網站，按照國家法律法規需要進行先ICP備案，之後在進行公安備案，其中只有ICP備案後，網站才能對外開放。整體備案過程在15個工作日至2個月間不等

其中經過比價，如果沒有極低的訪問延遲需求，中國香港節點性價比最高，但是網絡帶寬很低

這裏服務器我採用的是浙江寧波KVM頂配版

接下來開始選擇服務器詳細配置，如果你不瞭解Linux系統，請保持和我相同的選擇

首先系統選擇”Ubuntu>>Ubuntu Server 22.04 LTS“，預裝APP可選 1Panel。這裏以沒有選擇爲教程基礎

其他選項保持默認，記得在最後選擇你獲得的5折優惠券，立即購買

接下來你就可以進入雨雲服務器管理頁面，等待服務器運行狀態由”創建中“變爲”運行中“後就可以通過ssh遠程連接進入服務器內部了

進入服務器並部署Home

接下來你需要記下服務器的公網IP地址，遠程用戶名，遠程密碼。其中請切記不要將公網IP與遠程密碼泄露給任何人，避免造成損失。如果IP與密碼不慎泄露，在本頁面中還提供了”重置密碼“與每月1次的更換公網IP的機會，本文中就不過多介紹。

現在你需要通過ssh軟件遠程連接進入服務器內部部署Halo。如果你沒有ssh軟件我推薦可以使用Xterminal（無廣），當然Windows的cmd與powershell也提供了ssh命令（Open-SSH），但是操作起來沒有那麼便捷。

Windows SSH連接命令：ssh root@<你的公網IP>

打開Xterminal並新建一個服務器，在地址、登陸用戶、登錄密碼中分別填入你之前記下的公網IP地址、遠程用戶名、遠程密碼，並保存。隨後回到Xterminal主界面點擊”連接”就順利進入服務器內部了

接下來非常重要的一步，不可或缺，後面可能出現安裝時的找不到包，安裝包失敗進行這一步後都會迎刃而解

分別先後運行下面兩個指令：

apt-get update

apt-get upgrade

運行指令過程會提示是否繼續執行，輸入"y"後按回車即可

接下來開始安裝

克隆項目到本地輸入命令：

mkdir /website
cd /website
git clone https://github.com/imsyy/home.git
cd ./home

如果報錯“bash: git: command not found”之類的問題，請在執行 git 之前先運行“sudo apt-get install git-core”

首先 imsyy/home 依賴於 node.js 環境

node > 16.16.0npm > 8.15.0

終端中執行

# 下載node.js安裝腳本
curl -fsSL https://deb.nodesource.com/setup_23.x -o nodesource_setup.sh
# 使用 sudo 運行設置腳本
sudo -E bash nodesource_setup.sh
# 安裝 Node.js
sudo apt-get install -y nodejs
# 驗證安裝
node -v

繼續執行：

# 安裝 pnpm
npm install -g pnpm
# 安裝依賴
pnpm install

編輯個人頁面
這時候使用我推薦的Xterminal的好處就會體現出來，依託於Xterminal提供的左側文件列表，你可以快速找到並編輯服務器上的文件
找到之前clone的文件路徑，如果你沒有修改命令那麼應該是 /website/home 將文件“.env.example”重名爲“.env”，並打開修改

修改內容在.env中有詳細註釋解釋，其中額外解釋以下內容：

VITE_SITE_URL = "imsyy.top" # 站點地址 | 這裏是用來填寫你的域名地址，或者訪問URL

VITE_SONG_API = "https://api-meting.imsyy.top/api" # 歌曲 API 地址 | 如果你懶得自己配置API可以直接使用我的：