从零开始使用腾讯云服务器搭建个人网站

前言

本文面向零基础的读者,尽最大限度的以“零基础听的懂”的方式且全程图文并茂进行说明,本文将在Windows全程搭建介绍,提供2套网站模板,稍加修改即可使用,助力快速上线个人网站。

服务器选购

如果是首次接触腾讯云的同学,我这里推荐使用腾讯云的轻量应用服务器,因为新用户优惠力度大,一般百元就可以买一年,如果碰到比较大的活动。3年几百元也可以拿下,如果是长期学习并使用的同学,建议趁新用户这个身份,多“嫖”几年便宜的服务器

目前腾讯云轻量应用服务器专场特惠地址:(轻量应用服务器特惠活动轻量应用服务器购买轻量应用服务器选购-腾讯云 (tencent.com))

选择一个自己喜欢的配置,我这里因为已经购买过,无法截图全部的过程,请各位按照官网的指示流程进行购买

建议

新手推荐使用Windows server系统,图形化界面,方便操作

在选购完服务器并开通后,现在我们开始具体的操作

常见问题

在选购好服务器后,我们需要设置必要的用户名和密码。一般Windows用户初始为Administrator,密码为自行设定

如忘记已设定的密码,可至腾讯云首页点击右上角的“控制台”

进入“产品管理”,选择轻量应用服务器。

在服务器界面可以对服务器进行各种操作,如,修改密码,更换系统

请记住服务器的公网IP地址,下方远程连接会使用的到。

Windows搭建

远程连接

当我们已经完成上述动作,那么就可以开始在本地电脑远程连接我们服务器,相信绝大部分同学平时使用的都是Windows系统,那么在Windows系统中自带有远程连接工具,

方式1

点击左下方windows键-Windows附件-远程桌面连接

!

方式2

在左下方搜索处输入远程桌面连接,点击即可

点击打开,输入计算机名,计算机名是什么?计算机名就是我们的服务器的公网IP地址,

点击连接,输入设定用户名和密码,确认后,会有弹窗,点击“连接”即可,如遇“无法验证远程计算机身份”,选择“是”即可

配置环境

安装IIS

选择服务器管理器

点击打开服务器管理器

选择仪表盘-添加角色和功能

依次按照以下图片指示安装

点击下一步

重点:不要忘记勾选Web服务器IIS,Web服务器IIS里面“全部勾选”

点击安装-等待一会,开始安装

打开IIS管理器 ,按如下操作

上线网站

将鼠标点击“网站”,然后鼠标右键-添加网站

填写网站信息

网站名称:可以填写一天你喜欢的名称,必须为英文

物理路径:是网站的资料存放的地方,你只需要在C盘或者其他地方创建一个文件夹即可,然后选中即可

IP地址处,可以下拉,选择一个IP地址。一般为你的公网IP地址。

注意

端口号我们需要更改,我们这里填写端口号为81

为什么需要更改?

根据我国法律法律,网站未经备案,80端口不开放,为了可以正常访问,我们填写81端口,后续备案成功后,可以正常修改至80端口,

完成后,打开你所创建的网站文件夹

找到下载的网站,我给大家提供了2个网站模板,可以进行快速开发,

下载地址:链接:https://share.weiyun.com/0gLFZi8N 密码:ggt9e7

重点

随便选择一个,我们将其解压,然后复制内容到创建的网站文件夹,此时你会看到有以下文件,我们挨个进行说明

目前我们只需要了解,主要的三个文件即可

index:网站的默认打开文件,比如有人访问我们的网站,网站会默认打开打开这个页面,向其展示,所以我们要修改的也就是这个index.html文件

images,img是网站存放图片的地方

现在我们在网站上输入你的本地之前绑定的IP地址和端口,我们进行访问,出现网站界面,代表网站创建成功

我的IP设定的是192.168.1.200,端口号是81,所以在浏览器处输入192.168.1.200:81回车即可访问

修改网站文字

在网站文件夹下找到index.html,我们使用记事本打开这个文件,比如你要修改“前端工程师”为“后端工程师”,在打开的文件夹中可以看到前端工程师字样,找到修改即可,然后保存

保存后,刷新网站,出现如下画面,则修改成功

以上在浏览网页的过程中,如果想修改文字,按照上述的操作即可,非常简单

修改图片

接下来,我们修改图片

注意:图片的修改可能会影响界面的效果,

我们用鼠标点击要修改的图片,然后鼠标右键,点击检查,在右边会出现图片的地址

src="./images/page-3/tv8.png"可以看到图片位于网站目录下的images/page-3文件夹下的tv8.png文件。

我们找到这个文件,将我们需要的图片使用相同的文件名称进行替换即可

也可以使用记事本打开index.html修改源代码,我们先将自己的图片放置在/images/page-3/文件夹下,找到src="./images/page-3/tv8.png",源代码,修改tv8.png"为我们自己的图片的文件名称和后缀名,保存,图片修改完成

以上就是整个网站基于模板的修改和上线的操作

按照自己的想法修改完成后,即可

至此,网站上线成功,

谢谢大家

扩展

域名

想要别人访问我们的网站,使用IP地址加端口号的方式有点LOW了,我们可以注册一个域名,可以理解为使用一串具有抽象意义的字母来访问我们的网站,比如腾讯云的完整域名cloud.tencent.com,

我们需要进行注册。请按照一下腾讯云网站指引进行注册,注册需要按年收费。

腾讯云域名注册网址:https://dnspod.cloud.tencent.com/

备案

在域名注册后,还不可使用,根据我法律法规还需要备案,备案完成后,80端口和443端口才会开放使用,

腾讯云备案指引:https://cloud.tencent.com/product/ba

学海无涯

学海无涯,以上只是一些简单的修改,如果想要进一步加深自己的技术,推荐使用腾讯云官方的学习中心,学习更多前端知识

腾讯云官方的学习中心前端视频知识:https://cloud.tencent.com/developer/learning/graph/8

我正在参与2023腾讯技术创作特训营第二期有奖征文,瓜分万元奖池和键盘手表