CentOS 简便方法新手搭建一个网站

news/2024/5/11 0:14:53/文章来源:https://blog.csdn.net/Gu_fCSDN/article/details/104343628

该文章写给从来没有搭建过网站的小伙伴们的,大佬们就不要浪费时间看下去了。

只搭建nginx,不搭建后端、数据库等相关服务,目的是让小伙伴能在刚刚学习完Html、css、js之后能够更直观的访问到自己的网页。

如何快速的搭建一个网站呢?

如何快速的访问到自己写的html呢?

刚刚学习完html+css怎么才能让别人访问自己的网站呢?

如果你有这困惑,请继续往下看

搭建过程

准备号centos服务器一台(好多学生机很便宜,配置做网站也足够了),还有很多搞活动送服务器。

因为我小伙伴问我怎么搭建,所以突发奇想正好顺便写一篇文章送给大家参考,他的服务器是腾讯云的,我也就以腾讯云为例子了

首先记录下来自己服务器的ip地址、账号(一般是root)、密码,见下图红框内容

记录好后然后下载服务器管理软件,我这里推荐xshell和xftp,因为有免费版本可以用,如果你了解过其他的,也可以用其他的

长这个样子

这个是软件的中文网https://www.netsarang.com/zh/

填写个邮箱就可以下载

2个都安装好之后我们打开xshell

然后右键空白区域选择 新建>会话

然后名称就是你服务器的名,可以随便写,比如腾讯centos,协议选ssh,主机填让你记下的IP地址(公)(不是你自己电脑的ip哈,是服务器的),端口选择22号,说明不用填,其他默认即可

然后点击用户身份验证

方法选择Password

然后下面填写上让你记下的用户名和密码(默认用户名一般是root)

然后点击确定

然后左边会多出来你的服务器,双击即可连接

出现下图既是连接成功

然后我们执行更新软件包的命令

yum -y upgrade

出现下图即完成更新

然后再执行安装nginx命令

yum -y install nginx

出现下图即完成安装

然后执行下面命令进入网站根目录

cd /usr/share/nginx/html

然后点击xshell软件上方的绿色按钮

即打开了xftp软件,并且处于/usr/share/nginx/html目录下

默认文件如下图

然后我们可以利用鼠标右键删除这个目录下原有的文件

然后我们将自己写的网页上传到这里即可,可以进行拖动上传

上传成功如下图

然后我们启动nginx,执行下面命令进行启动

/usr/sbin/nginx

若没有任何提示则是启动成功

如果出现下图则是端口已占用,多数情况是已经启动好了(有的会自动启动),不用管

然后我们在浏览器访问我们写的html+css的网站即可,通过ip访问

如果想通过域名访问需要在服务器管理界面添加域名解析,并且域名需要备案之后才能正常使用

在我的域名里面选择解析,然后解析到对应你的ip即可

然后就可以愉快的访问自己的网站了

后期需要更新内容,也是在这个html目录下重新上传或者覆盖你的文件即可。

 

 

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.luyixian.cn/news_show_855232.aspx

如若内容造成侵权/违法违规/事实不符,请联系dt猫网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

docnet 开发需要知道的网站!()

当前全球有数百万的开发人员在使用微软的.NET 技术。如果你是其中之一,或者想要成为其中之一的话,我下面将要列出的每一个站点都应该是你的最爱,都应该收藏到书签中去。 对于不熟悉.NET技术的朋友,需要说明一下,.NET…

vs2010发布网站

发布网站步骤: 1、新建网站: 打开IIS,右击网站——>添加网站 填写网站名称(随便写)和应用程序池名称 物理路径选择你要存放发布网站的位置(最好自己新建一个空的文件夹) 点击身份验证下的链…

chrome 打开csdn网站显示有问题

换一个浏览器就不会 这是为啥

详解微软网站三剑客之Graphic Designer

Adobe合并Macromedia后,就不断传来微软开发图形图像和动画软件的消息。不过信息少的可怜,特别是号称Flash杀手的“Sparkle”,除了一条简短的新闻就没别的了。所谓厚积薄发,没想到微软这次一出手就是三款设计软件,看来是…

Ubuntu 12.04下搭建Web网站服务器 (MySQL+PHP+Apache环境)教程

Ubuntu 12.04下搭建Web网站服务器 (MySQLPHPApache环境)教程 作者:木瓜 发布:2012-04-28 22:06 分类:网络 阅读:1832次 10条评论 分享到:QQ空间新浪微博腾讯微博人人网更多10前言 看了…

在网站上添加百度搜索

我们自己开发的个人网站有时需要将百度搜索加上&#xff0c;怎么加呢&#xff1f; 其实很简单&#xff0c;将如下代码加到自己需要的网页上即可&#xff1a; 当然有技术的朋友可以到hao123上参考&#xff0c;将hao123上的百度搜索条拿来自己用。 <form data-hook"sear…

demo4 表格隔行变色效果 onmouseout onmouseover

let trs document.querySelector(tbody).querySelectorAll(tr)for(let i0;i<trs.length;i){// 鼠标经过事件trs[i].onmouseover function(){this.className bg}// 鼠标离开事件trs[i].onmouseout function(){this.className }}

大学四年,靠着这些学习网站,我从挂科学渣变成了别人眼中的大神

原文链接&#xff1a; https://blog.csdn.net/JAck_chen0309/article/details/104780288 前记 毕业合影时&#xff0c;导员笑着对我说“你可是我们系里的风云人物”。我也笑了&#xff0c;思绪却回到了四年前。 还记得四年前&#xff0c;我从小县城里走出&#xff0c;来到学校…

docker-compose 配置 nginx + node + mysql 网站环境

本文需要熟悉 Docker、Node、Nginx 的基础知识&#xff0c;如果不熟悉的同学需要查看文档了解学习后阅读。 Docker - 从入门到实践Node.js v10.15.3 文档Nginx 入门指南 这里开始正文 准备测试代码 初始化一个项目目录&#xff0c;并配置基础的测试代码 简单的一些代码下面不…

为你的网站配置一个小巧的框架( CodeIgniter)

现在的web开发确实已经到了无框架卜欢乐的状态&#xff0c;无论是前端&#xff1a;JavaScript&#xff08;vue.js\react.js\angular.js框架和jQuery库&#xff09;&#xff0c;CSS&#xff08;bootstrap&#xff09;&#xff0c;还是后端&#xff1a;PHP&#xff08;CI/thinkPH…

使用postman测试需要登陆认证网站的api

postman作为一款web开发中必备的神器&#xff0c;有很多只是需要我们去学习 如果想要使用postman测试需要登陆认证网站的api&#xff0c;只需开启一个按钮&#xff1a; 然后在头部添加cookie以及X-CSRFToken&#xff08;因为项目是django&#xff09;

用户点击与网站目标 - 基于Google Analytics的应用

转载出处: http://webdataanalysis.net/tool-for-web-analytics/click-and-goal/ 用户在网站的行为其实无非就是输入和点击&#xff0c;而点击又是最常见的行为&#xff0c;其实用户行为分析一大部分就是在分析用户各种各样的点击行为。我们可以通过各种途径来监控用户点击行为…

三招教你提升团购网站流量转化率(上)

转载出处: http://hi.baidu.com/%CE%A4%B2%AE%C4%C9%CB%B9/blog/item/21f173c3275b82c7d10060a0.html/cmtid/8501cf90d0feb311d21b70ea 本人负责经营美心计化妆品团购网站&#xff0c;日常推广需要对流量进行分析。而流量分析中的核心是分析流量的价值&#xff0c;流量的价值是…

学习Web 开发技术的16个国外最佳教程网站和博客

转载地址: http://www.w3cfuns.com/article-788-1.html 互联网经过这么多年的发展&#xff0c;已经出现了众多的 Web 开发技术&#xff0c;像 .Net/Java/PHP/Python/Ruby 等等。对于 Web 开发人员来说&#xff0c;不管是初学者还是有一定经验的开发人员都需要时刻学习新的开发…

触摸屏网站开发系列(一)-ios web App应用程序(ios meta)

转载地址: http://www.iptu.net/index.php/archives/2955.iptu 触摸屏网站的开发其实现在来讲比前几年移动端网站开发好多了&#xff0c;触摸屏设备IOS、Android、BBOS6等系统自带浏览器均为WEBKIT核心&#xff0c;这就说明PC上面尚未立行的HTML5 CSS3能够运用在这里&#xff…

css横幅_CSS3:创建网站横幅

css横幅Inspired by Tamsin Baker’s beautiful Photoshop brushes “Urban Scrawl” 1 and 2, I was trying to create some shadowed banners using some CSS3 properties. Visit Tamsin’s site and check out all her inspiring artwork including the free Photoshop brus…

谷歌nexus9刷机_Google Nexus网站菜单

谷歌nexus9刷机View demo 查看演示Download Source 下载源Today I want to show you how to reconstruct the sidebar menu of the Google Nexus 7 page. It slides out with a really nice effect where some subitems get expanded as well. When hovering over a special me…

教你使用“百度统计”黑科技,根据不同维度分析网站的访问质量

废话不多说&#xff0c;先上几张百度统计的分析效果图&#xff1a; 实时访客明细&#xff1a; 今日流量&#xff1a; 跳出率指的是只访问了入口页面&#xff08;例如网站首页&#xff09;就离开的访问量与所产生总访问量的百分比。跳出率计算公式&#xff1a;跳出率访问一个页面…

今天码云(gitee.com)网站打不开,难道被封了?教你正确姿势上码云

今天下午2点50分左右&#xff0c;码云官网&#xff08;gitee.com&#xff09;突然访问不了了&#xff0c;公司代码仓库无法连接使用&#xff0c;不明所以。于是我迅速打开QQ&#xff0c;找到码云官方交流群&#xff0c;发现全国各地已经有很多人在反映这个问题。然后我看到了红…

如何添加百度收录的自动推送代码到帝国CMS网站中

站长近期的收录情况。第一步&#xff1a;获取代码百度资源站点&#xff1a;https://ziyuan.baidu.com 没有站点的要先创建站点。第二步&#xff1a;新增模板变量。变量名随意&#xff0c;我的是&#xff1a;[!--temp.baidu-js-push--]第三步&#xff1a;编辑内容。将第一步里复…