個(gè)人主頁搭建步驟

時(shí)間：2023-07-23 11:42:01 | 來源：網(wǎng)站運(yùn)營

時(shí)間：2023-07-23 11:42:01 來源：網(wǎng)站運(yùn)營

個(gè)人主頁搭建步驟：這兩天倒騰了個(gè)人主頁（網(wǎng)址www.kankantechs.com），下面是網(wǎng)站搭建（不包括網(wǎng)頁的編寫）部分的主要步驟：


1.到godaddy購買.com域名

88或者120港幣一年（我忘了自己當(dāng)時(shí)購買花了多少錢了，88？），價(jià)格也還好，支付方式我用的自己在香港的Visa卡。

2.在digitalocean申請(qǐng)VPS服務(wù)器

2.1注冊(cè)digitalocean賬號(hào)

這個(gè)不用多說吧。大家可以通過我的referal鏈接來申請(qǐng)，

DigitalOcean: Cloud computing designed for developers。

這樣，雙方都有credit獎(jiǎng)勵(lì)哦。

值得一提的是，digitalocean要求你使用paypal支付或者Visa/MasterCard等信用卡完成一個(gè)一次性的5美金支付，你的賬號(hào)才算激活，只有激活的賬號(hào)才能申請(qǐng)VPS服務(wù)器。

2.2申請(qǐng)VPS服務(wù)器

點(diǎn)擊右上角Create Droplet來申請(qǐng)VPS服務(wù)器

系統(tǒng)選擇Ubuntu，畢竟咱最熟悉啊。

大小選擇最小的，512MB內(nèi)存，20GB的存儲(chǔ)空間，還有1000GB的流量，對(duì)于個(gè)人主頁（或者自己搭建的那啥上網(wǎng)工具）來說，足夠了，5美金一個(gè)月，約35RMB or 39港幣，也不是很貴。

增加存儲(chǔ)塊，個(gè)人主頁不需要太大容量，如果想跑大數(shù)據(jù)或者計(jì)算機(jī)視覺實(shí)驗(yàn)，可以考慮考慮，當(dāng)然，那樣你的服務(wù)器大小也要做相應(yīng)的調(diào)整。

服務(wù)器位置我推薦三番市，1號(hào)線，2號(hào)線都行。強(qiáng)烈不推薦新加坡線。因?yàn)楦鱾€(gè)國家和地區(qū)的網(wǎng)絡(luò)帶寬不盡相同，甚至相距甚遠(yuǎn)。在控制臺(tái)使用以下命令：

wget

http://cachefly.cachefly.net/100mb.test測得的數(shù)據(jù)是，SFO1/2服務(wù)器的帶寬大概是1000Mbit/s，而Singapore大概是100Mbit/s。

對(duì)于VPS的選擇，我覺得可以多方面考慮，地理位置，帶寬，流量。SFO的服務(wù)器可能離大陸比較遠(yuǎn)，數(shù)據(jù)傳輸?shù)难舆t很大，但是它本身本地下載的速度是很快的，適合跑大數(shù)據(jù)實(shí)驗(yàn)。Singapore的服務(wù)器離大陸比較近，延遲低，雖然帶寬沒那么高，但是用來搭上網(wǎng)工具，打打亞服的游戲，是個(gè)不錯(cuò)的選擇。所以我認(rèn)為，這就叫所謂的各有利弊，各取所需吧。

可以勾上這幾個(gè)不需要額外付費(fèi)的服務(wù)，尤其是IPv6，這個(gè)手動(dòng)配置起來有點(diǎn)麻煩（不要問我怎么知道的），IPv6對(duì)于某些服務(wù)（你懂），有加速效果，其他的方法還有CDN（VPS服務(wù)器配置也是門學(xué)問?。?。

ssh keys 我也不大懂，反正可以之后添加。

給你的droplet（即VPS）取個(gè)名字就可以添加vps了。

3.服務(wù)器配置與nginx初探

3.1 ssh遠(yuǎn)程鏈接vps服務(wù)器

創(chuàng)建好了vps后，digitalocean一般會(huì)給你的賬戶郵箱發(fā)一封郵件，告訴你服務(wù)器IPv4地址和root賬戶的密碼：

知道了IP地址我們可以在linux控制臺(tái)（Windows可以使用cgwin工具）下遠(yuǎn)程鏈接服務(wù)器。

輸入：

ssh -l root Your_Server_IP

輸出一段話告訴你是否信任此鏈接，輸入yes并回車，然后輸入郵件告訴你的root賬戶的密碼。

3.2 linux賬戶管理

3.2.1 更改root密碼

第一次登陸時(shí)，系統(tǒng)會(huì)要求你更改root賬戶密碼，按要求更改即可。之后也能繼續(xù)更改密碼，命令如下：

passwd <account name>

如: passwd root

3.2.2 新建一個(gè)linux賬戶

如果你不希望始終以root身份登錄（因?yàn)樯婕拔募臋?quán)限等問題），或者想與他人分享這個(gè)VPS服務(wù)器，可以新建一個(gè)賬戶

adduser <your_user_name>

如:adduser kelly

命令會(huì)自動(dòng)為你創(chuàng)建該用戶的home文件夾，如/home/kelly

3.2.3 設(shè)置某用戶為管理員

如果你希望設(shè)置某個(gè)用戶名為管理員，而不使用root賬戶的話，可以使用如下命令：

sudo usermod -aG sudo <your_user_name>

如：sudo usermod -aG sudo kelly

當(dāng)然，如果當(dāng)前登入的用戶不是sudo賬戶，要使用su命令切換到sudo組的用戶，如root

輸入此命令后，回車并輸入當(dāng)前sudo賬戶如root的密碼即可。

那么<your_user_name>的用戶也會(huì)被分配到sudo組，具有sudo權(quán)限。

3.3 nginx配置

首先在VPS上安裝nginx：

sudo apt-get install nginx

在nginx的官網(wǎng)上可以找到nginx.conf文件的模板

Getting Started | NGINX如wordpress的配置

WordPress | NGINX我的部分配置如下：

http {

include mime.types;

include /home/kelly/Documents/kelly-homepage/conf/down.kankantechs.nginx.conf;

default_type application/octet-stream;

server {

listen 8080;

listen 80;

server_name kankantechs.com;

#charset koi8-r;

#access_log logs/host.access.log main;

location / {

root /home/kelly/Documents/kelly-homepage;

index index.html index.htm;

}

}

include servers/*;

}

解釋：

listen表示服務(wù)器監(jiān)聽的端口，80端口是訪問該ip的默認(rèn)端口；location / 表示設(shè)定根目錄的位置，root是根目錄位置，index是首頁文件的位置。

include /home/kelly/Documents/kelly-homepage/conf/down.kankantechs.nginx.conf;表示包含該文件，文件down.kankantechs.nginx.conf的內(nèi)容如下：

server {

listen 8082;

server_name down.kankantechs.com;

root /home/kelly/Documents/kelly-homepage/files;

autoindex on;

autoindex_exact_size off;

autoindex_localtime on;

}

#解釋：

#autoindex on; #開啟索引。

#autoindex_exact_size off; #關(guān)閉計(jì)算文件大小(單位bytes),顯示大概大小(單位kb,mb,gb)。

#autoindex_localtime on; #on本機(jī)本地時(shí)間，off顯示GMT時(shí)間。

root指出了下載服務(wù)器被配置的根目錄位置

3.4文件傳輸

可以使用Github作為傳輸文件的工具，此處不表。我們用WinSCP（Mac可以使用CrossOver），如果是linux可以直接添加遠(yuǎn)程鏈接。把寫好的網(wǎng)頁文件傳輸?shù)椒?wù)器的/home/kelly/Documents文件夾

3.5在VPS上運(yùn)行nginx前端服務(wù)器

首先看配置文件的路徑（mac和linux上并不相同）

kelly@MyFirstVPS:~$ sudo nginx -t

[sudo] password for kelly:

nginx: the configuration file /etc/nginx/nginx.conf syntax is ok

nginx: configuration file /etc/nginx/nginx.conf test is successful

然后復(fù)制我們的配置文件到/etc/nginx/nginx.conf

sudo cp ~/Documents/kelly-homepage/conf/nginx4vps.conf /etc/nginx/nginx.conf

如果有nginx服務(wù)器在運(yùn)行，輸入

sudo nginx -s stop來停止運(yùn)行

然后再開啟nginx服務(wù)器來應(yīng)用新的配置文件

sudo nginx

這是輸入IP地址就能訪問我們的主頁了^_^

4 go daddy綁定域名與IP

在自己的賬戶中點(diǎn)Manage Connection

Forward選項(xiàng)中有Forward to，就是服務(wù)器的ip地址；有Forward Type，永久和臨時(shí)的；有Settings。

Settings可以設(shè)置僅僅Forward和Forward并隱藏ip。Forward and masking

之后覆蓋了網(wǎng)頁標(biāo)題和圖標(biāo)等設(shè)置，同時(shí)服務(wù)器ip不可見了

要顯示標(biāo)題和圖標(biāo)，就不能masking，但這樣服務(wù)器ip又暴露了。

解決方案：

[為Nginx設(shè)置反向代理，隱藏服務(wù)器IP](

為Nginx設(shè)置反向代理，隱藏服務(wù)器IP | imDenny)

待解決的問題：

如何不使用godaddy的Forward and masking功能，隱藏服務(wù)器IP，同時(shí)要展現(xiàn)標(biāo)題和圖標(biāo)。

總結(jié)：

搭建個(gè)人網(wǎng)站還挺簡單的，主要是需要網(wǎng)上的支付手段，相關(guān)賬號(hào)的申請(qǐng)。原理無非就是一臺(tái)服務(wù)器放網(wǎng)頁，然后使用DNS商家的服務(wù)進(jìn)行域名的購買與解析，畢竟很難想象你搭好了服務(wù)器和網(wǎng)站然后告訴別人用ip來訪問，對(duì)吧_(:зゝ∠)_。