如何搭建WordPress博客网站,并且发布至公网上?

如何搭建WordPress博客网站,并且发布至公网上?

文章目录

  • 如何搭建WordPress博客网站,并且发布至公网上?
    • 概述
    • 前置准备
    • 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.4 安装WordPress相对URL插件(必需)
      • 修改config.php配置
    • 总结:

概述

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

前置准备

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

访问WordPress官网: 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

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

img

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

img

2 创建一个新数据库

2.1 创建数据库

在localhost上点击右键,选择新建数据库

img

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

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

之后,点击确认按钮。

img

img

数据库创建成功。

2.2 为数据库创建一个用户

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

用户点击右键,弹出菜单,选择 新建用户

img

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

img

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

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

img

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

img

添加好以后,如下图所示:

img

3 安装PHP7.4

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

img

4. 创建一个新站点

4.1 创建站点根目录

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

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

下载地址: https://wordpress.org/latest.zip

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

img

粘贴到site1目录下,如下图:

img

4.3 创建新Web站点

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

img

按下图配置:

img

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

img

4.4 打开浏览器测试一下

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

img

5 cpolar配置

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

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

cpolar后台–预留–保留二级子域名,本例中: 二级子域名: dev10 (您可以配置成不同的) 地区: 选择 China VIP(cn_vip) 描述: wordpress (可选)

如下图:

img

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

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

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

打开后的样式:

img

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

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

修改后的配置文件,如下图:

img

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

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

修改后,保存文件。

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

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

img

关掉后台的cpolar服务

cpolar service stop

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

cpolar start-all

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

img

按CTRL+C,关掉前台cpolar

启动后台cpolar服务

cpolar service start

我们打开浏览器,测试一下 http://dev10.vip.cpolar.cn/

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

img

6 WordPress初始化配置

6.1 WordPress初始化设置

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

选择中文简体,按继续按钮

img

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

img

img

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

img

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

img

安装WordPress成功!

6.2 为WordPress定制主题

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

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

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

点击安装主题按钮,如下图:

img

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

img

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

img

新开一个浏览器窗口,打开 http://dev10.vip.cpolar.cn/

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

img

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

6.4 安装WordPress相对URL插件(必需)

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

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

插件:

  • odt-relative-urls
  • relative-url
  • root-relative-urls

本例中,我们安装Relative URL插件:

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

img

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

img

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

修改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

现在,我们的博客站点可以被公网正常访问啦!让我们看看效果:

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

img

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

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

总结:

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

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

欢迎进一步了解更多关于cpolar的讯息

转载自cpolar极点云文章:如何搭建WordPress博客网站,并且发布至公网上?

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.rhkb.cn/news/73481.html

如若内容造成侵权/违法违规/事实不符,请联系长河编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

振弦传感器信号转换器应用山体滑坡安全监测

振弦传感器信号转换器应用山体滑坡安全监测 随着人类文明的进步,自然灾害对人们的生活和财产安全造成的威胁也越来越大。山体滑坡作为自然灾害中的一种,给人们的生活和财产安全带来了极大的威胁。因此,进行山体滑坡的安全监测显得尤为重要。振…

Chat模块封装

封装保存用户类 utils/chat.js class Chat{constructor(){// 当前登录的用户this._user null;// 会话数组 和多个人this._sessions []; //user message// 当前会话 (和谁在聊天)this._current_session null;}setUser(user){this._user user} }exp…

C++中数据的输入输出介绍

C中数据的输入输出介绍 C中数据的输入输出涉及到的文件 <iostream>&#xff1a;这是C标准库中最常用的头文件之一&#xff0c;包含了进行标准输入输出操作的类和对象&#xff0c;如std::cin、std::cout、std::endl等。 <iomanip>&#xff1a;该头文件提供了一些用…

免费商用 Meta 发布开源大语言模型 Llama 2

Meta 和微软深度合作&#xff0c;正式推出下一代开源大语言模型 Llama 2&#xff0c;并宣布免费提供给研究和商业使用。 Llama 2 论文地址&#xff1a;Llama 2: Open Foundation and Fine-Tuned Chat Models 据介绍&#xff0c;相比于 Llama 1&#xff0c;Llama 2 的训练数据多…

AD21 PCB设计的高级应用(九)3D PDF的输出

&#xff08;九&#xff09;3D PDF的输出 1.3D PDF的输出2.制作PCB 3D视频 1.3D PDF的输出 Altium Designer 19 带有 3D输出功能,能够直接将 PCB 的 3D效果输出到 PDF 中。 ’(1)打开带有 3D 模型的 PCB 文件,执行菜单栏中“文件”→“导出”→“PDF3D”命令&#xff0c;选择…

计算机网络 day7 扫描IP脚本 - 路由器 - ping某网址的过程

目录 network 和 NetworkManager关系&#xff1a; 实验&#xff1a;编写一个扫描脚本&#xff0c;知道本局域网里哪些ip在使用&#xff0c;哪些没有使用&#xff1f; 使用的ip对应的mac地址都要显示出来 计算机程序执行的两种不同方式&#xff1a; shell语言编写扫描脚本 …

【Linux】自动化构建工具-make/Makefile详解

前言 大家好吖&#xff0c;欢迎来到 YY 滴 Linux系列 &#xff0c;热烈欢迎&#xff01;本章主要内容面向接触过Linux的老铁&#xff0c;主要内容含 欢迎订阅 YY 滴Linux专栏&#xff01;更多干货持续更新&#xff01;以下是传送门&#xff01; 订阅专栏阅读&#xff1a;YY的《…

OpenHarmony ArkUI 如何调用相机

​ ArkUI调用相机和调用相册其实是一个思路&#xff0c;只用修改一个地方。 我们继续来说相机调用&#xff0c;ArkUI没办法自己获取相机&#xff0c;所以得依靠一下ohos.multimedia.camera 相机开发指导 介绍 本指导主要展示了调用相机的调用过程&#xff0c;以及调用相机的…

Unity Shader - if 和 keyword 的指令比较

文章目录 环境TestingIf4Sampleunity shaderlab 中的 TestingIf4Sample.shadergraphics analyzer 中的 TestingIf4Sample.glsl TestingKW4Sampleunity shaderlab 中的 TestingKW4Sample.shadergraphics analyzer 中的 TestingKW4Sample.glsl 比较 环境 Unity : 2020.3.37f1 Pi…

网络安全(零基础)自学

一、网络安全基础知识 1.计算机基础知识 了解了计算机的硬件、软件、操作系统和网络结构等基础知识&#xff0c;可以帮助您更好地理解网络安全的概念和技术。 2.网络基础知识 了解了网络的结构、协议、服务和安全问题&#xff0c;可以帮助您更好地解决网络安全的原理和技术…

新的恶意软件 WikiLoader 针对意大利组织

研究人员发现了一种新的恶意软件&#xff0c;名为 WikiLoader 恶意软件。之所以这样命名&#xff0c;是因为它向维基百科发出请求&#xff0c;希望得到内容中包含 "The Free "字符串的响应。 WikiLoader 恶意软件的主要目标是意大利企业及组织。 WikiLoader 是一种…

首页和图表的定制

首页就是刚刚那些在静态资源扫描文件下叫 index.html 的文件 头像

wolfSSL5.6.3 虚拟机ubuntu下编译运行记录(踩坑填坑)

网上相关教程很多(包括wolfSSL提供的手册上也是如此大而化之的描述)&#xff0c;大多类似如下步骤&#xff1a; ./configure //如果有特殊的要求的话可以在后面接上对应的语句&#xff0c;比如安装目录、打开或关闭哪些功能等等 make make install 然后结束&#xff0c;大体…

OpenMMLab MMDetectionV3.1.0-SAM(环境安装、模型测试、训练以及模型后处理工具)

OpenMMLab Playground 概况 当前通用目标检测的研究方向正在朝着大型多模态模型发展。除了图像输入之外&#xff0c;最近的研究成果还结合了文本模式来提高性能。添加文本模态后&#xff0c;通用检测算法的一些非常好的属性开始出现&#xff0c;例如&#xff1a; 可以利用大量…

UniPro助力金融企业数字化转型 强化项目协作与跟踪

根据一份来自Standish Group的研究报告&#xff08;"CHAOS Report"&#xff09;&#xff0c;该报告对美国各行业的项目进行了调查&#xff0c;结果显示仅有不到一半&#xff08;约44%&#xff09;的项目能够成功按时完成&#xff0c;并达到预期的业务目标。其中&…

短视频矩阵营销系统技术开发者开发笔记分享

一、开发短视频seo抖音矩阵系统需要遵循以下步骤&#xff1a; 1. 确定系统需求&#xff1a;根据客户的需求&#xff0c;确定系统的功能和特点&#xff0c;例如用户注册登录、视频上传、视频浏览、评论点赞等。 2. 设计系统架构&#xff1a;根据系统需求&#xff0c;设计系统的…

【uniapp】【Vue3】 超简单全局自定义弹窗组件Modal

Element-Plus 自动引入&#xff0c;Icon图标不显示 //这样写是不会显示的 <el-icon size"20"><view /> </el-icon>// 应该这样写 <el-icon size"20"><i-ep-view/> </el-icon>// 或 <i-ep-view/>这个名字怎么去…

Jenkins 自动化部署实例讲解,另附安装教程!

【2023】Jenkins入门与安装_jenkins最新版本_丶重明的博客-CSDN博客 也可以结合这个互补看 前言 你平常在做自己的项目时&#xff0c;是否有过部署项目太麻烦的想法&#xff1f;如果你是单体项目&#xff0c;可能没什么感触&#xff0c;但如果你是微服务项目&#xff0c;相…

改进的智能优化算法定性分析:收敛行为分析(Analysis of the convergence behavior )

目录 一、智能优化算法改进收敛行为分析运行结果 二、收敛性分析 三、GWO1在F1收敛性运行结果 四、改进灰狼算法GWO1 五、代码获取 一、智能优化算法改进收敛行为分析运行结果 本文以改进的灰狼算法 GWO1 为例&#xff0c;在 CEC2005 测试函数上进行定性分析实验。 F1:…

SpringBoot之Actuator基本使用

SpringBoot之Actuator基本使用 引入分类常用接口含义healthbeansconditionsheapdumpmappingsthreaddumploggersmetrics 引入 <!-- actuator start--> <dependency><groupId>org.springframework.boot</groupId><artifactId>spring-boot-starter…