Last Updated on 2025-07-09 by Lee
怎么从租用VPS，到利用web面板搭建tycho、zblog、wordpress博客网站
建站工具
一台linux的kvm虚拟云服务器，一个ip
一个web面板：自动化安装mysql，php，nginx等组件
选择博客建站工具：Typecho、Zblog、Wordress。
实话说，本人没想到做一个比较美观的网站也是挺容易的。
20年前我在大学学过一门技能课叫Dreamweaver，用过这个软件设计网页，用iis做引擎搭建出来的网页有股浓浓的墙面贴广告的复古感。
最近了解了博客建站程序Typecho、Zblog还有WordPress。对于linux有一点基础的人，利用第三方web面板都可以快速搭建出一个有限的自定义网站。
下面我开始
搭建一个网站我这里划分为了三部分。
第一步，购买VPS或者云服务器。
国内大牌的云服务提供商有阿里云、腾讯云等等。
国外大牌有亚马逊、微软、google cloud，其他的如搬瓦工和vultr。
购买国内的服务器优点是国内的访问速度快。缺点是需要备案，几年前备案我记得是需要一个多礼拜，现在可能时间会短一些。
购买国外服务器就不用备案了，如果需要针对国内访问的，选择一些离我们近的机房线路即可，比如香港机房等等。
第二步，购买域名。
国内云服务商阿里云和腾讯云也卖域名。
国外知名的域名提供商有Namecheap和Godaddy等。
我个人的网站用的Namecheap。本文也将用Namecheap作为示例演示怎么购买域名和配置。
第三步，选择一款合适的web面板，简化建站过程。
web面板的作用是让建站过程简单化。一般建站需要在服务器上安装数据库和php等中间件。
对于小白来说要学的成本很大。web面板会自动帮我们安装并管理这些组件，我们只需要按照提示输入这些组件的账号和密码即可，剩下的web面板会自动完成后续的配置。
国内知名的面板有宝塔、AMH、1panel等。国外知名的的面板有Cpanel和FastPanel等。
对于新手第一次可以使用国内的宝塔，因为宝塔提供的很多功能，操作逻辑比较符合国人的习惯。等熟悉了以后可以换成其他的web面板。
我个人使用的是FastPanel，本文中也用FastPanel面板演示操作。
然后是选择博客建站工具，国内的有Typecho和Zblog轻量级建站工具。外国的有wordpress。
本文会演示这三种博客架设的过程。最后也会演示怎么添加ssl，让网站更符合现代加密要求。
第一部分，租用云服务器
关于租用服务器，有很多云服务商可以选择。国内的不考虑备案的话，闭眼选阿里云或腾讯云吧。
我选的是欧洲的一个不知名的VPS云服务商，没有快照功能，生怕哪一天一颗导弹炸了我所在的机房后不能恢复数据，但就是便宜...。
如下图，这是我购买云服务商后台界面，包括服务器CPU，内存，硬盘等信息。
可以看到服务器的IP地址，账号是root，密码。
还有服务器相关的配置信息，1核cpu，512M内存，闪存盘5G，带宽10兆。
有了这些信息，就可以使用xshell工具远程连接到服务器上。
点击确定进入下一步，
点击右侧栏侧栏里服务区。输入密码和账号。
输入密码，点击确定就可以连接到服务器了。
点击确定就进入终端连接模式了。
第二部分，购买域名并配置域名解析到服务器IP
下面是NameCheap去买域名，除了这个，也可以在国内域名商购买，国内的有中文客服，交互更友好。
打开网页： https://www.namecheap.com/
需要自行注册一个账号，绑好信用卡。
然后在主页搜索框里选一个你要注册的域名。
这里看到，notefaq.com已经被买走了，但下面几个的notefaq.to、notefaq.org等都可以购买。
比如选择notefaq.org，点击“Add to cart"加入购物车。
然后点击“check out”结账付款。
最后确认购买的信息无误后点击 Confirm Order 确认下单。
我之前已经购买了myboke.xzy的域名。这里用这个域名演示下怎么绑定服务器，
购买域名成功后，点击左侧 Domain list标签。然后找到myboke.xzy这一行。
再下一个界面点击“ Advanced DNS”进入高级DNS界面。
如上图，先把原有的记录都删除掉。添加三条新记录。
添加一条A记录，host位置填写“@”，value填写我们服务器的ip地址194.87.10.33。
TTL选择随意，我选择一分钟生效，但实际上根据全球网络环境因素需要很久才能让域名绑定IP生效。
添加第二条A记录，hos位置填写www，value填写我们服务器的ip地址194.87.10.33。点击对号完成配置。
第二条A记录可以不添加，因为@符号已经包含代表www了。我是个人习惯添加的。
再添加一条C NAME记录，host为止填写www，value位置填写我们的域名，myboke点x y z。点击对号完成配置。
然后需要等十至二十分钟。最快5分钟生效，最慢我等过20分生效。
生效后你ping下你的域名是不是变成本IP了，如果是，就代表DNS解析成功了。
我这边是解析成功的ping反馈。
正在 Ping myboke.xyz [194.87.10.33] 具有 32 字节的数据:
来自 194.87.10.33 的回复: 字节=32 时间=481ms TTL=42
来自 194.87.10.33 的回复: 字节=32 时间=481ms TTL=42
来自 194.87.10.33 的回复: 字节=32 时间=481ms TTL=42
来自 194.87.10.33 的回复: 字节=32 时间=481ms TTL=42
来自 194.87.10.33 的回复: 字节=32 时间=481ms TTL=42
来自 194.87.10.33 的回复: 字节=32 时间=481ms TTL=42
第三部分，利用FASTPANEL面板搭建Typecho、Zblog、Wordpress网站
回到xshell终端，我开始准备安装web面板。
web面板有很多种类，我开始时拿本地虚拟机练手的时候用的是宝塔。实话说宝塔对于小白来说真的太好用了。
但是我对国内产品有那么一点点的不信任....，本地虚拟机跑跑还行，真用到自己的东西的时候，我放弃了宝塔。
我在网上找了几个小时，最终选择了FASTPANEL面板来部署我的网站。
使用上总体来说，FASTPANEL是宝塔的简化版，需要有一点经验才能上手快。前期可以拿宝塔在本地虚拟机练手，熟悉了各部分操作逻辑后再正式使用FASTPANEL或者其他。
部署fastpanel很简单，只需要在终端里输入一条命令：
wget https://repo.fastpanel.direct/install_fastpanel.sh -O - | bash -
root@r993725:~# wget https://repo.fastpanel.direct/install_fastpanel.sh -O - | bash -
--2025-07-04 14:14:09-- https://repo.fastpanel.direct/install_fastpanel.sh
Resolving repo.fastpanel.direct (repo.fastpanel.direct)... 5.101.120.164
Connecting to repo.fastpanel.direct (repo.fastpanel.direct)|5.101.120.164|:443... connected.
HTTP request sent, awaiting response... 200 OK
Length: 1251 (1.2K) [application/octet-stream]
Saving to: ‘STDOUT’
- 100%[===========================================>] 1.22K --.-KB/s in 0s
2025-07-04 14:14:09 (107 MB/s) - written to stdout [1251/1251]
_________ _______________ ___ _ __________
/ ____/ | / ___/_ __/ __ \/ | / | / / ____/ /
/ /_ / /| | \__ \ / / / /_/ / /| | / |/ / __/ / /
/ __/ / ___ |___/ // / / ____/ ___ |/ /| / /___/ /___
/_/ /_/ |_/____//_/ /_/ /_/ |_/_/ |_/_____/_____/
Greetings user!
Now I will install the best control panel for you!
Start pre-installation checks
OS: Ubuntu 18.04.6 LTS
Installing FASTPANEL package.
[Success]
Installing MySQL 5.7 from Oracle APT Repository.
[Success]
Installing web service: nginx, apache, php.
[Success]
Installing ftp service: proftpd.
[Success]
Installing mail service: exim, dovecot.
[Success]
Installing recommended software: roundcube, phpmyadmin, etc, etc...
[Success]
Congratulations! FASTPANEL successfully installed and available now for you at https://194.87.10.33:8888/ .
Login: fastuser
Password: C1PHBWkSaxstyujL
root@r993725:~#
上面安装过程最后给出了fastpanel的登录地址，账号和密码。
https://194.87.10.33:8888/ .
Login: fastuser
Password: C1PHBWkSaxstyujL
打开浏览器，输入网址https://194.87.10.33:8888/ 回车。页面会提示需要输入电子邮箱。不然没有权限打开此页。
输入一个电子邮箱，fastpanel会返给您一封授权右键，点击右键里的链接再返回这个页面就被授权了。
如果还不太明白，可以看我的视频，手把手教你从服务器到web创建三种不同类型的博客网站。
有了授权后填写上面的账号和密码，就进入到了以下的页面。
现在开始安装博客。
Typecho
简单描述下Typecho，国人做的，开源，很轻量，1核cpu，500m没存跑起来很轻松。免费的主题凑合够用。缺点是插件少。
总体就是只写写博客用着也挺好。
首先去Typehco官网下载安装程序。
点击下载按钮会转导二级页面，选择正式版，别选开发版本，下载到本地得到名为“typecho.zip”的压缩包。稍后待用。
打开FASTPANEL面板，左下角处可以更换语言。点击+号，创建一个网站。
点击右边“创建一个自定义网站”，点击继续创建。
这里只填写域名地址 “myboke.xyz”，然后点击下一步。
在这个页面里，只修改数据库就可以。第一个用户，也可以只使用fasteruser账户，有兴趣的朋友可以点进去看看。第二个Backend默认行。第四个副本和第五个FTP，可以以后再创建。
第三个数据库是一定要修改的，这是为typecho创建的数据库。点击修改按钮。
这个页面里输入数据库名，数据库用户名，数据库密码。其他不用改。
记住你的数据库名，数据库用户名和密码，后面初始化typecho的时候要用到。
账户名，数据库名和密码都是自定义的。 密码尽量设置复杂一些，我这里只做示例，先了123123。
确认写好后，点击下方的保存按钮会返回来五个框框的界面。
这里直接点击创建网站。
稍微等待几秒钟，就出现上面的成功画面了。
我们点击网站卡片，进入查看下有什么了。
fastpanel为我们创建了一个空白站。这个网站里只有一个普通告示页面，其他什么也没有。
你可以理解建网站就像盖房子，fastpanel给我们打了地基，上面的房子由我们自己选择。但建网站可不想盖房子那么简单。
网站的下层是需要mysql，php，nginx等组件支撑的。对于小白来说，不研究个几个根本没法搞定。
所以使用fastpanel这类web面板帮我们自动化安装和配置管理这些组件，其他的时候就是简单建设下网站，选个好看的主题，然后专心的写文字就好了。
现在把刚才下载Typecho.zip解压，会出现几个文件，利用ftp工具传输到上图红色框“/var/www/myboke_xyz_usr/data/www/myboke.xyz”目录下。
我用的是xsftp工具。
上传完成后，在浏览器里打开你购买过的域名 myboke.xyz，然后会转到以下页面。
我准备好，点击下一步。
这块在网站目录里使用命令 chmod 777 usr/uploads 为这个文件夹赋权。然后再点准备好了，开始下一步。
下面是typecho需要配置数据库的信息。
上面只填写我刚才说到注意的地方，数据库名，数据库账户名和数据库密码，一定不能搞错。
最后点击确认，开始安装。然后来到下一步。
配置typehco网站的账号密码和邮箱，然后点击继续安装。
至此Typecho网站博客的搭建就完成了。可以按上面的链接输入账号和密码进入写博客，或设置个性化外观，插件等等。
附两张博客达成的界面。第一张是默认不带主题的，第二种带主题。
本来我是打算把zblog和wordpress的建设过程也写下来的。
但是发现到这里已经有很长的篇幅的，用了很多图，但我自己也删减了一部分不太重要的图片。这可能导致阅读起来不连贯。
好看我还录了视频，大家可以到我的油管频道去看，不到一个小时，包教会你怎么做三种类型的博客。
另外关于zblog和wodpress的，我另起一篇文章写了。
