WordPress自助建站教程-阿里云开发者社区

WordPress自助建站教程

1. 选择实验资源

本实验支持实验资源体验、开通免费试用、个人账户资源三种实验资源方式。

在实验开始前，请您选择其中一种实验资源，单击确认开启实验。

如果您选择的是实验资源体验，资源创建过程需要3～5分钟（视资源不同开通时间有所差异，ACK等资源开通时间较长）。完成实验资源的创建后，在实验室页面左侧导航栏中，单击云产品资源列表，可查看本次实验资源相关信息（例如子用户名称、子用户密码、AK ID、AK Secret、资源中的项目名称等）。

说明：实验环境一旦开始创建则进入计时阶段，建议学员先基本了解实验具体的步骤、目的，真正开始做实验时再进行创建。

如果您选择的是开通免费试用，下方卡片会展示本实验支持的试用规格，可以选择你要试用的云产品资源进行开通。您在实验过程中，可以随时用右下角icon唤起试用卡片。

说明：试用云产品开通在您的个人账号下，并占用您的试用权益。如试用超出免费试用额度，可能会产生一定费用。

阿里云支持试用的产品列表、权益及具体规则说明请参考开发者试用中心。

2. 安装WordPress中文版

在实验室页面左侧，单击图标，切换至Web Terminal，

如您选择的是公共资源，则会自动连接到实验室提供的云服务器ECS。

如您选择的是试用资源/个人资源，需输入ECS登录的用户名和密码进行登录。

安装WordPress。

2.1 执行以下命令，获取wordpress中文安装包。因为是从官网拉取安装包，速度稍慢，耐心等待即可。

wget https://cn.wordpress.org/latest-zh_CN.tar.gz

2.2 执行以下命令，解压。

tar -zxvf latest-zh_CN.tar.gz

2.3 执行以下命令，移动wordpress到Apache根目录。

mkdir /var/www/html/wp-blog
mv wordpress/* /var/www/html/wp-blog/

初始化wordpress。

3.1 执行以下命令，查看wp-config-sample.php文件。

cat -n /var/www/html/wp-blog/wp-config-sample.php

3.2 由上图可以看出，需要手动复制并配置wordpress。

依次执行以下命令，复制wp-config-sample.php为wp-config.php（此文件为WordPress的配置文件，包含数据库配置），并修改其中的数据库配置。

# 进入WordPress目录
cd /var/www/html/wp-blog/
# 复制模板文件为配置文件
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

启动Apache服务器。

systemctl start httpd

浏览器访问http://<ECS公网IP>/wp-blog/wp-admin/install.php完成wordpress初始化配置。

访问http://<ECS公网IP>/wp-blog/wp-admin/index.php登录WordPress管理控制台。

3. 自定义站点主题

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. 单击启用，应用主题。

4. 添加自定义小组件

添加自定义小组件

1. 返回云服务器ECS的终端。

2. 执行以下命令，编辑博客主题的页脚文件footer.php

说明：命令中的相关路径需要改成上一小节启用的主题名。

vim /var/www/html/wp-blog/wp-content/themes/markiter/footer.php

3. 按i键进入编辑模式，在文件</body>标签前面加入以下代码，添加完成后后按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. 至此，界面设置全部完成。

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/查看。

6. （可选）购买域名

在完成上述所有操作之后，您可以通过以下步骤来完成域名的购买与绑定。

1. 查询域名。

a. 登录阿里云域名注册页。

b. 在查询框中输入您想要的域名，并选择域名后缀，单击查域名。

2. 单击加入清单，然后在域名清单中确认已添加的域名，单击立即结算。

3. 添加域名持有者信息并确认域名服务条款。

a. 在确认订单页面，选择域名的购买年限和持有者类型。

b. 添加域名的持有者信息。

c. 阅读并选中服务条款，单击立即购买。

4. 选择支付方式后，单击立即支付。

7. （可选）域名备案

根据《中国互联网络域名管理办法》的规定，域名注册申请者应提交真实、准确、完整的域名持有者信息。域名实名认证时建议您根据认证要求准备好所需材料，当有多个域名需使用同一份材料进行认证时，可进行批量认证操作，参见通用域名实名认证。

8. （可选）域名解析

1. 登录云解析DNS控制台。

2. 在域名解析页面，单击域名，进入解析设置页面。

3. 在解析设置页面，单击新手指导。

4. 输入网站空间的IP地址，然后单击确定，云解析DNS会自动帮助您创建两条网站解析记录。

9. （可选）配置wordpress域名

1. 配置Apache服务器访问地址。

a. 返回至云服务器ECS的终端。

b. 执行以下命令，编辑Apache配置文件。

vim /etc/httpd/conf/httpd.conf

c. 输入i进入编辑模式。

d. 修改服务器默认访问路径。默认访问路径为/var/www/html/。这里我们修改为WordPress项目路径/var/www/html/wp-blog/。

DocumentRoot "/var/www/html/wp-blog/"
<Directory "/var/www/html/wp-blog/">
    #
    # Possible values for the Options directive are "None", "All",
    # or any combination of:
    #   Indexes Includes FollowSymLinks SymLinksifOwnerMatch ExecCGI MultiViews
    #
    # Note that "MultiViews" must be named *explicitly* --- "Options All"
    # doesn't give it to you.
    #
    # The Options directive is both complicated and important.  Please see
    # http://httpd.apache.org/docs/2.4/mod/core.html#options
    # for more information.
    #
    Options Indexes FollowSymLinks
    #
    # AllowOverride controls what directives may be placed in .htaccess files.
    # It can be "All", "None", or any combination of the keywords:
    #   Options FileInfo AuthConfig Limit
    #
    AllowOverride None
    #
    # Controls who can get stuff from this server.
    #
    Require all granted
</Directory>