手把手教你搭建WordPress博客网站并发布至公网

迷南。 2023-10-15 21:21 4阅读 0赞

![在这里插入图片描述][00e600520f594f1aba9ecd7833baa32c.gif_pic_center]

#### 文章目录 ####

*  概述
 *  前置准备
 *  1 安装数据库管理工具
 *   *  1.1 安装图形图数据库管理工具，SQL\_Front
 *  2 创建一个新数据库
 *   *  2.1 创建数据库
     *  2.2 为数据库创建一个用户
 *  3 安装PHP7.4
 *  4. 创建一个新站点
 *   *  4.1 创建站点根目录
     *  4.2 访问WordPress官网，下载最新版本的压缩包
     *  4.3 创建新Web站点
     *  4.4 打开浏览器测试一下
 *  5 cpolar配置
 *   *  5.1 在后台预留一个二级子域名
     *  5.2 修改cpolar配置文件，添加一个隧道指向8080端口
     *  5.3 验证cpolar配置文件是否正确
 *  6 WordPress初始化配置
 *   *  6.1 WordPress初始化设置
     *  6.2 为WordPress定制主题
     *  6.3 安装WordPress相对URL插件（必需）
     *  6.4 修改config.php配置
 *  总结：

## 概述 ##

搭建一个真正有用的Web站点，您可以用它来撰写博客、搭建您自己的企业站点，外贸站点等，并且发布至公网上。

## 前置准备 ##

查看当前WordPress版本的组件依赖需求

访问WordPress官网: [https://wordpress.org/download/][https_wordpress.org_download]

![img][]

在本教程发布时，当前最新的WordPress版本为5.8.2

下面红框位置显示，它需要依赖PHP 7.4

我们对比一下PHPStudy里的组件版本，当前PHP 7.4没有安装，后面需要安装一下。其它的我们都已经满足。

接下来，我们要做如下操作：

*  安装数据库管理工具
 *  创建一个数据库
 *  安装PHP 7.4
 *  为WordPress新创建一个站点
 *  安装与配置WordPress

## 1 安装数据库管理工具 ##

### 1.1 安装图形图数据库管理工具，SQL\_Front ###

在PHPStudy面板-`软件管理`\-找到SQL\_Front，点击`安装`按钮

![img][img 1]

安装后，点击`管理`按钮，打开数据库工具

![img][img 2]

选择`localhost`本地数据库，点击`打开`按钮

![img][img 3]

如有错误提示，点击`确认`，忽略即可,不影响。

![img][img 4]

## 2 创建一个新数据库 ##

### 2.1 创建数据库 ###

在localhost上点击右键，选择`新建`–`数据库`

![img][img 5]

数据库名称，可以自定义,这里填写如下：

数据库名称: `wordpress` 字符集: `utf8mb4` 字符集校队: `utf8mb4_unicode_ci`

之后，点击`确认`按钮。

![img][img 6]

![img][img 7]

数据库创建成功。

### 2.2 为数据库创建一个用户 ###

为了安全起见，我们为wordpress数据库，单独创建一个的用户名和密码，用于管理它，而不是使用root账号。

在`用户`点击右键，弹出菜单，选择 `新建`–`用户`

![img][img 8]

本例中，我们创建一个简单用户名user1，密码:12345678

![img][img 9]

> 注：本例是为了教学演示，用户名及密码简单，您在生产环境，应该创建更复杂的用户名和密码。

选择`权限`栏，为用户添加权限，在`赋予权限`选择数据库，并指定wordpress数据库，然后在右侧勾选所有权限。该用户只能控制wordpress数据库，而不能读写其它数据库。

![img][img 10]

选择配置好的wordpress权限，点击`确定`按钮。

![img][img 11]

添加好以后，如下图所示：

![img][img 12]

## 3 安装PHP7.4 ##

在PHPStudy管理面板–`软件管理`– php7.4.3nts，点击`安装`。

![img][img 13]

## 4. 创建一个新站点 ##

### 4.1 创建站点根目录 ###

我们在D盘，创建一个websites目录，再在下面创建一个site1目录，作为本次wordpress站点的根目录，如图：

### 4.2 访问WordPress官网，下载最新版本的压缩包 ###

下载地址: [https://wordpress.org/latest.zip][https_wordpress.org_latest.zip]

下载后解压，将所有文件内容，复制

![img][img 14]

粘贴到site1目录下，如下图：

![img][img 15]

### 4.3 创建新Web站点 ###

在PHPStudy面板–网站–点击`创建网站`按钮

![img][img 16]

按下图配置：

![img][img 17]

我们在本机，8080端口上，创建了一个新站点。如下图：

![img][img 18]

### 4.4 打开浏览器测试一下 ###

[http://localhost:8080/][http_localhost_8080] ,显示如下图，证明新网站创建成功。

![img][img 19]

## 5 cpolar配置 ##

如果之前没有安装过cpolar，请参考这个系列的[《第一篇》][Link 1]教程。

### 5.1 在后台预留一个二级子域名 ###

[cpolar后台][cpolar]–预留–保留二级子域名，本例中: 二级子域名: dev10 (您可以配置成不同的) 地区: 选择 `China VIP`（cn\_vip） 描述: wordpress （可选）

如下图：

![img][img 20]

### 5.2 修改cpolar配置文件，添加一个隧道指向8080端口 ###

使用VS Code，打开cpolar配置文件

本例中,配置文件的路径在：C:\\Users\\michael.cpolar\\cpolar.yml

打开后的样式：

![img][img 21]

我们在配置文件的最后面，添加一个新的隧道 隧道名称为wordpress,指向8080端口，二级子域名为dev10，地区是cn\_vip，如下：

wordpress:
        proto: http
        addr: "8080"
        subdomain: dev10  #这里改为您自己的二级子域名
        region: cn_vip

修改后的配置文件，如下图：

![img][img 22]

> 注意：ymal格式是缩进敏感的，注意wordpress隧道的缩进与上面演示站点website的缩进是一致的。

如果缩进不一致，请适当调整。

修改后，保存文件。

### 5.3 验证cpolar配置文件是否正确 ###

以管理员方式打开命令行窗口

![img][img 23]

关掉后台的cpolar服务

cpolar service stop

在前台运行cpolar，子命令使用start-all，意思是启动配置文件所有隧道，以测试配置文件是否正确。

cpolar start-all

如显示下图，则说明配置文件正确。

![img][img 24]

按CTRL+C，关掉前台cpolar

启动后台cpolar服务

cpolar service start

我们打开浏览器，测试一下 [http://dev10.vip.cpolar.cn/][http_dev10.vip.cpolar.cn]

如同样显示下图，则说明公网域名配置成功了。

![img][img 25]

## 6 WordPress初始化配置 ##

### 6.1 WordPress初始化设置 ###

现在开始进行WordPress初始化设置

选择`中文简体`，按`继续`按钮

![img][img 26]

这里使用前面创建的数据库账号和密码

![img][img 27]

![img][img 28]

这里可以根据您的喜欢自定义配置，点击`安装WordPress`

![img][img 29]

安装成功后，跳转到Wordpress的后台控制面板

![img][img 30]

安装WordPress成功！

### 6.2 为WordPress定制主题 ###

WordPress是非常可定制的。通过在页面顶部的 WordPress 横幅中单击您的站点名称（当您登录时），您将被带到仪表板。从那里，您可以更改主题、添加页面和帖子、编辑菜单、添加插件等等。这只是在 Raspberry Pi 的 Web 服务器上设置一些有趣的东西的品尝器。

下面，我们更换一个主题试试。

WordPress仪表盘–>`外观`–>`主题`

点击`安装主题`按钮，如下图：

![img][img 31]

点击`热门`，选择一个自己喜欢的主题，点击`安装`按钮

![img][img 32]

主题安装成功后，点击`启用`按钮。

![img][img 33]

新开一个浏览器窗口，打开 [http://dev10.vip.cpolar.cn/][http_dev10.vip.cpolar.cn]

我们来浏览一下新主题的效果。

![img][img 34]

恭喜！我们的新博客站点，已经基本创建成功了！

### 6.3 安装WordPress相对URL插件（必需） ###

您必须确保WordPress发布为相对URL，否则使用https地址访问时将出现错误。

您可以通过安装以下插件之一来完成此操作

插件：

*  [odt-relative-urls][]
 *  [relative-url][]
 *  [root-relative-urls][]

本例中，我们安装`Relative URL`插件：

*  登录WordPress`仪表盘`–>`插件`–>`安装插件`

![img][img 35]

*  在关键词搜索栏输入`Relative URL` 回车

![img][img 36]

*  找到插件后点击`现在安装`按钮
 *  当安装成功后，点击`启用`按钮，激活插件。

### 6.4 修改config.php配置 ###

您必须确保Wordpress了解它是为了通过隧道主机名提供服务。 您可以通过修改wp-config.php来配置Wordpress以包含以下行：

define('WP_SITEURL', 'http://' . $_SERVER['HTTP_HOST']);
    define('WP_HOME', 'http://' . $_SERVER['HTTP_HOST']);

*  修改wp-config.php文件 打开网站根目录下的wp-config.php文件，添加上面的项，然后保存。

配置好以后如图：

![img][img 37]

现在，我们的博客站点可以被公网正常访问啦！让我们看看效果：

使用https地址访问: [https://dev10.vip.cpolar.cn/][https_dev10.vip.cpolar.cn]

![img][img 38]

看着红框里美丽的小锁头，现在心情好多了。^ ^

我们已经成功搭建起了WordPress站点。

## 总结： ##

我们创建了一个新Web站点，安装配置了wordpress最新版本，并且配置了公网隧道，二级子域名，并且给新站点配置了主题样式，您拥有了一个属于自己的博客站点，可以写博客，开启自己的自媒体之旅。

在后面的教程里，我们会继续完善WordPress站点的配置，为其配置SSL，如果您喜欢，请分享给好友，并且关注后续章节。

**欢迎进一步了解更多关于[cpolar][cpolar 1]的讯息**

> **转载自cpolar极点云文章：[如何搭建WordPress博客网站，并且发布至公网上？][WordPress]**

今天的分享到这里就结束啦！如果觉得文章还不错的话，可以三连支持一下，[春人的主页][Link 2]还有很多有趣的文章，欢迎小伙伴们前去点评，您的支持就是春人前进的动力！

![在这里插入图片描述][edc78985d03043828f98dcd5a8d2983e.gif_pic_center]

[00e600520f594f1aba9ecd7833baa32c.gif_pic_center]: https://img-blog.csdnimg.cn/00e600520f594f1aba9ecd7833baa32c.gif#pic_center
[https_wordpress.org_download]: https://link.zhihu.com/?target=https%3A//wordpress.org/download/
[img]: https://img-blog.csdnimg.cn/img_convert/e1f33c6fda4f3e796b679f8dbafd831b.png
[img 1]: https://img-blog.csdnimg.cn/img_convert/b79609c0aea5a4ebde020e1872e136e4.png
[img 2]: https://img-blog.csdnimg.cn/img_convert/66eeaf01c31707bb2585458869d5e918.png
[img 3]: https://img-blog.csdnimg.cn/img_convert/1b9d1733cede75370cf6b4f1f05942aa.png
[img 4]: https://img-blog.csdnimg.cn/img_convert/6d1946881b91c4ac34daaabc7b738a4e.png
[img 5]: https://img-blog.csdnimg.cn/img_convert/0794213d4008b08cad2c396a8254d3e6.png
[img 6]: https://img-blog.csdnimg.cn/img_convert/530769c33ca456c7adcae808326a2ecd.png
[img 7]: https://img-blog.csdnimg.cn/img_convert/72eb135111ec56a2eb9d3b9ed984b0cd.png
[img 8]: https://img-blog.csdnimg.cn/img_convert/fa69aa8017896326258e568518f5609e.png
[img 9]: https://img-blog.csdnimg.cn/img_convert/38faeefa253d5faa1ed53720cae01a5b.png
[img 10]: https://img-blog.csdnimg.cn/img_convert/eae57365dfc86d0eaa038d0c23dc7e34.png
[img 11]: https://img-blog.csdnimg.cn/img_convert/ae1256f2026ae67a4d95794a8e525efa.png
[img 12]: https://img-blog.csdnimg.cn/img_convert/2aedba2b6a0b81b0b5c245848d533210.png
[img 13]: https://img-blog.csdnimg.cn/img_convert/63384294905af0a9382cf88f72947a17.png
[https_wordpress.org_latest.zip]: https://link.zhihu.com/?target=https%3A//wordpress.org/latest.zip
[img 14]: https://img-blog.csdnimg.cn/img_convert/3670a092aa1ff7eac49c6b3c0da38144.png
[img 15]: https://img-blog.csdnimg.cn/img_convert/038c911c71fa3fd300304f9764e34351.png
[img 16]: https://img-blog.csdnimg.cn/img_convert/29fd0b29c04d77c28bfd45241318b773.png
[img 17]: https://img-blog.csdnimg.cn/img_convert/263d11585d8179f7d921c54570e201b2.png
[img 18]: https://img-blog.csdnimg.cn/img_convert/50491d832a8025c337ba3cce35576d97.png
[http_localhost_8080]: https://link.zhihu.com/?target=http%3A//localhost%3A8080/
[img 19]: https://img-blog.csdnimg.cn/img_convert/ec4bad8af839bc1c797bc0f9ea9cb38c.png
[Link 1]: https://zhuanlan.zhihu.com/p/430753222
[cpolar]: https://link.zhihu.com/?target=https%3A//dashboard.cpolar.com/
[img 20]: https://img-blog.csdnimg.cn/img_convert/08c65528fbf4db728041b513341b27ae.png
[img 21]: https://img-blog.csdnimg.cn/img_convert/08e0d44debd69857298ee79f63fc4b27.png
[img 22]: https://img-blog.csdnimg.cn/img_convert/a6c0a639f4cf6774f53a78b23f2d943d.png
[img 23]: https://img-blog.csdnimg.cn/img_convert/04ce67781ed5a945f912a6a0fd1d822f.png
[img 24]: https://img-blog.csdnimg.cn/img_convert/7b25708176b7872e92a1a8dc486a9866.png
[http_dev10.vip.cpolar.cn]: https://link.zhihu.com/?target=http%3A//dev10.vip.cpolar.cn/
[img 25]: https://img-blog.csdnimg.cn/img_convert/c54d11793356609c064182d6a70b316d.png
[img 26]: https://img-blog.csdnimg.cn/img_convert/d5b3ef6dc185697970ab796ed22629b5.png
[img 27]: https://img-blog.csdnimg.cn/img_convert/a2a86f8da9c98298aa1b0a52a5e6829d.png
[img 28]: https://img-blog.csdnimg.cn/img_convert/47d03aa27cd7501bc82502c3b586dba1.png
[img 29]: https://img-blog.csdnimg.cn/img_convert/31806dd8349f244a938b83ca2801c3d0.png
[img 30]: https://img-blog.csdnimg.cn/img_convert/d6e2c129f3f12fce5b298b15e9ea4f90.png
[img 31]: https://img-blog.csdnimg.cn/img_convert/08b071090116d233a3e97d1becf87bef.png
[img 32]: https://img-blog.csdnimg.cn/img_convert/1d58a83134542cb8a57d54f98e1f75a8.png
[img 33]: https://img-blog.csdnimg.cn/img_convert/76361618c5bb7b01db1d718f20c035aa.png
[img 34]: https://img-blog.csdnimg.cn/img_convert/6622c97a94975a86e41056270eb997ba.png
[odt-relative-urls]: https://link.zhihu.com/?target=https%3A//github.com/optimizamx/odt-relative-urls
[relative-url]: https://link.zhihu.com/?target=http%3A//wordpress.org/plugins/relative-url/
[root-relative-urls]: https://link.zhihu.com/?target=http%3A//wordpress.org/plugins/root-relative-urls/
[img 35]: https://img-blog.csdnimg.cn/img_convert/8de9834e5b8f0373457250157377e57e.png
[img 36]: https://img-blog.csdnimg.cn/img_convert/b65d278411e73fe0f6b8d32c8af0be4b.png
[img 37]: https://img-blog.csdnimg.cn/img_convert/dd005559f56c6ed86d08036c8c3ea8cb.png
[https_dev10.vip.cpolar.cn]: https://link.zhihu.com/?target=https%3A//dev10.vip.cpolar.cn/
[img 38]: https://img-blog.csdnimg.cn/img_convert/a24cea62cef0faacf98ed21257aaf1f6.png
[cpolar 1]: https://www.cpolar.com/
[WordPress]: https://www.cpolar.com/blog/how-to-set-up-a-wordpress-blog-in-windows-and-publish-it-to-the-public-network
[Link 2]: https://blog.csdn.net/weixin_63115236?spm=1000.2115.3001.5343
[edc78985d03043828f98dcd5a8d2983e.gif_pic_center]: https://img-blog.csdnimg.cn/edc78985d03043828f98dcd5a8d2983e.gif#pic_center