武林头条 - 建站小能手争霸赛
好话说在前头
如果你
想在自己的主机上
搭建一个属于自己的、独一无二的博客
想学会自主安装 WordPress
掌握 CentOS 常用命令
可以在 WordPress 上自主安装主题和插件
那么本文档可以帮助您实现快速搭建自己的云上博客。
体验简介
本场景将提供一台基础环境为 CentOS 的 ECS(云服务器)实例,这台服务器上已经内置 LAMP 环境。将会在这台服务器上安装 WordPress,帮助你快速搭建自己的云上博客。
背景知识
本场景主要涉及以下云产品和服务:
云服务器(Elastic Compute Service,简称 ECS)是阿里云提供的性能卓越、稳定可靠、弹性扩展的 IaaS(Infrastructure as a Service)级别云计算服务。云服务器 ECS 免去了采购 IT 硬件的前期准备,像使用水、电、天然气等公共资源一样便捷、高效地使用服务器,实现计算资源的即开即用和弹性伸缩。阿里云 ECS 持续提供创新型服务器,解决多种业务需求,助力你的业务发展。
Wordpress
WordPress 是使用 PHP 语言开发的博客平台,用户可以在支持 PHP 和 MySQL 数据库的服务器上架设属于自己的网站。也可以把 WordPress 当作一个内容管理系统(CMS)来使用。
本场景最终实现的效果类似如下:
博客首页

博客编辑页面

步骤一:连接 ECS 服务器
具体操作可见阿里云体验实验室连接步骤
如尚未购买及操作 ECS,可在此处免费体验阿里云 ECS 服务器。
资源地址:
https://developer.aliyun.com/adc/scenario/ae75736b49b940d1a78fee1453232d94
步骤二:安装 WordPress 中文版
1.安装 WordPress。
a.执行以下命令,获取 wordpress 中文安装包。
wget https://cn.wordpress.org/latest-zh_CN.tar.gz

b.执行以下命令,解压。
tar -zxvf latest-zh_CN.tar.gz

c.执行以下命令,移动 wordpress 到 Apache 根目录。
mkdir /var/www/html/wp-blog mv wordpress/* /var/www/html/wp-blog/

2.初始化 wordpress。
a.执行以下命令,查看 wp-config-sample.php 文件。
cat -n /var/www/html/wp-blog/wp-config-sample.php


b.由上图可以看出,需要手动复制并配置 wordpress。
执行以下命令,复制 wp-config-sample.php 为 wp-config.php,并修改其中的数据库配置。
cp wp-config-sample.php wp-config.php # database_name_here 为数据库名称 sed -i 's/database_name_here/wordpress/' /var/www/html/wp-blog/wp-config.php # username_here 为数据库的用户名 sed -i 's/username_here/root/' /var/www/html/wp-blog/wp-config.php # password_here 为数据库的登录密码 sed -i 's/password_here/NewPassWord1./' /var/www/html/wp-blog/wp-config.php

3.启动 Apache 服务器。
systemctl start httpd

4.浏览器访问http://<ECS 公网 IP>/wp-blog/wp-admin/install.php 完成 wordpress 初始化配置。
5.访问http://<ECS 公网 IP>/wp-blog/wp-admin/index.php 登录 WordPress 管理控制台。

步骤三:自定义站点主题
WordPress 功能的强大,很大程度是因为它良好的扩展和众多的主题、插件支持。
WordPress 可以通过一般可以通过 2 种安装方法来安装。
方式一:在线搜索安装
a.浏览器访问 WordPress 管理控制台。
b.依次单击外观>主题。

c.单击添加。选择您喜欢的主题进行安装。
方式二:直接上传主题到 wordpress 服务器。
a.浏览器访问https://cn.wordpress.org/themes/进入WordPress主题列表页。

b.单击功能过滤。
c.在布局列勾选一栏、特色列勾选无障碍友好、主题列勾选博客,然后单击应用过滤器。

d.选择你喜欢的主题。例如:Markiter。

e.右键单击下载,然后单击复制链接地址。

f.连接 ECS 服务器。
g.在命令行中,执行以下命令,下载并安装主题。
# 首先进入 WordPress 主题目录 cd /var/www/html/wp-blog/wp-content/themes/ # 使用 wget 命令下载上一步选择的主题 wget https://downloads.wordpress.org/theme/markiter.1.5.zip # 使用 unzip 命令解压安装包 unzip markiter.1.5.zip # 查看所有主题 ll

命令执行结果类似如下。

h.返回 Wordpress 管理控制台,进入主题页,可以看到 Markiter 主题已经安装完成。

i.单击启用,应用主题。

步骤三:添加自定义小组件
1.连接 ECS 服务器。
2.执行以下命令,编辑博客主题的页脚文件 footer.php。(需要改成上一步启用的主题名)。
vim /var/www/html/wp-blog/wp-content/themes/markiter/footer.php

3.在文件</body>标签前面加入以下代码,点击 i 进行编辑。编辑好后按 ESC 退出并输入:wq 进行保存退出。
<script src="https://cdn.jsdelivr.net/npm/live2d-widget@3.0.4/lib/L2Dwidget.min.js"></script> <script type="text/javascript"> L2Dwidget.init(); </script>

4.浏览器访问http://<ECS 公网 IP>/wp-blog/,进入博客首页查看组件效果。

5.至此,界面设置全部完成。
步骤四:安装 MarkDown 插件
WordPress 安装插件的方式和安装主题的方式比较类似,都分为在线安装和离线安装。本步骤主要介绍离线安装。
1.连接 ECS 服务器。
2.执行以下命令,进入 wordpress 插件目录。
cd /var/www/html/wp-blog/wp-content/plugins/

3.执行以下命令,下载 MarkDown 插件。
wget https://downloads.wordpress.org/plugin/wp-editormd.10.1.2.zip

4.下载完成后,执行以下命令,解压安装包。
unzip wp-editormd.10.1.2.zip

5.返回 WordPress 管理控制台,然后依次单击插件>已安装的插件

6.单击启用,启用 MarkDown 插件。

编辑器效果如下。

7.至此,MarkDown 插件安装完成。更多插件请访问https://cn.wordpress.org/plugins/查看。
以上即为如何使用 WordPress 搭建一个专属自己的博客的完整体验过程。
【号外】:学会建站不仅能涨知识还能涨钱包,有 20 元猫超卡等你来拿。
武林头条-建站小能手争霸赛开幕:https://developer.aliyun.com/adc/series/activity/wulin
少林、武当、峨眉三大门派会师,会师成功可得 20 元猫超卡。听说邀请好友完成场景体验,最高可抢 iPhone13 pro,话不多说,我先走一步!
版权声明: 本文为 InfoQ 作者【hum建应用专家】的原创文章。
原文链接:【http://xie.infoq.cn/article/dfd0964cfd1aab5660a7d7b93】。文章转载请联系作者。
评论