首页天道酬勤小白看看个人,小白兔种白菜看图写话小学二年级

小白看看个人,小白兔种白菜看图写话小学二年级

admin 05-13 13:50 159次浏览

对于c、JAVA等编程语言复杂而困难的学习,HTML/CSS/JS可以说是刚接触计算机的同学最友好的编程语言。 特别是由于主要的浏览器支持HTML5/CSS3,即使是初学者只要想办法也可以轻松地制作有趣的页面。 但是,在我们创造了漂亮的页面之后,不是急于和别人分享我们的成功吗? 让家人和朋友只需输入地址就能访问我们写的HTML页面,不是有很大的成就感吗?

今天,让博主在网上发布自己写的HTML网页,手把手地教你如何制作自己人生中第一个网站吧。 今天的教程都是通过命令方式进行的,涉及服务器的选择安装环境上传网页等多个过程,包括使用的命令和软件

既然想在互联网上发布服务器选择和购买网站,就需要互联网的IP。 但不幸的是,大多数同学使用的宽带没有互联网IP,所以第一步就需要购买云服务。

对于比较经济困难的学生来说,购买服务需要参考的因素主要是价格。 除了价格优惠外,还必须考虑带宽和配置。 其中,带宽是初学者容易忽略的问题,但也是非常重要的问题。 博主当时在带宽这个部分绊了一个大跟头。 具体说明带宽的重要性。

目前主流的入门级服务器是1Mbps固定带宽1Mbps固定带宽是什么概念? 和家庭宽带一样,除以8和更高版本是我们平时理解的下载速度。 也就是说,1Mbps的带宽对应于约120kb每秒。 那么,120kb每秒是什么概念? 现在的手机自由拍照是5M起步,120kb秒的下载速度需要40秒才能完成下载。 同学们平时上网的时候,能容忍一个页面不加载40秒吗?

另外,还有标榜20M到50M带宽的廉价服务,此时请拭目以待,确认共享带宽或固定带宽。 如果您共享带宽,您将与许多其他用户一起使用此20M带宽。 此带宽的下载速度非常不稳定,低于1米的固定带宽。 博主非常不推荐购买这项服务。

那么,有既便宜又能看到配置和频带的过去的云服务吗? 有答案。 那是腾讯云轻型服务器,对于新用户,只需要99元一年,297元三年。 同学们可以点击这个链接查看。

从上图中可以看到,13:00时可购买的轻型云配置为1CPU、2G内存和6M带宽配置。 这里的6M带宽是独占的固定带宽,下载速度约为800k每秒,加载一张5M图像只需要6秒钟。 考虑到在发布网页之前通常要压缩图像,实际上加载速度会更快。

购买服务器时,请注意地区选择。 目前活动价格提供的可选区域有广州、上海、北京、成都4个地区,选择离自己最近的地区即可。 请注意,镜像选择名为Ubuntu 20.04的镜像。 博主个人认为,对于学生的学习来说,最好不要使用宝塔面板这样的建立工具。 摸索Linux系统的使用方法,学好Linux系统,对自己将来会有帮助吧。 另外,这个后视镜后面可以更换。

另外,现在根据工信部的要求,使用国内服务器构建网站需要域名备案,根据各地通信局的情况,备案时间可能需要从15日开始一个月。 这意味着,如果你想用域名访问我们的网站,你可以如实备案,或者购买海外节点的服务器,比如24元一个月的香港节点。 但是,博主强烈推荐购买国内服务器并进行备案。 这是因为不能保证海外节点服务器在国内访问的速度。 当然,只要我们通过IP访问我们的网站,就可以不申请域名。

购买感兴趣的服务器后,下一步是在服务器上安装可以运行我们站点的软件。

安装环境首先进入轻型云控制台,找不到的同学可以直接点击此链接进入。 忽略下图中的小箭头,单击购买的服务器,进入此服务器的详细信息页面,选择“重置密码”,服务器将自动重新启动并应用新密码。 这些步骤比较简单,由于篇幅的限制,不再一步一步地截图。 我相信聪明的同学一看就知道。 那个密码一定要保存好,以后再用。 重置密码后,单击下面的登录按钮,会显示黑色窗口。 这个黑色的窗口我们通常被称为终端。 终端连接到服务器后,我们为终端输入的命令即在服务器上运行。

注意上面的IP,我打了代码。 同学们也不要在博客、论坛等公开场所轻易泄露自己的公共IP

现在可以安装所需的软件了。 今天安装的软件是Nginx。 什么是Nginx? 简而言之,Nginx是一款轻量级的Web服务器、反向代理服务器,内存消耗少,启动非常快,并发性高,在互联网项目中得到了广泛的应用。 今天不使用反向代理功能,只作为Web服务使用。 如果同学们想在背后从事网站开发,和Nginx打交道是必不可少的。

我们使用apt命令安装Nginx。 apt为Debian系Linux(Ubuntu为Debian系Linux系)

统)上的一个高级软件包管理工具,使用apt来安装、更新、卸载软件十分的简单。下面一行命令,就可以轻松的安装Nginx了。

sudo apt install -y nginx

如果我们想要卸载nginx的话,可以使用 sudo apt remove -y nginx来进行卸载。

在终端中输入上面的命令,然后按下回车键,系统就开始安装Nginx了。等命令运行完毕以后,Nginx就安装好了

如果我们想知道nginx安装到了什么地方,可以输入下面的命令来查看

whereis nginx

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-jnHk6F5a-1628393155726)(https://res.lixf.cc/file/2/2021/8/7/9269-nginx.png)]

安装好nginx以后,就可以启动nginx了,启动命令是

sudo systemctl start nginx

启动成功后,用浏览器访问我们的IP,就可以看到Nginx欢迎的页面。这代表Nginx已经安装并成功启动好了。

由于我们并没有上传自己的网站,因此此时打开的是nginx默认的页面。这个页面默认是在服务器的/var/www/html目录下的,我们可以使用cd命令切换到对应目录下,然后用ls命令列出当前目录下的文件,最后用cat命令来查看网页的内容。

cd /var/www/htmllscat index.nginx-debian.html <!DOCTYPE html><html><head><title>Welcome to nginx!</title><style> body { width: 35em; margin: 0 auto; font-family: Tahoma, Verdana, Arial, sans-serif; }</style></head><body><h1>Welcome to nginx!</h1><p>If you see this page, the nginx web server is successfully installed andworking. Further configuration is required.</p><p>For online documentation and support please refer to<a rel="external nofollow" href="http://nginx.org/">nginx.org</a>.<br/>Commercial support is available at<a rel="external nofollow" rel="external nofollow" href="http://nginx.com/">nginx.com</a>.</p><p><em>Thank you for using nginx.</em></p></body></html>

相信上面的文件内容,同学们都能看明白,这是一个很简单的网页内容了。我们要做的,就是把这个文件替换成我们自己的写的页面了。

上传网页

首先,我写了一个很简单的网页,如下图。这个网页显示了当前的时间,而且每秒刷新一次。 如果同学们还没有准备好自己的网页,可以拿我这个来进行测试。点击附件:时钟网页下载网页源码

这个源码的文件结构如下所示

里面包含了多个文件夹以及一个index.html文件,我们需要将这些文件上传到服务器的/var/www/html目录下。还记得前面重置的密码吗?这时候就需要用到这个密码了。首先如下图所示打开在自己的电脑上打开命令提示符窗口(注意是在自己的电脑打开,不是上面那个网页上的那个黑窗口了)。注意:上图中,我把代码放在了【我的网页】这个中文目录下,这样会导致后面上传失败,请把这个中文文件夹改成英文文件夹

然后我们又看到了一个熟悉又陌生的黑窗口,这个黑窗口就是命令提示符窗口,在这个窗口中输入下面命令

scp -r * ubuntu@100.101.102.103:/home/ubuntu# scp是向另外一台服务器发送文件的命令,-r代表是发送文件夹,*代表发送当前目录的所有文件,# ununtu@100.101.102.103:/home/ubuntu代表发送到100.101.102.103的/home/ubuntu目录下,用户名为ubuntu# 注意这里把100.101.102.103换成自己服务器的IP

按下回车后,因为是第一次链接这台服务器,命令提示符窗口会先询问这台远程主机没有连接过,是不是要进行连接?输入yes,然后就会让我们输入密码,这时候输入前面重置密码时候的密码,如果密码输入正确,文件就会被上传到服务器上。

文件上传成功以后,我们需要回到网页上的终端上,在终端上输入下面命令,列出/home/ubuntu目录下的所有文件

sudo ls /home/ubuntu/

然后把这些文件移动到/var/www/html目录下。从上图中可以看到我们当前使用的lighthouse用户(@前面的lighthouse代表当前登录的用户),这个用户操作权限不高,因此为了方便,后面暂时切换到root用户来进行后面的操作。

sudo su# su是切换用户的意思,例如 su lighthouse代表切换到lighthouse用户,如果后面不跟用户名的话,代表切换到root用户

切换成功后,用下面的命令把/home/ubuntu下的文件移动到/var/www/html目录下,由于此时我们已经是root用户了,不需要在命令的前面加sudo

mv /home/ubuntu/* /var/www/html

执行完毕后,再次在浏览器上输入我们的IP,然后看到的就是我们自己写的网页了。

如果打开网页有乱码的话,需要在html文件的<head></head>之间加上<meta http-equiv="content-type" content="text/html; charset=utf-8">

到这里为止,我们的网页算是正式在公网上发布了,此时,我们可以把IP地址发给我们朋友或者家人,让他们一起来分享我们的喜悦吧。

总结

这篇博客中,讲了怎么选择购买一个性价比高的服务器,然后又讲了怎么在linux上下载安装Nginx,怎么把本地的文件上传到服务器上,以及一些简单基础的命令。并且通过这些知识,我们成功的把自己写的静态页面发布到了互联网上。然而,学习的道路是没有尽头的,本文所讲的也是非常简单的一部分,如果通过本文的学习能够培养大家对编程和linux的兴趣,那么本文也就达到了目的。最后祝愿所有看到本文的同学将来都能成为能够独当一面的专一的西装。

快三大小单双位技巧准确率99at<a rel="external nofollow" rel="external nofollow" href="http://nginx.com/">nginx.com</a>.</p><p><em>Thank you for using nginx.</em></p></body></html>

相信上面的文件内容,同学们都能看明白,这是一个很简单的网页内容了。我们要做的,就是把这个文件替换成我们自己的写的页面了。

上传网页

首先,我写了一个很简单的网页,如下图。这个网页显示了当前的时间,而且每秒刷新一次。 如果同学们还没有准备好自己的网页,可以拿我这个来进行测试。点击附件:时钟网页下载网页源码

这个源码的文件结构如下所示

里面包含了多个文件夹以及一个index.html文件,我们需要将这些文件上传到服务器的/var/www/html目录下。还记得前面重置的密码吗?这时候就需要用到这个密码了。首先如下图所示打开在自己的电脑上打开命令提示符窗口(注意是在自己的电脑打开,不是上面那个网页上的那个黑窗口了)。注意:上图中,我把代码放在了【我的网页】这个中文目录下,这样会导致后面上传失败,请把这个中文文件夹改成英文文件夹

然后我们又看到了一个熟悉又陌生的黑窗口,这个黑窗口就是命令提示符窗口,在这个窗口中输入下面命令

scp -r * ubuntu@100.101.102.103:/home/ubuntu# scp是向另外一台服务器发送文件的命令,-r代表是发送文件夹,*代表发送当前目录的所有文件,# ununtu@100.101.102.103:/home/ubuntu代表发送到100.101.102.103的/home/ubuntu目录下,用户名为ubuntu# 注意这里把100.101.102.103换成自己服务器的IP

按下回车后,因为是第一次链接这台服务器,命令提示符窗口会先询问这台远程主机没有连接过,是不是要进行连接?输入yes,然后就会让我们输入密码,这时候输入前面重置密码时候的密码,如果密码输入正确,文件就会被上传到服务器上。

文件上传成功以后,我们需要回到网页上的终端上,在终端上输入下面命令,列出/home/ubuntu目录下的所有文件

sudo ls /home/ubuntu/

然后把这些文件移动到/var/www/html目录下。从上图中可以看到我们当前使用的lighthouse用户(@前面的lighthouse代表当前登录的用户),这个用户操作权限不高,因此为了方便,后面暂时切换到root用户来进行后面的操作。

sudo su# su是切换用户的意思,例如 su lighthouse代表切换到lighthouse用户,如果后面不跟用户名的话,代表切换到root用户

切换成功后,用下面的命令把/home/ubuntu下的文件移动到/var/www/html目录下,由于此时我们已经是root用户了,不需要在命令的前面加sudo

mv /home/ubuntu/* /var/www/html

执行完毕后,再次在浏览器上输入我们的IP,然后看到的就是我们自己写的网页了。

如果打开网页有乱码的话,需要在html文件的<head></head>之间加上<meta http-equiv="content-type" content="text/html; charset=utf-8">

到这里为止,我们的网页算是正式在公网上发布了,此时,我们可以把IP地址发给我们朋友或者家人,让他们一起来分享我们的喜悦吧。

总结

这篇博客中,讲了怎么选择购买一个性价比高的服务器,然后又讲了怎么在linux上下载安装Nginx,怎么把本地的文件上传到服务器上,以及一些简单基础的命令。并且通过这些知识,我们成功的把自己写的静态页面发布到了互联网上。然而,学习的道路是没有尽头的,本文所讲的也是非常简单的一部分,如果通过本文的学习能够培养大家对编程和linux的兴趣,那么本文也就达到了目的。最后祝愿所有看到本文的同学将来都能成为能够独当一面的专一的西装。

tiktok培训中的那些坑!请求数监控和命中率监控使用Jacob实现将Word文件转换为Pdf文件html5中不允许写结束符的标签是什么winform模拟鼠标按键的具体实现
php新闻发布系统源码,java新闻发布系统源码 xsmax,腾讯地图8.5.0版
相关内容