Bootstrap

从0到1搭建网站

目录

服务器搭建

购买服务器

新用户优惠

学生优惠 

镜像配置

登录宝塔

防火墙

登录宝塔面板 

创建网站 

域名配置

域名申请

新用户首单优惠

​普通申请 

申请免费SSL证书

​部署SSL

网站备案

源码创作

0基础设计

1基础组件设计

结语


服务器搭建

购买服务器

新用户优惠

入门机,轻量服务器,便宜!!!!

注意:域名备案需要绑定剩余时长至少三个月的服务器!!

如果需要实名认证,正常认证即可

a11b763c013846f29f46762462d26874.png

ae21d0f6bb014ba5a7a94ddf7dbfa53b.png

学生优惠 

需要先进行学生认证,提供的服务器不是特别好,优先推荐使用新用户优惠的服务器

c351aaef8a4541efa11c3809fff357fd.png

剩下流程一致,此处不赘述

b08d4164df2a4155b8f559ca33dc4a12.png

镜像配置

因为我已经买过了,就根据以下步骤配置,如果你镜像选错了,也可以根据以下步骤重装

52a4806ecb654395933b4d148b39b4e9.png

fd29c4e3051246bcb44d025a81b02521.png

192f8897ae4646deb38f6c422e341d1f.png

切记选的是宝塔Linux面板,其他镜像对应其他软件,可以自己选择来玩玩

e85299faa9404a6d907bb1046a73589b.png

下面正常输入密码重置即可

1e1495dfadd44c7ca03575d39711e772.png

登录宝塔

点击卡片进入,切记不是点登录!!!

8da30beb6f804a009e4143916b0950de.png

防火墙

cbabfdc2e3af4df381f660448bb354fb.png

放行端口8888,用于宝塔面板登录,为了安全,后续可在宝塔面板修改端口,修改后记得来防火墙配置页面放行相应端口!!!

c5ffe6b2df344bf4b3bf6f0cf3910c91.png

登录宝塔面板 

复制命令,点击登录  

098b7f09a89f4d8a80439e0ec882154f.png 复制账号密码,点击外网的链接进行登录a8817a470de0484eb66fe8717bb43053.png

登录过后,初次进入需要按照一些环境,点击最左边推荐的那个即可,这里安装过了就不演示了,按照默认的来,如果少东西后续也可以自己在软件商店下载f7611b5c9d904ab2b20639f34d20b72c.png 

dd9fec81666e426995fa0ef0b9f91b29.png

创建网站 

域名需要注册后填写,没有域名的话,可以先填写服务器外网IP

一键解析DNS建议勾上

文件路径可以修改,默认为域名

数据库看自己需不需要,一般要选,选完要输入配置的账号密码

然后点击确定

15ca28ea447f483b806e535cb506fa62.png 点击文件路径跳转到网页文件

5d7564b1f0e649dd89a34f55db73acd6.png

域名配置

域名申请

新用户首单优惠

76d3f37b21074cf1859a31052ffa4cf7.png

正常购买即可,我这里买过了,就不演示了 

a647fc772ea5418186e487697278105b.png普通申请 

 5607d47d8e3749d2a2a715445d91fb47.png

e1f471ef145249c2a43acfb20cb0157b.png后缀选择喜欢的即可,com是国际的,cn是中国的 

资金紧张可以不选DNS解析与SSL证书,

DNS用默认免费的即可,SSL证书可以申请90天免费的,每90天申请一次即可,方法见下文

点击立即购买即可

bb00ff211b454482b137d5b52d60cd19.png 时长与是否续费自行选择,点提交订单,然后正常付款即可

2e17944a4ea64f4c8afa54188b5ef446.png

申请免费SSL证书

8bd8b0f2ec8044f79d619d5770dc7143.png

0ef81c61558d4b73a25df399bb427341.png

25259673fe7d4abc9e3052be9c4cf891.png

36e05a2b30ad47ff96c518b4b768987b.png

点击提交申请即可,需要等待审核

08522ede78eb4adc99f6738aacd64c7e.png 部署SSL

06ad39669d5a41088371f9b227d5e45c.png

下载后解压 

cf20af7cb59a46489753c7636eac3d73.png

打开宝塔面板,点击图示按钮

3fb71cde81b64db3a8d66c23ab1fb977.png 23eaa12bb4564713bf52d745754011d1.png

将对应文件用记事本打开,并复制(全选)到宝塔面板上

71c08e99e8b645de8f408bf88082ed1d.png

65c45d5cc84f4f1989809b0b0bf57529.png 刷新一下即可看到成功

a167991574984301b709e7b68732e0cd.png 此时你会发现,使用https://www.xxxx.com可以正常访问,但是如果使用https://xxx.com访问会显示需要备案,因此我们还需要备案

网站备案

7c165bbd13dd40a99050bf2dc4363bd2.png

3825b267920e4c458ee10450b0cda010.png 初次备案单次只能申请一个域名

666c2f503de746e2ae13ddd49c38f04d.png

备案之前他会提示你备案期间关闭网站,此时你要去dns解析页面暂停解析服务,操作如下:

工信部备案结束后即可再次按照上面步骤开启DNS解析 

公安备案 

腾讯云官方文档:ICP 备案 公安备案流程-公安备案与经营性备案-文档中心-腾讯云

文档操作步骤非常详细,这里就不再赘述

源码创作

0基础设计

设计网址:HTMLPAGE - 专业高效的在线HTML构建器|网页模板|网站模板|网页设计|网页开发|HTML生成工具|在线制作网页 - htmlpage.cnhttps://htmlpage.cn/https://htmlpage.cn/

不需要什么前端基础,易上手!!! 

1基础组件设计

作者有话:前端我是跟黑马程序员学的,他有一套完整的web前端开发学习路线(2024版),在前端Web开发HTML5+CSS3+移动web视频教程课程中介绍了一款组件Bootstrap(黑马给的是半中文手册,这里的是全英文的,推荐使用这个手册)

结语

好忙!好忙!!好忙!!!

;