导航首页 » 技术分享 » 零基础搭建一个属于自己的网站和博客 | 第一篇
零基础搭建一个属于自己的网站和博客 | 第一篇

前言

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

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

通过本次学习你可以了解

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

网站简介

 

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


<html>
<head>
<meta charset="utf-8">
<title>我的第一个网页</title>
</head>
<body>
<h1>hello word!</h1>
<p> 我的第一个网页</p>
<p> 欢迎访问</p>
</body>
</html>

新建txt文本新建txt文本把txt后缀改为html把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安装,安装时间极快,性能与稳定性略低于编译安装。简单点说就是当机器少的时候,扩展要求高就用编译安装,如果管理几十台、上百台,批量安装环境的时候,大家都用极速安装 。如下图

 


宝塔安装环境

 

宝塔安装环境

 

开始安装环境

 

开始安装环境

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