一篇从零开始、步骤完整的网站搭建教程,新手小白也能看懂!附源码
从今年八月开始到现在自己也是从0开始做了有两个网站:
搏客站:
软件下载站:
这中间也经常有不了解的地方需要去查。其实网上的资料也不少
但可能相对比较零散,需要反复的查来查去,费时又累心
那这次有时间就想着说写一篇从零开始、步骤完整的网站搭建教程
希望能帮助大家节省时间,不需要去东拼西凑的查来查去
这篇文章我花了两天的时间,全篇7000字,102张截图说明,精细到每一次点击、每一个输入说明
力求让每一个人、不管是否有编程基础,看完都能做出自己的网站,建议预先收藏,以免以后用到时找不到。
大家在操作过程中如有任何疑问可以联系我,我会尽力帮大家解决遇到的问题
祝大家都能顺利成功!
Part 1:购置云服务器
网站服务是需要运行在电脑端的,而且这台电脑需要24小时开机,这对于我们家用的电脑来说是做不到的。
所以我们需要购置一台云服务器,将网站服务运行在云服务器上。
就像是同一种食物可以有很多家厂商生产,目前可以提供云服务器的厂商有很多:腾讯、阿里、华为.....
每个厂商购置云服务器的过程都大同小异,我这里以腾讯云服务器举例:
百度搜索'腾讯云'进入官网
注册并登录
点击左上角最新活动
点击限时秒杀
这里是对新人首单的优惠区域,会省很多
选购服务器
对于我们个人来说,如果是小型的应用,选择最低配置即可
一年非常优惠,不过记住一定是新注册的用户哦!
就像我们自己买电脑选配置一样,点击立即购买之后,我们选择服务器的配置:
这里我们需要选的有两项,其他基本默认就可以,
活动地域:选择离自己近的,网络会好一些
镜像(重点注意!!):镜像就相当于操作系统,我们家用的电脑都是,但对于服务器来说,系统的性能更好,所以我们需要选择的镜像,千万别选错了呦!
查看服务器信息
购买之后,你可以通过下面的操作来查看你的服务器信息:
设置密码
为了防止别人进入服务器,我们需要为服务器设置密码:
到这里我们搭建网站应用的第一步就完成了!你已经拥有了一台自己的服务器!!
怎么样,跟着我的步骤操作下来是不是感觉有手就行!
如果给个点赞收藏的话我会感动到哭哦!
接下来我们进行下一步:安装服务器工具
Part 2:安装服务器工具
先解释一下为什么要装服务器工具?
我们在前面提到过购买服务器需要选择操作系统
不同于的地方在于:
是以可视化的图形窗口来操作的,而则完完全全是通过命令来操作一篇从零开始、步骤完整的网站搭建教程,新手小白也能看懂!附源码,这对于普通人来说是很困难的。
所以我们需要在系统上安装工具,将命令操作转换成普通人可以接受的图形窗口化操作,这个工具叫做:宝塔。
接下来开始详细的操作步骤:
连接服务器
首先,我们需要使用工具连接到我们的云服务器,
关于,私信我即可获得
安装之后,我们打开软件,在界面左上角新建一个连接。可以通过文件→新建连接,或直接点击文件下方的新建连接图标。
然后会弹出一个新建连接的登陆设置与信息:
这里名称和主机填写你自己的云服务器IP
其它默认即可,然后我们点击“确定”
这时界面左侧的会话管理器中会多出一个刚设置完成的连接会话,右键单击这个会话,点击属性,进入会话属性窗口。
在下一步中输入与用户名匹配的密码
用户名是:root
密码就是我们刚才设置的云服务器密码
然后点击连接即可
安装宝塔
复制下面这个命令:
yum install -y wget && wget -O install.sh http://download.bt.cn/install/install_6.0.sh && sh install.sh
粘贴到命令框中(点击鼠标右键)
回车键执行命令,很快会出现提示需要你输入Y,输入之后继续回车键,等待安装结束即可!
安装成功后会出现如下内容:
注意:
请将红框中的内容复制并保存起来(选中后点击鼠标右键即可复制):
第一行是宝塔的登录地址,我们以后操作服务器直接通过宝塔即可。
后面两行分别是登录宝塔的用户名、密码,一定要保存好哦!
到这里宝塔就已经装好了,我们可以关掉连接工具了。
登录宝塔
将宝塔的登录地址复制到浏览器上方,进入登录界面:
输入刚才保存的用户名()、密码()即可登录。
初始化宝塔
初次登录宝塔,会出现如下提示,预装基础的程序,我们按照推荐选择左边的LNMP即可
到这里我们的服务器工具就已经安装完毕!接下来就可以开始部署自己的网站应用了。
Part 3:建设网站
本步骤为不同的人群分别提供了不同的解决方案
大家可以对应去看:
小白 - 1
有编程基础的同行(附源码) - 2
没时间、自己懒得弄、有个性需求 - 3
1
我是小白,也不懂编程,应该怎么做呀?
可以使用制作自己的网站!
是一款为大众设计的网站搭建平台
它使得网站制作不再是程序员的专利,任何一个小白都可以简简单单的制作自己的网站。
是目前主流的建站平台
下载
进入官网:
点击图示按钮进行下载:
登录宝塔添加站点
输入上面步骤 二-2 保存的宝塔入口地址,点击如下按钮:
在弹窗中填入相关信息:
域名的申请会在后面说明,这里我们先填写云服务器的IP地址,也就是左上角宝塔的ip地址
数据库选择
点击提交
提交成功会出现下面的提示:
注意:
请保存好这三项内容,后面会用到
部署
我们进入刚创建的站点的根目录
删除 .html文件
将 1-1 下载的安装包上传到此根目录中
解压上传后的安装
将解压之后文件夹中的所有文件剪切到当前根目录中,然后删掉文件夹
这样我们的就部署好了!
接下来我们看看如何使用它!
初始化
在浏览器中输入我们的云服务器IP即可进入
初次进入会提示我们进行初始化的配置:
语言选择
点击:现在就开始
配置数据库信息:
这里前三项填入步骤 三:1-2 中保存的信息,
剩下不用改动,点击提交
提交之后会出现下面的提示,代表提交成功,继续点击 运行安装程序
按照说明输入对应信息之后,点击安装
注意:
千万记得保存好用户名和密码
稍等片刻之后,就会提示安装成功!
继续点击登录
输入刚才设置的用户名和密码之后就可以正式开始使用制作自己的网站了!
使用
在经过了上面的步骤之后,我们就可以输入下面的链接来进入设计我们自己的网站:
你的ip/wp-
格式举例:1.16.2.199/wp-
该地址是需要密码登陆的,也就是说只有你自己可以去修改自己的网站内容,你可以把它叫做网站的管理端。
同时,也已经帮我们创建好了初始的网站内容,你只需输入你的云服务器ip即可看到:
输入你的IP
格式举例:1.12.6.144
这个就是我们的最终成果了,也就是你“个人网站”的呈现了
如果你已经看到这里、并且跟着我的说明一步步的操作了
那么恭喜你,你已经简单的完成了自己个人网站的搭建,并且你已经拥有了一个自己的网站!!
就是上图所示的样子。
有用的话记得点赞哦!
2
兄弟我也做编程的,怎么样快速搭建网站?
无需手敲命令脚本!用工具一键部署!
对于有编程基础的同行来说,其实使用命令脚本依然可以完成网站的部署。
但宝塔的优势在于:
宝塔的可视化操作方式比我们自己用命令操作更方便快捷
宝塔提供各种主流工具的安装服务,一键安装,省时又省力
宝塔提供项目管理工具,包括部署、启动、停止,比起我们自己写命令脚本更高效
接下来我以java项目为例,为大家演示一下如何用宝塔快速部署网站服务:
当然如果你还没有自己的项目,我可以提供给你,你给个点赞收藏不过分吧!笔芯!
获取方式:
用世界公认的唯一指定聊天软件加我即可获取
我这比你男女朋友都体贴到位的服务你点个赞收藏真的不过分了吧!!
安装必要工具
我们进入宝塔面板
(如果忘记如何操作回看一下步骤 二)
进入软件商店:
你可以看到我们常用的像、等都是可以安装且免费的,
点击右侧的安装并稍等片刻即可
安装之后我们可以查看自己已安装的软件,常用的勾选首页显示
切换到首页,可以看到装好的软件操作菜单
如点开之后可以直接修改配置、重启等,很方便
数据库操作
宝塔同时支持数据库管理、备份,点击左侧数据库:
点击右侧管理按钮,可以进入管理页面,支持表以及数据的相关操作:
应用部署
在下载好必要软件、配置好数据库之后,我们开始部署应用:
这里我以项目为例
将你打包好的应用通过宝塔的文件管理界面上传至服务器
再次进入软件商店,搜索”java“,如下图所示,
该插件提供了java项目的一键部署、管理服务:
在安装好之后,我们同样将它勾选至首页显示即可。
然后来看一下它的使用方法:
首先,进入容器管理,安装
然后,如果是普通java项目,选择第一项”java项目管理“即可,
由于我是boot项目,所以选择最后一项"":
点击添加项目,会出现如下弹窗,需要输入配置信息:
这里的项目路径选择我们上传的应用包,
其它的按提示选择即可
当我们点击确定之后,它会根据我们输入的信息生成启动脚本,启动服务:
到这里我们就成功的部署了自己的应用
3
我没时间、自己弄太麻烦、而且有个性化的需求,你能帮我做吗?
当然可以!浩说编程为您提供无需自己操作的完全托管式定制建站服务
如果你没有空闲的时间去做网站
或者看这些说明觉得很烦不想弄
又或者你有自己个性化的需求,想要按自己的想法去设计自己的网站
那么没有问题,”浩说编程“提供完完全全不需要你操作的网站托管定制建设服务,
你只需告诉我你的想法,
免责声明:本文系转载自其它媒体,版权归原作者所有;旨在传递信息,不代表本站的观点、立场和对其真实性负责。如需转载,请联系原作者。如果来源标注有误或侵犯了您的合法权益等其他原因不想在本站发布,来信即删。