前言

嗨,最近搭小程序消息推送平台时,新购买了一台云服务器,于是抽时间出来写了这篇教程。如果你想做一个网站或者博客,希望这篇文章能帮到你。

有前端( HTML、CSS、JavaScript)相关基础的小伙伴那阅读起来就很容易了,没有相关基础也没有关系,你可以跟着我来。这里推荐一个学习基础编程等技术教程网站 菜鸟教程

通过本次学习你可以了解

前端
Html  Css  JavaScript
后台
WordPress后台  主题  插件 宝塔 云服务器
周边
域名 调试 CDN

网站简介

首先,创建建一个HTML文件,打开记事本,编辑文本内容(你可以直接复制下面的内容):

<!DOCTYPE html><!-- 文档类型是“html” -->
<html><!-- 告诉浏览器“Html”从这开始 -->
    <head><!-- 界面“Head”的开始 -->
        <meta charset="utf-8"><!-- 编码格式 告诉浏览器用什么方式来读这页代码 -->
        <title>我的第一个网页</title><!-- 页面的标题 -->
    </head><!-- 界面“Head”的结束 -->
    <body><!-- 页面主体的“body”开始 -->
    <h1>hello word</h1><!-- 一级标题 -->
    <p><!-- 段落结束 -->
        嗨
    </p><!-- 段落开始 -->
    <p>欢迎访问</p><!-- 另一条段落 -->
    </body><!-- 页面主体的“body”结束 -->
</html><!-- 告诉浏览器“Html”在这里结束 -->

<!--

<!DOCTYPE HTML> -- 文档类型是html
<html> </html> -- 页面中最外层标签--根标签
<head> </head> -- 网页头部标签-里面内容主要是给浏览器看的内容
<meta charset="UTF-8"> -- 页面编码标准
<title> </title> -- 网页标题标签-里面内容会显示在浏览器窗口标签上
<body> </body> -- 网页主体标签-里面内容显示在浏览器的窗口中

-->

新建txt文本 把txt后缀改为html

把文件保存,把记事本改为index.html ,然后浏览器打开,效果如下浏览器打开后的效果

一个简单的网页就完成了,当然这个网页只能在你的电脑(本地)访问,那如何让所有人都能访问你的网页呢,下面开始教程。


关于云服务器

市面上有很多云服务器商,比如国内常见的阿里云、腾讯云、华为云,这三家是国内比较好的云服务商,而且便宜,经常做活动,对新用户也有很多优惠。例:腾讯云阿里云
学生专享优惠

配置选择如上图,系统镜像我们选择Ubuntu。截至当前,价格是9元一个月,当然也你可以选择99元买一年相对来说比较划算。这里我们选阿里云的轻量应用服务器做实验,然后访问轻量应用服务器管理控制台
等待服务器初始化完成。
阿里云服务器面板
这里可以根据阿里云的应用搭建来对服务器进行相关配置,也可以跟着我来。

给云服务器安装宝塔面板

简单好用的Linux/Windows服务器运维管理面板,访问官网开始注册,然后我们选择Linux版安装
宝塔安装前相关

打开阿里云开端口教程
开端口详情

进入控制台-安全组-选择你实例使用的安全组策略并配置规则,例如放通888端口(注意云服务器和宝塔面板的端口的一致)
阿里云开端口步骤

然后点击确定,设置好80、443(网站及SSL)、3306(数据库远程连接)、888(phpmyadmin)...等相关端口,后我们打开阿里云服务器面板的远程链接
云服务器面板的远程链接

复制Ubuntu/Deepin安装命令:

wget -O install.sh http://download.bt.cn/install/install-ubuntu_6.0.sh && sudo bash install.sh

粘贴到窗口,回车,等待下载,然后会提示你,输入" y "回车
输入" y "回车

这时候就一些密密麻麻的英文开始刷屏了,耐心等待下载完成,直到出现如下页面提示
安装完成
浏览器打开网址,输入系统自动生成的登录地址,账号密码,登录宝塔面板。
登录宝塔

根据提示选择给宝塔安装环境,首次进入宝塔后台,推荐的组合是LNMP,安装方式有【编译安装】和【快速安装】。两者有何区别呢?编译安装也叫源码安装,宝塔官方给出的提示是安装时间至少半个多小时,适合生产环境,极速安装也叫RPM安装,安装时间极快,性能与稳定性略低于编译安装。简单点说就是当机器少的时候,扩展要求高就用编译安装,如果管理几十台、上百台,批量安装环境的时候,大家都用极速安装 。如下图
宝塔安装环境 开始安装环境

安装时间很长,可以站起来活动一下 ,等待安装中我们也开始下一步,给自己选一个域名及网站部署...

未完待续

END
本文作者: 文章标题:零基础搭建一个属于自己的网站和博客 | 第一篇
本文地址:https://plaidweb.cn/index.php/default/003.html
版权说明:若无注明,本文皆时光荏苒web原创,转载请保留文章出处。
最后修改:2022 年 07 月 04 日
感谢您的赞赏,将用于联合国儿童基金会及服务器维护