个人主页搭建步骤

时间：2023-07-23 11:42:01 | 来源：网站运营

时间：2023-07-23 11:42:01 来源：网站运营

个人主页搭建步骤：这两天倒腾了个人主页（网址www.kankantechs.com），下面是网站搭建（不包括网页的编写）部分的主要步骤：


1.到godaddy购买.com域名

88或者120港币一年（我忘了自己当时购买花了多少钱了，88？），价格也还好，支付方式我用的自己在香港的Visa卡。

2.在digitalocean申请VPS服务器

2.1注册digitalocean账号

这个不用多说吧。大家可以通过我的referal链接来申请，

DigitalOcean: Cloud computing designed for developers。

这样，双方都有credit奖励哦。

值得一提的是，digitalocean要求你使用paypal支付或者Visa/MasterCard等信用卡完成一个一次性的5美金支付，你的账号才算激活，只有激活的账号才能申请VPS服务器。

2.2申请VPS服务器

点击右上角Create Droplet来申请VPS服务器

系统选择Ubuntu，毕竟咱最熟悉啊。

大小选择最小的，512MB内存，20GB的存储空间，还有1000GB的流量，对于个人主页（或者自己搭建的那啥上网工具）来说，足够了，5美金一个月，约35RMB or 39港币，也不是很贵。

增加存储块，个人主页不需要太大容量，如果想跑大数据或者计算机视觉实验，可以考虑考虑，当然，那样你的服务器大小也要做相应的调整。

服务器位置我推荐三番市，1号线，2号线都行。强烈不推荐新加坡线。因为各个国家和地区的网络带宽不尽相同，甚至相距甚远。在控制台使用以下命令：

wget

http://cachefly.cachefly.net/100mb.test测得的数据是，SFO1/2服务器的带宽大概是1000Mbit/s，而Singapore大概是100Mbit/s。

对于VPS的选择，我觉得可以多方面考虑，地理位置，带宽，流量。SFO的服务器可能离大陆比较远，数据传输的延迟很大，但是它本身本地下载的速度是很快的，适合跑大数据实验。Singapore的服务器离大陆比较近，延迟低，虽然带宽没那么高，但是用来搭上网工具，打打亚服的游戏，是个不错的选择。所以我认为，这就叫所谓的各有利弊，各取所需吧。

可以勾上这几个不需要额外付费的服务，尤其是IPv6，这个手动配置起来有点麻烦（不要问我怎么知道的），IPv6对于某些服务（你懂），有加速效果，其他的方法还有CDN（VPS服务器配置也是门学问啊）。

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

给你的droplet（即VPS）取个名字就可以添加vps了。

3.服务器配置与nginx初探

3.1 ssh远程链接vps服务器

创建好了vps后，digitalocean一般会给你的账户邮箱发一封邮件，告诉你服务器IPv4地址和root账户的密码：

知道了IP地址我们可以在linux控制台（Windows可以使用cgwin工具）下远程链接服务器。

输入：

ssh -l root Your_Server_IP

输出一段话告诉你是否信任此链接，输入yes并回车，然后输入邮件告诉你的root账户的密码。

3.2 linux账户管理

3.2.1 更改root密码

第一次登陆时，系统会要求你更改root账户密码，按要求更改即可。之后也能继续更改密码，命令如下：

passwd <account name>

如: passwd root

3.2.2 新建一个linux账户

如果你不希望始终以root身份登录（因为涉及文件的权限等问题），或者想与他人分享这个VPS服务器，可以新建一个账户

adduser <your_user_name>

如:adduser kelly

命令会自动为你创建该用户的home文件夹，如/home/kelly

3.2.3 设置某用户为管理员

如果你希望设置某个用户名为管理员，而不使用root账户的话，可以使用如下命令：

sudo usermod -aG sudo <your_user_name>

如：sudo usermod -aG sudo kelly

当然，如果当前登入的用户不是sudo账户，要使用su命令切换到sudo组的用户，如root

输入此命令后，回车并输入当前sudo账户如root的密码即可。

那么<your_user_name>的用户也会被分配到sudo组，具有sudo权限。

3.3 nginx配置

首先在VPS上安装nginx：

sudo apt-get install nginx

在nginx的官网上可以找到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表示服务器监听的端口，80端口是访问该ip的默认端口；location / 表示设定根目录的位置，root是根目录位置，index是首页文件的位置。

include /home/kelly/Documents/kelly-homepage/conf/down.kankantechs.nginx.conf;表示包含该文件，文件down.kankantechs.nginx.conf的内容如下：

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; #关闭计算文件大小(单位bytes),显示大概大小(单位kb,mb,gb)。

#autoindex_localtime on; #on本机本地时间，off显示GMT时间。

root指出了下载服务器被配置的根目录位置

3.4文件传输

可以使用Github作为传输文件的工具，此处不表。我们用WinSCP（Mac可以使用CrossOver），如果是linux可以直接添加远程链接。把写好的网页文件传输到服务器的/home/kelly/Documents文件夹

3.5在VPS上运行nginx前端服务器

首先看配置文件的路径（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

然后复制我们的配置文件到/etc/nginx/nginx.conf

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

如果有nginx服务器在运行，输入

sudo nginx -s stop来停止运行

然后再开启nginx服务器来应用新的配置文件

sudo nginx

这是输入IP地址就能访问我们的主页了^_^

4 go daddy绑定域名与IP

在自己的账户中点Manage Connection

Forward选项中有Forward to，就是服务器的ip地址；有Forward Type，永久和临时的；有Settings。

Settings可以设置仅仅Forward和Forward并隐藏ip。Forward and masking

之后覆盖了网页标题和图标等设置，同时服务器ip不可见了

要显示标题和图标，就不能masking，但这样服务器ip又暴露了。

解决方案：

[为Nginx设置反向代理，隐藏服务器IP](

为Nginx设置反向代理，隐藏服务器IP | imDenny)

待解决的问题：

如何不使用godaddy的Forward and masking功能，隐藏服务器IP，同时要展现标题和图标。

总结：

搭建个人网站还挺简单的，主要是需要网上的支付手段，相关账号的申请。原理无非就是一台服务器放网页，然后使用DNS商家的服务进行域名的购买与解析，毕竟很难想象你搭好了服务器和网站然后告诉别人用ip来访问，对吧_(:зゝ∠)_。