这个网站的搭建过程

  • Post author:
  • Post published:2022年 8月 16日
  • Post last modified:2022年 8月 31日
  • Reading time:3 mins read

本文将简略地介绍一下当前个人网站的搭建过程,可为同样想搭建个人网站的你提供一些有益的借鉴和参考。

购置付费资源

搭建个人网站有点像房子装修完毕后邀请亲朋好友前来鉴赏一样。为实现这一目标,你首先需要购入一套房产,然后开展装修,最后将自己的地址发送给亲朋好友。尽管我们在现实世界中并不能很容易地添置房产,但在网络世界中搭建一个粗糙的个人网站却是一件很容易实现的事情。

我们需要完成的第一步操作是购入“房产”和“房牌号”,即云服务器和域名。前者是必需品,用来承载我们的网页文件,它一般会向我们提供一个公网IP地址或临时域名,经过适当的操作以后,只要在浏览器里面输入IP地址或临时域名就可以访问到我们设计好的网站了。后者是技术上的非必需品,但它是个人网站做强做大、迈向全球的必需品。它本质是一个贴在服务器上面的标签,是前文所提到IP地址或临时域名的助记词,能够让网站的受众更加方便地访问到我们设计好的网站。比如说,下面两个域名都可以访问到我的个人网站,但是你更愿意用哪种方式访问呢?

购买云服务器

云服务器其实就是一台昼夜不休的电脑,它随时随刻地等待着用户向它发起网络请求,然后把相应的资源发送给用户。为了实现这一功能,它必须安装一些基本的功能组件,比如说云服务器要有一个操作系统、要运行网页服务(静态网站有这些就够了)、要有一个数据库存储关键信息、要支持一些编程语言去实现因人而异的访问效果。

购置云服务器的时候,可以有一些不同的选择。我们可以购买一台真正的云服务器,它会为我们预先装好一个基本的操作系统,然后需要我们自己去安装其余所有的功能组件。它的好处在于,我们可以取得对云服务器完全的处置权,我们可以给自己安装最新版的软件紧追时代前沿科技、可以同时运行多个网页服务、可以同时承载多个网站,甚至是可以用来做网络爬虫、蒙特卡洛模拟实验等非网页服务,它的短处在于,需要掌握一定的专业基础知识,然后价格比较贵。我们也可以购买一个轻量应用服务器,它为我们预先安装了网页服务所有的基础组件,我们可以开机即用,但只能“专机专用”,你不能指望一个没有预先安装Python解释器的轻量应用服务器给你跑Python脚本,相比于云服务器,轻量应用服务器的价格稍稍要便宜一些,但还是挺贵的。我选择的是云虚拟主机,这是一种最便宜的方案,我趁阿里云打折的时候买了一台,370块钱能用3年,非常适合我这种比较穷苦的人。当然了,云虚拟主机提供的权限就更少了,基本上相当于没有 :joy: 。

提供一下 :point_right:阿里云虚拟主机:point_left: 的购买链接,对于初学者来说,就买最便宜的就完事了,美滋滋。

购买域名

去:point_right:阿里云旗下的万网 :point_left:挑一个自己喜欢的域名就好啦,一般越短的域名会越贵,然后.com这种常见的顶级域名也会更贵一点。

尽管并不推荐大家购买一个包含特殊字符的域名,但是带上一些特殊字符的短域名可能比较便宜,所以如果确实想要一个短域名的话,可以试着添加一点特殊符号进去,比如我就在域名当中添加了一个短横。

快速部署

购入“房产”以后,我们就可以开始装修了。我们不必从0开始构建网站,可以直接使用一些非常成熟的网站模板,比如我选择的就是WordPress。

去:point_right:WordPress中文网 :point_left:上下载最新的WordPress安装包,上传到阿里云虚拟主机,然后解压缩到根目录下就好了。

阿里云虚拟主机默认会在它的根目录下寻找index.htmlindex.php这样的文件作为首页。但我在解压缩的过程中发现,我没有办法直接把文件解压缩到网站的根目录下,我只能解压到根目录下面一个叫做wordpress的文件夹当中。这个时候就需要使用FTP软件登录到云虚拟主机的文件目录下,将wordpress文件夹下所有文件都复制或剪切到根目录下。

在Linux系统中,上述操作还是比较简单的,相关操作如下所示:

# 如果没有ftp客户端的话,就先安装一个FTP客户端
sudo apt install lftp

# 登录到FTP服务器
# 使用云虚拟主机提供的具体信息替代命令当中的{username},{password},{host}和{port}
# port默认为21,如果没有修改过端口号,可以不提供该参数
lftp {username}:{password}@{host}:{port}

# 登录到FTP服务器以后,我们需要切换到wordpress目录下
cd htdocs/wordpress  # 需要根据实际情况加以修改

# 将wordpress文件夹下所有文件都剪切到根目录下
mv * /htdocs

上传完文件以后,我们就可以打开阿里云虚拟主机提供的临时域名了,第一次访问的时候可能会提示输入FTP密码和验证码,这个就输入一下就好了。

刚刚把WordPress安装包上传到云虚拟主机,第一次打开网站的时候,WordPress会提示我们完成一些初始化操作。我们需要将阿里云虚拟主机提供给我们的一些信息录入其中,包括数据库的访问地址、数据库名称、数据库用户名和数据库密码等。初始化工作完成以后,我们就可以看到我们搭建好的网站啦。

祝贺,世界上又多了一个使用WordPress的网站 :collision:。

简易配置

选择主题

我安装的主题是OceanWP,感觉还不错,里头有许多选项都可以慢慢探索一下。

安装插件

  • WP Githuber MD:允许使用Markdown语法写博客,支持表情包 :laughing: 和\LaTeX等实用功能
  • WPS隐藏登录:隐藏默认的wp_admin的登录URL,减小被有心之人攻破网站的概率

我的网站目前就装了这两个插件,因为网站内容不是特别多嘛,所以网站打开的速度也还挺快的。如果后续我的网站出现了一些奇奇怪怪的问题,我会把我对网站的改进过程记录在当前文章分类下,感兴趣的同志可以持续关注一下。

绑定域名

完成如上操作以后,我们还只能使用临时域名来访问我们的网站,这显然不能达到我们的预期,我们更想要的是把此前购入的域名绑定到云虚拟主机上,但是这一步就没有那么顺畅了。我们需要完成的一项关键操作是备案,即向有关部门知会一声:“我的网站要向社会公众开放啦 :smirk:”。

阿里云网站上有一个专门的帮助我们完成ICP备案的网页:point_right:阿里云备案:point_left:,我们按照提示信息上传资料等待审核就可以了。不过,这个过程可能会有点耗时,整个流程走完估计得要个十天半个月的吧。在等待备案通过的过程中,我们可以持续完善网站,但请千万不要把域名绑定到服务器,没有备案过的域名一定要处于打不开的状态,不然会百分百备案失败,属于非法行医被抓现行的典型了 :joy:。

备案通过以后,我们需要将备案号放到网站的底部,并添加指向工信部域名信息备案系统的超链接。这一步操作在我们所用的OceanWP主题中是非常容易实现的,因为它允许我们自定义页脚。我们可以在网站后台仪表盘的外观 -> 自定义 -> 页脚底部 -> 版权文本框中进行设置,我将模板文字放在下面,老铁们只要将备案号调整为自己的备案号就可以了:

<a href="https://beian.miit.gov.cn" target="_blank">赣ICP备2022007571号-1</a>

工信部ICP备案通过以后,我们还需要去 :point_right: 公安机关互联网站安全管理服务平台 :point_left: 上完成公安机关备案。公安机关备案通过以后,它也要我们把相应的公安机关备案号放在网页的底部,不过它比ICP备案好一点的地方在于,它提供了一个HTML代码的模板,我们简单修一修就可以直接用了。

我把我最后的页脚代码放在下面,仅供大家参考,在使用的时候,请记得把相关信息换成自己的

<div style="width:400px;margin:0 auto;padding:20px 0">
    <a href="https://beian.miit.gov.cn" target="_blank" style="float:left;height:20px;line-height:20px;margin: 0px 25px 0px 5px;color:#939393">赣ICP备2022007571号-1</a>
    <a target="_blank" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=36100202000416" style="text-decoration:none;height:20px;line-height:20px">
        <img src="/wp-content/uploads/2022/08/icp_icon.png" style="float:left" />
        <p style="float:left;height:20px;line-height:20px;margin: 0px 0px 0px 5px;color:#939393">赣公网安备 36100202000416号</p>
    </a>
</div>

完成网站的备案以后,我们就可以去将自己的域名绑定到虚拟云主机上面了,这个可以去虚拟云主机的控制台里面完成。除了绑定域名之外,还可以开启强制HTTPS访问、申请免费的SSL认证等,可以让自己的网站变成https,非常实用。