如何从0快速上线一个网站---详细

上线一个网站


首先有个HTML文件

  1. 首先通过编辑器,我使用的是vscode
    编写一个简单的HTML 文件
DOCTYPE html>

<html>
<head>
    
    <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
    <title>网页名称title>
    <style>
        body {
            text-align: center;
            padding : 50px;
        }
    style>
head>
<body>
    
    <p>求赞!求关注!p>
    
    <img src="photo.jpg" width="500" height="500">
body> 
html>
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />

设置编码为utf-8,这样网页在上线之后不会出现乱码


编写完之后,保存在一个新建的文件夹里,这个文件夹里面要有你代码中的图片
如何从0快速上线一个网站---详细_第1张图片
准备好之后,用浏览器打开保存的文件,查看效果
如何从0快速上线一个网站---详细_第2张图片
好了,效果和代码显示的一模一样


购买一个服务器

要想上线一个属于自己的网站,需要购买一个服务器
如果大家是学生的话,会有优惠
我买的是一个腾讯云,一个2核2G的服务器,一年40块钱
腾讯云 阿里云
进入网站之后,点击最新活动,里面即可看到有学生优惠的服务器


购买成功之后,点击“登录”,通过微信二维码进行注册登录
需要认证的话,选择“个人”,一系列操作之后进入以下的界面
如何从0快速上线一个网站---详细_第3张图片
进去之后,点击重置密码,设置一个自己记得的密码


宝塔

宝塔
如何从0快速上线一个网站---详细_第4张图片
点击“立即免费安装”—找到“Linux面板7.9.0在线安装”
如何从0快速上线一个网站---详细_第5张图片

  1. 服务器ip为服务器的公网ip
    涂色区域就是服务器的ip
    在这里插入图片描述
    端口默认22
  2. 密码是你服务器重置之后的密码
  3. 点击确认,系统自动安装。待安装完毕之后,记得保存好宝塔的网址、账号和密码
  4. 复制网站,在浏览器上打开,输入刚刚保存的账号密码。可能有一部分同学没有打开宝塔界面,是因为服务器默认将8888端口关闭了,所以我们需要去服务器上去自定义,打开8888端口
    如何从0快速上线一个网站---详细_第6张图片
    这里我已经设置好了
    没设置,点开“防火墙”—添加规则—选择自定义,端口号为8888—策略为允许—点击确定即可
    重新输入宝塔网址,此时就可以看见了
    如何从0快速上线一个网站---详细_第7张图片
    接下来
    点击“网站”—点击根目录—删除掉除了user外的所有文件—点击“上传”—选择我们保存在文件夹的HTML文件和图片,并上传

接下来就是见证奇迹的时刻

复制自己服务器的ip,随便找一个浏览器
粘贴打开,就能访问到自己的网站了!

你可能感兴趣的:(vscode,前端,html5,css)