wordpress知识库
网站首页 > 知识库 > wordpress知识 >

将WordPress网站转换为静态

2018/03/05

我们可以使用几种方法将我们的WordPress网站转换为静态网站。在本文中,我们将介绍其中的两个:

  1. 使用WP插件和Git
  2. 使用WP-CLI、CI/CD和Git

使用插件和Git

要求:

  • GitHub存储库。
  • WordPress Simply Static插件(免费版)。

步骤

  1. 在浏览器上打开您的网站并安装Simply Static插件。
  2. 前往Simply Static > Settings > Deployment 将部署方法设置为Local目录并设置本地文件夹-您可以按照占位符为您提供的提示进行操作,例如/www/kinstaapi_533/public/public_static。请记住,WordPress插件不会为您创建此文件夹-您必须手动完成。
  1. 按“生成静态文件”按钮。

几分钟后,所有静态文件都将位于上一步中指定的文件夹中。

将代码推送到Git存储库

  1. 在GitHub中创建存储库。
  2. 打开终端或Powershell,转到包含静态文件的文件夹,然后运行:
git init
git remote add origin https://github.com/{username}/{repository_name}.git
git add .
git commit -m "static content"
git branch -M main
git push --force -u origin main

这些命令连接存储库并将所有静态文件推送到GitHub。推送更改会触发自动部署,因为我们已经将此存储库与Kinsta的静态站点托管连接起来。

下次您在WordPress中更改某些内容时,请重建整个网站,然后运行:

git add .
git commit -m "static content"
git push --force -u origin main

信息

您可以在Simply Static的详细指南中找到有关生成静态站点并使用Kinsta托管它的更多信息。

Simply Static的专业版提供了一个GitHub插件,可以自动执行构建过程。尽管如此,它仍然是一个付费插件,在某些情况下,手动操作可能是一个足够好的解决方案。

使用WP-CLI、CI/CD和Git

此方法使用与上述方法相同的WP插件,但在其高级(付费)版本中,并使用来自Buddy CI的CI/CD管道将代码推送到GitHub存储库。

此方法的设置更复杂,但在每次部署期间需要较少的手动工作。此外,由于您可以控制每个步骤,因此它更具可扩展性。如果需要,可以向管道添加更多操作。

要求:

  • Simply Static Pro(只有Pro版本具有WP-CLI集成)。
  • 您的网站必须是可公开访问的(因此它不能位于本地主机上),并且服务器需要SSH访问并安装WP-CLI。Kinsta WordPress托管是一个完美的选择。
  • 站点的代码库托管在GitHub存储库中
  • 一个CI/CD工具,用于编排一切。我们在此示例中使用Buddy,因为它友好且简单。但您可以使用任何其他工具,例如GitHub Actions或GitLab CI/CD。

步骤:

  1. 在浏览器上打开您的WP站点并安装Simply Static Pro插件。
  2. 前往Simply Static > Settings > Deployment 将部署方法设置为Local目录并设置正确的路径-您可以按照占位符为您提供的提示进行操作,例如/www/kinstaapi_533/public/public_static。
  3. 请记住,插件不会为您创建此文件夹-您必须手动完成。
  4. 前往GitHub存储库并创建带有写入功能的访问令牌以访问存储库。我们很快就会需要它。
  5. 在Buddy上登录您的帐户,添加一个新项目,并将其与您的存储库连接。

让我们在Buddy上创建一个管道,该管道执行以下操作:

  1. 通过服务器上的SSH运行Simply Static WP-CLI命令。
  2. 拉上所有东西的拉链。
  3. 将其下载到Buddy文件系统。
  4. 解压缩所有内容。
  5. 将所有内容推送到Git存储库。

 

“操作”选项卡上的Buddy UI,显示建议的工作流
建议的Buddy工作流程概述。
  1. 首先,我们必须添加一个名为SSH命令的操作。
  2. 在“运行CMD”选项卡中,运行:
wp simply-static run
cd public_static
zip -FSr ../static.zip .

此脚本将我们的网站转换为静态并压缩它。

  1. 在“目标”选项卡中,输入所有凭据(在MyKinsta上找到它们),并将工作目录设置为公共。
显示“目标”选项卡设置的Buddy的UI
好友目标设置。
  1. 接下来,添加“本地Shell”操作。在里面,运行:
rm -rf *

 

此命令可确保不会有任何我们不需要的文件。

  1. 要从服务器下载zip文件,请添加一个新操作(您可以通过按操作列表中的+ 来执行此操作),然后从列表中选择SFTP下载。除了凭据之外,我们还必须传递zip文件的路径并检查覆盖选项。

 

显示下载操作设置的Buddy的UI
好友的下载操作设置。
  1. 添加另一个本地Shell操作以解压缩所有文件并删除zip文件(我们不再需要它)。跑:
unzip -o static.zip
rm static.zip
  1. 转到Ubuntu选项卡,然后选择“包和工具”,安装,解压缩。为此,请运行:
apt-get update && apt-get install -y unzip
  1. 最后一步需要使用Git Push操作。您必须使用在第一步中配置的GitHub访问令牌及其密码。另外,不要忘记检查Force Push 和Push revision to the specific branch.

 

Buddy的UI显示Push操作的设置
Buddy的Push操作设置。

当您想重新部署您的网站时,请按Buddy中的“运行”按钮,奇迹就会发生。如果您想自动执行此过程,您可以使用一个WordPress插件。

 

“操作”选项卡上的Buddy UI,显示建议的工作流
建议的Buddy工作流程概述。