WordPress从0开始建站(一):教练,我想建网站!
你说你想建个很酷的站,但是对知识一无所知;你于是遍搜详细教程,却难寻合心意,大佬一笔而过只言片语,留你抓耳挠腮。
这么巧啊,你也是小白。
如果你不懂什么叫服务器,php听起来好像很顺口?linux…是一个人吗?前端?当然会一点点啦。那么这个从0开始建站系列博文,只需一个赞点不了吃亏点不了上当,教你从0开始搭建一个自己的个人博客网站。
一、准备:工欲善其事
一般而言,我们有三种方式选择搭建自己的网站。
简介 | 所需环境 | 难度 | 时间 | |
---|---|---|---|---|
WordPress | 从头搭建网页太繁琐?WP帮助您。只需要配置好WP软件运行所需LNMP/LAMP环境(后面详细解释)。就像ppt模板一样,只要专注写博客即可,网站自动生成。 | LNMP/LAMP | 一般 | 一天 |
Github Pages | 和WordPress类似,页面更加简洁。 | Node.js+Git+Hexo | 一般 | 一天 |
个人从头搭建 | 熟悉建站前后端知识,难度较大,新手暂不推荐 | - | 较难 | - |
这次我们选择的是利用WordPress软件来搭建自己的网站,但是无论哪种,首先我们需要准备:
- 服务器:本次搭建使用阿里云服务器。网站要保持24小时不间断、网络连接带宽etc.普通电脑自然难以胜任, 自己专门买服务器维护门槛太高,租用云服务器是不二选择。
- 域名:买来服务器会分配一个公网IP,如196.11.11.111,搭建好环境网站上线别人就可以通过这个IP访问你的网站。但是人要衣装,网站也要牌面,我们需要一个更好听易记的名字来访问你的网站,这就是域名。
以下是获取流程。
1.1 云服务器
云服务器购买 比较为人熟知的分别是:阿里云服务器 & 腾讯云服务器。腾讯云服务器学生优惠很实在10元/月,撸了一年羊毛,今天我们来撸一撸阿里云学生优惠羊毛hhh。
点击进入:阿里云学生优惠
-
选择:云服务器 ECS。
-
预装环境:CentOS 7。轻量应用服务器 可以直接选择WordPress镜像…那么本文完作者猝。但是想要认真折腾服务器,为以后自己从头建站做准备(而且似乎用不了学生优惠)。建议大家还是选择云服务器 ECS–CentOS 7镜像,认真走完这个流程。
-
地域:没得选。买国内服务器要进行备案,这个稍后细说。
设置好你的登陆账号密码确认购买即可。你可以在你的阿里云控制台查看你购买的云服务器ECS。
1.2 域名
域名购买最好也在阿里云购买,可以少些解析麻烦事儿。购买地址:阿里云域名 。
购买过程就没什么好说啦,但是会要求我们进行实名认证才能购买。找到右上角头像先进行实名认证:
认证完就可以愉快的进行购买域名了。第一次网络拥有自己一个小窝,想想有没有点小激动呢hhhh~
1.3 备案
上面提到域名解析到国内服务器需要备案(如香港等不用)。大家可以先按照流程填写信息,在等待过程中,我们可以先部署我们的小窝。
官方备案流程:阿里云备案
1.4 解析域名
什么是解析域名?简单来说,用你的域名如:www.baidu.com 来访问你的网站,而不是用144.144.144.144 这种IP地址来访问。没有备案,DNS解析很多功能无法正常进行,但是我们还是可以直接利用域名进入我们的网站。
解析流程:阿里云添加网站解析
二、搭建WP环境
WordPress软件给我提供一个快速生成博客网站环境,但是也需要配置好它运行的环境。简单来说,我们需要:
- 一个Linux系统:本文已经搭建好CentOS 7
- 一个Web服务器:我们选用的是Apache服务器。简单来说它的作用就是将你的电脑变成一台服务器,让电脑开放特定网络端口,接收来自网络上发送的HTTP请求,对请求的内容进行处理并作出相应的响应。
- 一个数据库系统:选择MariaDB,CentOS 7以上版本已不再支持使用MySQL。
- 一个Web 服务器生成网页的程序:PHP自然是不二选择。
Linux+Apache+MariaDB+PHP == 我们之前说的LAMP环境。准备好了吗,接下来便开始具体安装搭建。
2.0 安装Xshell
安装软件如果每次都要上阿里云打开虚拟机,实在太麻烦啦。我们可以安装Xshell
在Windows
界面下用来访问远端不同系统下的服务器,从而达到方便操作远程控制终端的目的。
Xshell有家庭/学校免费版:Xshell官网下载 OR Xshell百度云下载
安装一直点下一步傻瓜似安装,后可以看到Xshell界面,选择文件
–新建
:
按照上图填好信息,然后再点击用户身份验证
,输入登陆账号密码(就是我们在购买云服务器时设置的):
点击确定。然后在Xshell界面选择:会话管理
- 阿里云服务器
右击 - 打开,便连接到我们的服务器了。
注意:
- 新建会话,连接不了,重新打开Xshell即可解决。
2.1 安装Apache
对Linux命令不熟悉的同学,将下面出现的命令按行复制:
Ctrl+C复制后,
鼠标滚轮点击粘贴到
Xshell`控制台即可(不是Ctrl+V)。
-
利用yum命令安装Apache
yum -y install httpd
-
启动 httpd 并且设置为开机启动
systemctl start httpd.service # 启动 httpd systemctl enable httpd.service # 设置开机启动
-
安装 firewall
为了安全,安装防火墙。
yum -y install firewalld firewall-config
-
启动 firewall 并且设置为开机启动
systemctl start firewalld.service # 启动 firewall systemctl enable firewalld.service # 设置开机启动
-
firewall 还需要打开HTTP和HTTPS端口80和443
firewall-cmd --permanent --zone=public --add-service=http # 打开HTTP端口80 firewall-cmd --permanent --zone=public --add-service=https # 打开HTTPS端口443 firewall-cmd --reload # 更新防火墙规则
-
阿里云服务器放行端口
如果此时去访问:http://47.101.211.128(你的公网ip),不会出现以下界面(无法访问服务器):
原因是阿里云服务器实例没有加入安全组,设置入口放行端口,默认是拒绝一切端口访问的。
进入到阿里云控制台,创建安全组放行TCP 80/22端口。
点击确认创建后,添加实例:
此时再访问:http://47.101.211.128(改成你公网ip),便发现成功进入到Apache测试网页了。
2.2 安装MariaDB
-
利用yum命令安装MariaDB
yum -y install mariadb-server mariadb
-
启动 httpd 并且设置为开机启动
systemctl start mariadb.service # 启动 httpd systemctl enable mariadb.service # 设置开机启动
-
设置root密码
mysql_secure_installation # 直接回车,什么都不输入
接下来,按照下图提示,配置MariaDB数据库密码等即可。
-
登陆MariaDB数据库
mysql -u root -p # 登陆数据库
登陆会提示输入 root账号密码,就是我们在上一步设置的(如:我设置的是123456)
-
未雨绸缪 – 为WordPress建立数据库及用户
CREATE DATABASE wordpressdb; # 创建名为 wordpressdb 的数据库 CREATE USER wordpressuser@localhost IDENTIFIED BY '123456'; # 初始化其密码为123456
注意:
- 复制数据库代码要带上后面
;
,否则不是一行完整数据库命令。
- 复制数据库代码要带上后面
-
授予用户所有权限
GRANT ALL PRIVILEGES ON wordpressdb.* TO wordpressuser@localhost; # 授予所有权限 FLUSH PRIVILEGES; # 刷新确认 exit # 退出
-
重启Apache & MariaDB 服务
systemctl restart httpd.service systemctl restart mariadb.service
2.3 安装PHP
-
由于linux的yum源不存在php7.x,所以我们要更改yum源:
rpm -Uvh https://dl.fedoraproject.org/pub/epel/epel-release-latest-7.noarch.rpm rpm -Uvh https://mirror.webtatic.com/yum/el7/webtatic-release.rpm
-
安装php 72w(是一行命令)
yum -y install php72w php72w-cli php72w-common php72w-devel php72w-embedded php72w-fpm php72w-gd php72w-mbstring php72w-mysqlnd php72w-opcache php72w-pdo php72w-xml
-
查看是否安装成功
php -v
-
查看php.info
新建一个php页面
vi /var/www/html/info.php # 新建一个php页面
按下i进入insert模式,粘贴以下内容(注意:按下鼠标滚轮粘贴)
<?php phpinfo(); ?>
输入完毕后,依次按下ESC:,然后输入:
wq
+ 回车,保存并退出。在你的浏览器输入:http://xxx.xx.xx.xx/info.php , xxx.xx.xx.xx == 你的ip地址。
如:我的应该是:http://47.101.211.128/info.php,如果看到以下界面证明php安装无误。
三、安装WordPress
-
新建wp文件夹并进入
mkdir wp # 创建文件夹wp cd wp # 进入到wp文件下
-
安装一些工具
yum -y install wget unzip net-tools # 表示将 wget、unzip、netstat 一起安装
- wget :一个下载文件工具
- unzip:一个解压zip文件工具
- net-tools:一个监控TCP/IP网络的非常有用的工具
-
下载WordPress并解压
wget http://wordpress.org/latest.zip # 下载WordPress到当前wp目录 unzip -q latest.zip # 解压 cp -rf wordpress/* /var/www/html/ # 同时复制WordPress到/var/www/html
-
修改/var/www/html目录的权限
chown -R apache:apache /var/www/html/ # /var/www/html下文件所有者改为用户apache和组apache chmod -R 777 /var/www/html/ # 更改目录/var/www/html/ 读写权限为777
-
创建并修改…/uploads目录权限
mkdir -p /var/www/html/wp-content/uploads # 创建目录../uploads chown -R :apache /var/www/html/wp-content/uploads # 修改../uploads属于组 apache
-
配置wp文件夹
cd /var/www/html # 进入到文件夹/var/www/html cp wp-config-sample.php wp-config.php # 复制wp-config-sample.php到wp-config.php vi wp-config.php # 打开文件wp-config.php
然后按下i进入insert模式,修改下图红框内容:
- 注意:vi命令下,右侧小键盘无法使用。如果不修改设置,请使用字母键盘上数字键。
修改完毕后,依次按下ESC:,然后输入:
wq
+ 回车,保存并退出。 - 注意:vi命令下,右侧小键盘无法使用。如果不修改设置,请使用字母键盘上数字键。
-
登陆WordPress
在浏览器输入并访问:http://47.101.211.128(改成你公网ip)。
会出现以下界面,则安装成功:
往下拉到最下,选择简体中文,点击确定,设置WP用户和网站信息:
点击左下角安装WordPress,等待安装完成。
进入登陆界面,输入你的账号密码,便可以进入到WP软件了:
四、总结
小伙伴们辛苦了(反正我是真的有点累了hhh),那么大家有没有花三小时安装成功呢?如果遇到问题请评论留言,那么最好的情况还是我的评论区空空如也比较好hh。
安装完WordPress我们依旧有几个问题亟待解决:
- 如何快速将CSDN写的博客导入我们的WordPress网站?
- 如何建立WordPress网站并进行基本修改?
- 如何对网站进行CSS样式修改?
欢迎大家关注我接下来的博文:WordPress从0开始建站(二):大哥你看我美不美(逃