"/>
·设为首页收藏本站📧邮箱修改🎁免费下载专区🔐设置/修改密码👽群雄群聊
DZ插件网 门户 站长圈 查看内容

手把手教你从0搭建个人网站,无需写代码,小白也能学会!

2021-12-19 18:54| 发布者: admin| 查看: 228| 评论: 0|原作者: 小众技术

摘要: 1.友情提示本文章为我在B站发布的建站教程的图文版,如果你对建站感兴趣,并且还没有看视频的话,建议先到我的B站(我的B站名字叫做:我是阿众),查看此期视频教程!长按下图识别二维码进入小程序也可以直接观看!2 ...

1.友情提示

本文章为我在B站发布的建站教程的图文版,如果你对建站感兴趣,并且还没有看视频的话,建议先到我的B站(我的B站名字叫做:我是阿众),查看此期视频教程!
长按下图识别二维码进入小程序也可以直接观看!

2.搞清需求

正式开始建站前,我们首先需要搞清楚一件事情,那就是搭建网站的必备工具有哪些,以及这些工具都起到了什么作用。

工具一:服务器

首先,搭建网站最关键的当然是要有一台服务器,它的作用就是提供网站运行所需要的硬件环境。
但这并不意味着我们真的要去买一台物理机来当服务器,因为现在国内有很多云平台都可以购买云服务器,而且价格还很便宜。
本期视频我会以一台1核2G的华为云服务器给大家做演示。

工具二:服务器管理软件

搭建网站的第2个工具是要有一个服务器管理软件,它的作用就是能够让我们很方便地,在服务器上安装软件或者是管理文件。
因为服务器上的操作系统一般都是没有界面的Linux系统,如果全靠命令行来操作Linux的话,对小白来说难度就太大了。
所以本期视频我会推荐大家使用宝塔面板,有了它,你就能可视化地管理你的服务器了,难度系数大大降低。

工具三:网站程序

搭建网站的第3个工具是一份网站程序源码,它的作用就是提供一个可供访问的界面,并实现网站的所有功能。
按道理来说,开发网站程序本来是含代码量最高难度也最大的一个步骤,但由于本视频是针对没有什么编程基础的小白。
所以我会直接推荐大家使用现成的网站程序来建站,比如你想搭建内容发布类的博客网站,那么可以使用WordPress建站程序。如果你想搭建一个论坛类的网站,那么可以实用discuz建站程序。
有了它们,你不仅可以实现零代码建站,还可以非常简单地切换网站的主题样式。

工具四:域名

搭建网站的第4个工具是域名,它就是我们访问网站时输入的地址,由于网站是搭建在服务器上的,按理说我们应该通过服务器的ip地址来访问网站才对。
可全世界的网站那么多,如果通过记住这些冷冰冰的数字来访问网站,那岂不是太难了,所以域名就应运而生。
当我们在地址栏输入域名时,会有DNS服务器帮我们找到,站服务器的IP地址并返回给浏览器,然后浏览器再通过ip地址访问网站。
好 以上就是建站所必备的四大工具,接下来我也将围绕这些工具展开,一步步地教大家把网站搭建起来。

3.购买服务器

3.1 购买华为云服务器

目前华为云服务器正在搞双十二的优惠活动,如果你是新用户的话,首次购买云服务器会非常便宜。无论是个人还是企业都有很多不错的产品推荐。
我这里就以这台1核2G的云服务器给大家做演示,点击购买后会让你选择服务器的配置,地区之类的保持默认就好,镜像的意思就是你要给服务器装什么系统,云服务器一般都是安装Centos版的Linux系统。

3.2 远程连接服务器

买完后进入华为云的控制台,在侧边栏中选择弹性云服务器-云耀云服务器,就可以看到你买的服务器资源了,接下来我们需要远程连接这台服务器。
不过首次登陆需要先重置一下登录密码,重置后等待服务器重启即可进行连接。这里我们选择CloudShell的方式来登录输入密码后点击连接即可进入命令行窗口。

4.安装服务器管理软件

4.1 安装宝塔面板

接下来需要给服务器安装管理软件,也就是前面提到的宝塔。打开宝塔的官网(www.bt.cn),点击立即安装,可以看到官方给出的Centos系统安装宝塔的命令。
把它粘贴到刚才的命令行窗口后执行,输入字母y确定稍等片刻后,即可安装完成。最后它会给出宝塔的后台登陆地址以及用户名和密码,大家一定要记得保存下来。

4.2 安装网站运行环境

接下来如果你直接在浏览器输入这个外网登录地址,会发现根本访问不了。这是由于华为云服务器还没有开放宝塔所使用的8888端口,我们需要到控制台进行一些设置。
首先点击名称进入服务器详情页,然后点击安全组-配置规则-入方向规则-添加规则。按照如下配置即可开放服务器的8888端口。
另外,可以看到华为云也没有开放网站默认使用的80端口,所以我们按照刚才的方法再把80端口配置一下。添加好之后再次访问宝塔后台时就可以正常登陆了。
首次登录宝塔面板时会提示你安装网站运行环境,这里我们选择LNMP组合,然后PHP的版本选择高一点,要不然后面安装网站主题的时候会出现错误。
这里我们就选择7.4这个版本,选好后等待安装完成就OK了。

5.购买域名

5.1 在华为云买域名

打开华为云官网,在产品菜单中可以看到华为云也提供了域名注册相关的服务。在这里你可以查询哪些域名已被注册,哪些域名还可以注册,想好你要注册的域名然后购买即可。

5.2 域名实名认证

但是,买完后还需要做三件事:首先需要完成实名认证。在华为云后台的侧边栏点击域名注册按钮,进入到域名列表页面。
再点击这里的未实名认证的文字链接,然后大家按照提示填写相关材料,提交后等待一到两个工作日即可审核完成。

5.3 域名解析

等待审核的同时,我们还需要进行域名的解析,也就是将域名和服务器ip地址绑定在一起。点击解析-管理解析,然后再点击右上角的快速添加解析。
输入服务器的外网ip地址即可解析完成,后续你就可以通过带www和不带www的域名访问你的网站了。

5.4 网站备案

最后,只完成实名认证还不行,你还要进行网站备案。华为云同样支持帮我们进行免费备案服务,点击华为云后台顶部菜单栏中的备案,然后按照相关提示,一步步提交相关材料即可。
注意这里的云服务类型要选择ECS,并勾选你的云服务器,按操作完成后即可进入初审。然后等待审核完成即可,可能需要一个多星期,甚至更长的时间才能全部审核完成。

6.安装网站程序

6.1 配置宝塔后台

由于个人网站一般都是博客网站,所以就给大家演示WordPress建站程序的安装吧。首先在官网(cn.wordpress.org)下载最新的wordpress程序,也就是这个zip压缩包。
然后打开宝塔的后台管理系统,点击左侧菜单栏中的网站,再点击添加站点,域名这里填写刚才注册的域名,带www的和不带www都要添加。
另外,由于域名备案还没有审核通过,所以我们暂时也把服务器地址添加进来,这样就可以暂时通过ip地址来访问网站了。
数据库选择MySQL,并妥善设置和保存数据库名和密码,这个待会儿要用到,其他的保持默认即可。

6.2 上传WordPress文件

在宝塔新增网站之后,需要把wordpress源码传到服务器。点击文件-再点击这个以域名命名的文件夹,把wordpress压缩包上传到此目录下。
双击压缩文件进行解压,打开加压后的目录,然后把该文件夹下的所有文件都剪贴至上一级目录,相当于吧WordPress所有文件都放到这个文件夹的根目录。
此时,理论上来说,在浏览器输入域名,就可以安装wordpress程序了。但是由于我录制视频时,域名备案审核还没有通过。

6.3 安装WordPress

所以只能通过ip地址来访问,在浏览器输入ip后,就可以开始安装wordpress了。语言选择简体中文,再点击现在就开始,这里要填写数据库相关信息。
你可以在宝塔面板的数据库菜单中查看,把这三个字依次填入即可,后面这俩保持默认。点击现在安装后,需要设置网站相关信息。
站点标题就是你网站的名称,用户名和密码主要用于网站后台的登录。填完之后点击安装wordpress,就完成了网站的安装。
安装完成后默认打开的是网站后台,但当你输入ip地址后,即可看到网站的前端页面。至此,一个个人网站就搭建完成了,是不是还挺简单的。

7.网站样式优化

7.1 主题安装路径

网站是搭建完成了,可这页面也太丑了点。所以接下来,我们将对它进行一个改造。WordPress之类的网站程序的优点之一,就是可以随意切换网站的前端主题样式。
把鼠标放在网站后台的外观菜单,点击主题,进入到的是已安装的主题列表页面。你可以随意切任意一个已经安装的主题,切换后,可以看到前端也改变的样式。

7.2 寻找主题的两种途径

那我们该去哪里找主题呢?途径主要有两个:第一个是WordPress官方途径。点击,左上角的安装主题,可以进入到官方的主题市场。
但是这里面的基本都是英文主题,不太符合咱们的需求。所以第二个安装主题的途径,就是在网上搜索。你可以直接百度WordPress主题下载,可以看到很多国内网站都有提供主题下载服务。
比如说爱主题这个网站,顶部菜单可以选择你想要的主题类型,我们选择个人博客主题。筛选出来的主题,有免费的也有付费的大家注意甄别。
我以这个免费主题为例,给大家做个演示。首先把它下载下来,下载完之后,点击安装主题,再点击上传主题,把刚才下载的zip压缩包,上传到网站,然后点击启用即可。

7.3 注意事项

这时,前端页面也变成了该主题的样式,但是目前的网站还没有什么内容,我们可以在后台的文章-写文章页面中添加几篇文章。
有关WordPress主题的使用问题,我就不多介绍了。大家可以在B站或者其他地方,搜索一些相关的教程。我只是把最核心的建站方式教给大家就可以了。
不过还有两点需要补充说明一下:首先,网站后台的地址是域名加wp-admin,这个域名目前是ip地址,但等备案审核通过后。你可以在设置-常规-WordPress地址里修改为域名地址。
好,关于建站相关的问题,我们就先说到这儿,如果你有不懂的地方,可以在评论区或者私信问我。


上一篇:很多网站,根本不用自己做!
下一篇:Discuz 3.4微信插件越权登录漏洞

鲜花

握手

雷人

路过

鸡蛋

评论

您需要登录后才可以发表言论 登录立即注册
投诉/建议联系

discuzaddons@vip.qq.com

未经授权禁止转载,复制和建立镜像,
如有违反,按照公告处理!!!
  • 联系QQ客服
  • 添加微信客服

联系DZ插件网微信客服|最近更新|Archiver|手机版|小黑屋|DZ插件网! ( 鄂ICP备20010621号-1 )|网站地图

您的IP:18.223.171.12,171.107.86.52,GMT+8, 2024-4-26 19:28 , Processed in 0.141677 second(s), 44 queries , Gzip On, Redis On.

Based on Discuz! W1.0 Licensed

© 2001-2024 Discuz! Team.

关灯
扫一扫添加微信客服
QQ客服返回顶部
返回顶部