前台工程师零基础个人网站搭建

作者 : 开心源码 本文共4104个字,预计阅读时间需要11分钟 发布时间: 2022-05-13 共129人阅读

大家好,我是一名前台工程师,我想大多前台工程师都渴望自己独立搭建一个个人网站,不论是出于更多的学习提升自己的核心竞争力,还是想要展现自己建一个个人博客,亦或者者是纯粹出于好奇想建站一条龙跑通,反正,就是要自己独立搭建一个网站跑通。你可以说没有以上的想法,反正我有,所以,我就尝试了,最后输入我的网址,成功展现了“hello world”。啊…哈哈哈……

打算写这篇文章是希望能给想要尝试自己建站却迷茫在前台的同学一点方向,可能就有人说了,网上随意搜零基础建站一大堆,不需要我在这边写,我回想我这建站之路,觉得还是很有必要,相信一定会有一部分人会由于我的这篇文章而受益。

我在建站之初就查过很多资料,网上的资料很多很杂,有各种起因:比方太多不好分辨,有些时间比较久远,也有很多原本是基础点却各行如隔山一脸懵,等等,所以实际操作起来比较费劲。我这里就从最初的申请域名开始,到最后输入网址出现“hello world”,整个流程串联起来,希望起到抛砖引玉的作用。

我希望您是一个有前台开发基础的人,当然,我尽量将用到的技术点都提出来,希望能给没有基础的人一个思考方向。

我这边域名、服务器等用的是阿里云,不用这个平台的小伙伴儿与自己的平台自行比照哈,有问题,也可以给我评论留言,一起讨论。假如不知道选哪个平台申请,可以和我一样,注册一个阿里云账号,再跟着我做。

建站之路由域名开始

此节有注册域名实名认证备案域名这几个流程。

注册域名

输入想要的域名,未被占用就可注册。具体操作,请参见注册通用域名。
域名后缀通常为.com或者.cn,更多后缀请参见域名区别。

实名认证

具体流程,请参见域名实名认证概述。

备案域名

说明 使用中国大陆境内服务器托管您的网站时,需要进行备案。否则不需要备案。
为节约备案时间和顺利通过备案,建议您提前理解并做好备案前的准备工作:

  1. 准备备案

各省管局要求资料有所不同,请根据各地区管局备案规则准备资料。更多介绍,请参见ICP备案前准备概述。

  1. 备案

假如按步骤来的话,没有备案过,所以参见:初次备案。
假如您是其余备案场景,请参见ICP备案快速入门。

购买服务器

先前往实例创立页,对于运维来说,这节比较简单,但是作为运维小白,购买服务器的时候,要注意根据自己的实际情况购买,强烈多查下阿里云的文档:使用向导创立实例,很详细!同时多看看提醒、注意事项等。下面是我这个运维小白看了文档后总结的步骤,假如你是小白也可以这样做,假如有运维人员发现我的形容这些有问题的话,也请多多指教哈。

付费模式

比方你只是想学学试一下,就选择“按量付费”(注意按量付费的话,要先充值,记得充100-200都可以),但你希望长期维护就选择“包年包月”。

地域及可用区

这个要注意,总的来说,查看的网站的人在哪里多,就选哪里,假如你自己的博客,也可以选择自己所在地,反正全国范围内用的话,都差不了多少。更多的参见:教我选择地域

实例

作为玩玩的网站,就按最小的选即可以了。

镜像

不知道怎样选,建议选择 CentOS 7.4 64位。注意,假如你是 windows 的电脑,也不要想当然的选择 Windows Server 系统,这里是你的服务器镜像,可以简单的了解为这是一台新电脑的配置,和你本地使用的电脑系统无关。

存储

这个看你存储东西决定,你可以想象成你新买一个电脑,这里的存储可以看成电脑的内存。系统盘是必需选的,可以看成 windows 系统的 C 盘。至于数据盘和 NAS 存储,不理解也可以先不选。对于玩玩的小伙伴儿,可以直接就操作系统盘打通流程,至于其余数据盘什么的,可以后面深入理解了再扩展。

服务器购买-基础配置1
服务器购买-基础配置2

网络

这个有“经典网络”和“专有网络”的区别,现在新开的账号,都只有“专有网络”这个选项,就直接选这个即可以了,想知道更多它们可以自行查阅资料。

公网 IP

默认勾选“分配公网IPv4地址”就可

带宽计费模式

做测试用的话,就选“按使用流量”就可

带宽峰值

可以看情况选择,一般的玩玩,默认 5M 就可

安全组

想要理解详细内容,可以查看:教我选择>。安全组可以根据提醒,新建一个安全组:新建安全组>,这里进去后,新建时,需要创立专有网络,根据提醒填写,一般默认即可以。

剩余的弹性网卡和 IPv6 作为小白来说,暂时用不到,可以打通流程后再进行知识补充。

服务器购买-网络和安全组

登陆密码

这个看你心情,可以登陆后再设置,可以“自己设置密码”也可以用“密钥对”,根据文档提醒操作就可

之后

再之后的操作可以看你情况设置,问题不大,确认好后即点击购买就可。具体详细操作,记得看文档哦~

解析域名

域名解析后,外部客户才可通过域名访问网站。比方输入 baidu.com 即可以访问百度网站。
主要操作,看阿里云的这个文档即可以了:设置域名解析快速入门

部署网站

部署网站这里涉及到服务器部署,对于前台来可能比较陌生,可能对后台来说比较容易些,但是,这个也不是很难,阿里云给了部署的方式:自助建站方式汇总,可以选择适合自己的方式进行部署。我是前台人员,最熟习的语言是 javascript ,所以,我选择用 node.js 部署,阿里云文档里也有对应的操作文档:node.js部署

这样,你的第一个网页就出来啦~~~

其余踩坑

作为小白,踩过的坑真的不少,像不会后台怎样办?学 node.js 。不会 Linux 系统操作怎样办?查 Linux 常用操作。反正就是各种找文档,找学习资料。这里就略微提下比较基础的坑,希望对其余小白有帮助。

连接 ECS 实例

连接 ECS 实例有多种方法:

  1. pc 端直接连接
    录ECS管理控制台,直接点击,实例列表页中的“远程连接”,输入设置的客户名和密码即可以,客户名默认都是 root,密码就是你设置的密码。
    对应帮助文档:[连接 ECS 实例]。(https://help.aliyun.com/document_detail/25425.html?spm=5176.11065259.1996646101.searchclickresult.350a43e5PEQE75&aly_as=j9EEdjov)

  2. 使用客户名密码验证连接Linux实例

  3. 秘钥对连接实例
    建议阅读文档:SSH密钥对概述 及之后的文档,将“SSH密钥对”节读完。

注意,绑定了密钥对之后,上面两种连接方式都不可以用了。

  1. 假如你尝试了Linux 操作系统加固中的禁止root客户直接登录,而后就登陆不上去了。只能尝试用 VNC 的方式了:
    实例列表页,点击远程连接的下拉菜单,选择 VNC ,而后根据提醒操作就可。
    VNC 连接实例

想知道更详细的内容,可查看文档。

Linux格式化数据盘

Linux格式化数据盘文档中有写,格式化数据盘,需要挂载,随实例一起购买的数据盘,无需挂载。而且,云服务器ECS仅支持数据盘分区操作,不支持系统盘分区操作。我前面就没注意到,系统盘,就是随实例一起购买的数据盘,我只有这个盘,看文档的时候就跟着操作,进行分区,分了很屡次,用 fdisk -lu /dev/vda1 查看分区成功的,但是,运行命令 mkfs.ext4 /dev/vda1p1 在新分区上创立一个文件系统就一直报错:The device apparently does not exist; did you specify it correctly? 找不到文件系统。最后找了很久才发现犯了低级错误,在系统盘分区。

安全组设置

因为我不是计算机科班出身,不是很理解 ip 地址,在安全组里创立规则的时候,对于受权对象一栏,一脸懵逼,于是查找了下 IP 地址相关知识。

注意,受权对象这里填的 ip 地址不是内外 ip ,而是外网 ip

有一点基础的人都知道,控制台输入 ifconfig 打印出的地址,与电脑中图形化界面上显示的 ip 地址一样,但是,这个地址是内网地址,并不是外网地址。
我在这里做测试的时候就将内网 ip 设置上,而后一直没有预期效果。
外网地址,可以打开百度,直接搜索 ip 即可看到你的外网地址。

IPv4段地址

对于 ip 地址也是恶补了下,不理解的小伙伴儿可以参考这个地址:CIDR的IP地址的表示与划分方法,对于这个实例,我也做了个笔记,供大家参考:

主机ID全为0和主机ID全为1的为非法IP地址
网络ID相同的就属于同一网段

C类:C类IP地址:
3字节的网络地址(最高位必需是110)+1字节的主机地

ip类型网络地址(ID)主机地址(ID)运算
192.0.0.0C192.0.0.0192 – 11000000

CIDR:无类域间路由
IP地址/网络ID的位数 0.0.0.0/0
子掩码:子网掩码的二进制格式中的网络位全为1。这样二进制格式的子网掩码和二进制的IP地址进行“与”运算,可以得出该IP地址的网络位。
CIDR技术用子网掩码中连续的1部份表示网络ID,连续的0部份表示主机ID。
例如:192.168.23.35/21,计算子网的网络ID、子网掩码、起止IP地址
子网掩码:255.255.248.0

## 网格ID的位数为21   |--网络ID位-----------|   11111111 11111111 11111-000 00000000

网络ID:192.168.16.0

## 192.168.23.0 和 255.255.248.0(子掩码)按位与运算## 按位与 两位同时为“1”,结果才为“1”,否则为0   11000000 10101000 00010111 00000000&  11111111 11111111 11111000 00000000   11000000 10101000 00010000 00000000

起始IP地址:192.168.16.1

## 192.168.16.0是本网端中的第一个IP,可是他已经表示网络ID了,所以,起始IP为192.168.16.1

结束IP地址:192.168.23.254

## 网络位接最大主机位## |--网络位-------------| |--主机位--|   11000000 10101000 00010-111 11111110

写在最后

因为我使用的是阿里云平台,文章中很多节选自阿里云,想理解更多的小伙伴儿请多查看阿里云文档。

我是事后回忆写的文章,所以,可能有遗漏的地方,假如读到发现有问题,请给我评论或者留言,我会持续改进此文。

说明
1. 本站所有资源来源于用户上传和网络,如有侵权请邮件联系站长!
2. 分享目的仅供大家学习和交流,您必须在下载后24小时内删除!
3. 不得使用于非法商业用途,不得违反国家法律。否则后果自负!
4. 本站提供的源码、模板、插件等等其他资源,都不包含技术服务请大家谅解!
5. 如有链接无法下载、失效或广告,请联系管理员处理!
6. 本站资源售价只是摆设,本站源码仅提供给会员学习使用!
7. 如遇到加密压缩包,请使用360解压,如遇到无法解压的请联系管理员
开心源码网 » 前台工程师零基础个人网站搭建

发表回复