该系列的一部分： 如何使用 CSS 构建网站 本教程是使用 CSS创建和自定义此网站的系列的一部分，CSS 是一种用于控制网站呈现的样式表语言。您可以按照整个系列重新创建演示网站并熟悉 CSS 或将此处描述的方法用于其他 CSS 网站项目。 在继续之前，我们建议您了解一些 HTML 知识，HTML 是用于在 Web 浏览器中显示文档的标准标记语言。如果您不熟悉 HTML，可以在开始本系列之前先阅读我们如何使用 HTML 构建网站系列的前十个教程。 介绍 在本教程中，您将创建 CSS ID 选择器，并了解在使用 CSS 和 HTML 构建网站时如何以及为何使用它们。 CSS ID 选择器的功能类似于 CSS类选择器。它们允许您创建可应用于具有唯一 ID 属性的 HTML 元素的 CSS 规则。与类一样，ID 名称由开发人员在使用 ID 选择器创建 CSS 规则时选择。然而，ID是从，你只能使用一个单独的ID类不同，一旦一个HTML文件内。因此，您只需为出现在页面上一次的项目（如顶部徽标、站点标题或导航栏）定义 ID。一般情况下，CSS ID 很少使用。 先决条件 要遵循本教程，请确保您已按照本系列如何设置 CSS 和 HTML 练习项目中的上一个教程中的说明设置必要的文件和文件夹。 创建 CSS ..
Category : 教程系列
作为Write for DOnations计划的一部分，作者选择了技术教育基金来接受捐赠。 介绍 Docker是一个开源应用程序，允许管理员使用容器创建、管理、部署和复制应用程序。容器可以被认为是一个包，其中包含应用程序在操作系统级别运行所需的依赖项。这意味着使用 Docker 部署的每个应用程序都存在于自己的环境中，并且其需求是单独处理的。 Flask是一个基于Python的 Web 微框架。之所以称为微框架，是因为它不需要特定的工具或插件即可运行。Flask 框架是轻量级和灵活的，但高度结构化，使其优于其他框架。 使用 Docker 部署 Flask 应用程序将允许您以最少的重新配置跨不同服务器复制应用程序。 在本教程中，您将创建一个 Flask 应用程序并使用 Docker 部署它。本教程还将介绍如何在部署后更新应用程序。 先决条件 要遵循本教程，您将需要以下内容： 具有 sudo 权限的非 root 用户按照Ubuntu 18.04指南的初始服务器设置进行配置。 一台安装了 Docker 的 Ubuntu 18.04 服务器，按照本教程或使用 DigitalOcean一键式 Docker 镜像进行设置。 Nginx的安装由下面的步骤一个如何在Ubuntu 18.04安装Nginx的教程。 第 1 步 – 设置 Flask 应用程序 首先，您将创建一个目录结构来保存您的 Flask 应用程序。本教程将创建一个名为TestAppin的目录/var/www，但您可以修改该命令以将其命名为您喜欢的任何名称。 sudo mkdir /var/www/TestApp 移动到新创建的TestApp目录： cd ..
作者选择了COVID-19 救济基金来接受捐赠，作为Write for DOnations计划的一部分。 介绍 在Apache Web服务器使用虚拟主机上的单个实例管理多个域。同样，PHP-FPM使用守护进程在单个实例上管理多个 PHP 版本。您可以一起使用 Apache 和 PHP-FPM 来托管多个 PHP Web 应用程序，每个应用程序都使用不同版本的 PHP，都在同一服务器上，并且都在同一时间。这很有用，因为不同的应用程序可能需要不同版本的 PHP，但某些服务器堆栈，如定期配置的 LAMP 堆栈，只能管理一个。与将每个应用程序托管在自己的实例上相比，将 Apache 与 PHP-FPM 相结合也是一种更具成本效益的解决方案。 PHP-FPM也提供配置选项，stderr以及stdout日志记录，紧急重新启动和适应过程产卵，这是重载的网站是有用的。事实上，将 Apache 与 PHP-FPM 结合使用是托管 PHP 应用程序的最佳堆栈之一，尤其是在性能方面。 在本教程中，您将在单个实例上设置两个 PHP 站点。每个站点将使用自己的域，每个域将部署自己的 PHP 版本。第一个，site1.your_domain将部署 PHP 7.0。第二个，site2.your_domain将部署 PHP 7.2。 先决条件 按照 CentOS 7的初始服务器设置设置一台至少具有 1GB RAM 的 CentOS 7 服务器，包括 sudo 非 root 用户和防火墙。 按照如何在 ..
作者选择Creative Commons接受捐赠，作为Write for DOnations计划的一部分。 介绍 您可以使用默认的Create React App构建工具将React应用程序快速部署到服务器。该脚本将应用程序编译到一个包含所有JavaScript代码、图像、样式和HTML文件的目录中。将资产放在一个位置，您可以以最少的配置部署到 Web 服务器。build 在本教程中，您将在本地机器上部署一个 React 应用程序到运行Nginx的Ubuntu 20.04服务器。您将使用 Create React App 构建应用程序，使用 Nginx 配置文件来确定部署文件的位置，并将构建目录及其内容安全地复制到服务器。在本教程结束时，您将能够构建和部署 React 应用程序。 先决条件 在你的本地机器上，你需要一个运行Node.js的开发环境；本教程在 Node.js 版本 10.22.0 和 npm 版本 6.14.6 上进行了测试。要在 macOS 或 Ubuntu 20.04 上安装它，请按照如何在 macOS 上安装 Node.js 和创建本地开发环境或如何在 Ubuntu 20.04 上安装 Node.js 的使用 PPA 安装部分中的步骤进行操作。 一个用于部署的 Ubuntu 20.04 服务器，按照Ubuntu 20.04教程的初始服务器设置进行设置，包括启用 sudo 的非root用户、防火墙和本地计算机的 ..
介绍 使用数据库时，有时您可能需要更改已插入其中的数据。例如，您可能需要更正拼写错误的条目，或者您可能需要将新信息添加到不完整的记录中。 结构化查询语言（通常称为SQL）提供了UPDATE允许用户更改表中现有数据的关键字。 本指南概述了如何使用 SQL 的UPDATE语法来更改一个或多个表中的数据。它还解释了 SQL 如何处理UPDATE与外键约束冲突的操作。 先决条件 要遵循本指南，您需要一台运行某种类型的使用 SQL 的关系数据库管理系统 (RDBMS) 的计算机。本指南中的说明和示例已使用以下环境进行验证： 运行 Ubuntu 20.04 的服务器，具有管理权限的非 root 用户和使用 UFW 配置的防火墙，如我们的 Ubuntu 20.04 初始服务器设置指南中所述。 在服务器上安装并保护 MySQL，如如何在 Ubuntu 20.04 上安装 MySQL 中所述。本指南已使用非 root MySQL 用户进行验证，该用户使用步骤 3中描述的过程创建。 注意：请注意，许多 RDBMS 使用自己独特的 SQL 实现。尽管本教程中概述的命令适用于大多数 RDBMS，但如果您在 MySQL 以外的系统上测试它们，则确切的语法或输出可能会有所不同。 您还需要一个数据库，其中包含一些加载了示例数据的表，您可以使用这些数据来练习更新 SQL 数据。我们鼓励您阅读以下连接到 MySQL 和设置示例数据库部分，详细了解如何连接到 MySQL 服务器并创建本指南示例中使用的测试数据库。 连接到 MySQL 并设置示例数据库 如果您的 ..
介绍 Redis是一种开源的内存键值数据存储，擅长缓存。作为一个非关系型数据库，Redis 以其灵活性、性能、可扩展性和广泛的语言支持而闻名。 Redis 旨在供受信任环境中受信任的客户端使用，并且自身没有强大的安全功能。但是，Redis 确实具有一些安全功能，例如基本的未加密密码以及命令重命名和禁用。本教程提供有关如何安装 Redis 和配置这些安全功能的说明。它还涵盖了一些其他设置，可以提高 CentOS 8 上独立 Redis 安装的安全性。 请注意，本指南不涉及 Redis 服务器和客户端应用程序位于不同主机或不同数据中心的情况。Redis 流量必须穿越不安全或不受信任的网络的安装将需要一组不同的配置，例如在 Redis 机器之间设置 SSL 代理或VPN。 先决条件 要完成本教程，您需要一台运行 CentOS 8 的服务器。该服务器应具有具有管理权限的非 root 用户和配置为firewalld. 要进行设置，请遵循我们的 CentOS 8 初始服务器设置指南。 第 1 步 – 安装和启动 Redis 您可以使用 DNF 包管理器安装 Redis。以下命令将安装 Redis 及其依赖项，以及nano一个用户友好的文本编辑器。您不必安装nano，但我们将在本指南的示例中使用它： sudo dnf install redis nano 此命令将提示您确认是否要安装选定的软件包。按y然后ENTER执行此操作： Output. . . Total download ..
作为Write for DOnations计划的一部分，作者选择了“编码女孩”来接受捐赠。 介绍 Docker是在生产环境中运行 Web 应用程序的一种有效方式，但您可能希望在同一个 Docker 主机上运行多个应用程序。在这种情况下，你需要建立一个反向代理，因为你只是想揭露港口80和443世界其他地区。 Traefik是一个 Docker 感知的反向代理，包括它自己的监控仪表板。在本教程中，您将使用 Traefik 将请求路由到两个不同的 Web 应用程序容器：WordPress容器和Adminer容器，每个容器都与MySQL数据库通信。您将使用Let’s Encrypt将 Traefik 配置为通过 HTTPS 提供所有服务。 先决条件 要学习本教程，您将需要以下内容： 一台 CentOS 7 服务器按照CentOS 7 的初始服务器设置进行设置，包括 sudo 非 root 用户和防火墙。 Docker 安装在您的服务器上，您可以按照如何在 CentOS 7 上安装和使用 Docker 来完成。 按照如何在 CentOS 7 上安装 Docker Compose 中的说明安装 Docker Compose。 一个域和三个 A 记录、db-admin、blog和monitor，每条记录都指向您服务器的 IP 地址。您可以通过阅读 DigitalOcean ..
介绍 Adobe After Effects 是一种生成网络动画的直观方式，但在将这些动画转换为网络应用程序时一直存在问题。通常需要使用第三方程序从 After Effects 导入动画。 其中一个程序是由 Airbnb Design 开发的Lottie。它允许您以轻量级和灵活的格式实时使用这些动画。Lottie 从名为 Bodymovin 的 After Effects 扩展中获取 JSON 数据，并将其转换为可用于 Web 的动画。 在本文中，我们将探索如何使用 Lottie 为我们的 React 应用程序添加动画。为了实现这一点，我们将使用一个 npm 包react-lottie来从 Bodymovin 导出的 JSON 文件中生成可视动画。 注意：由于我们将专注于应用程序方面，因此我们不会介绍如何在 After Effects 中创建这些动画，而是使用设计师在LottieFiles上创建和开源的动画。如果您想使用 After Effects 上的动画，可以使用 After Effects 的 Bodymovin 插件将它们导出为 JSON。 在本教程中，我们将构建一个 React 应用程序，它由两种类型的 Lotties 组成，一种是常规的，另一种是根据状态中的某些值控制动画的。 如果您想查看最终代码，请查看此CodeSandbox 示例。 先决条件 要完成本教程，您需要： ..
作为Write for DOnations计划的一部分，作者选择了“编码女孩”来接受捐赠。 注意：本教程适用于 Traefik v1。如果你想安装和配置 Traefik v2，请使用这个较新的教程。 介绍 Docker是在生产环境中运行 Web 应用程序的一种有效方式，但您可能希望在同一个 Docker 主机上运行多个应用程序。在这种情况下，你需要建立一个反向代理，因为你只是想揭露港口80和443世界其他地区。 Traefik是一个 Docker 感知的反向代理，包括它自己的监控仪表板。在本教程中，您将使用 Traefik 将请求路由到两个不同的 Web 应用程序容器：WordPress容器和Adminer容器，每个容器都与MySQL数据库通信。您将使用Let’s Encrypt将 Traefik 配置为通过 HTTPS 提供所有服务。 先决条件 要学习本教程，您将需要以下内容： 按照Ubuntu 18.04 初始服务器设置指南设置一台 Ubuntu 18.04 服务器。这包括一个 sudo 非 root 用户和一个防火墙。 Docker 安装在您的服务器上，您可以按照如何在 Ubuntu 18.04 上安装和使用 Docker 来完成。 按照如何在 Ubuntu 18.04 上安装 Docker Compose 中的说明安装 Docker Compose。 一个域和三个 ..
作为Write for DOnations计划的一部分，作者选择了免费和开源基金来接受捐赠。 介绍 导入和导出数据库是软件开发中的一项常见任务。您可以使用数据转储来备份和恢复您的信息。您还可以使用它们将数据迁移到新服务器或开发环境。 在本教程中，您将使用MySQL或MariaDB 中的数据库转储（这些命令可以互换）。具体来说，您将导出一个数据库，然后从转储文件中导入该数据库。 先决条件 要导入或导出 MySQL 或 MariaDB 数据库，您需要： 具有非 root sudo 用户的虚拟机。如果您需要服务器，请到此处创建运行您最喜欢的 Linux 发行版的 DigitalOcean Droplet。创建后，从此列表中选择您的发行版并遵循我们的初始服务器设置指南。 已安装 MySQL 或 MariaDB。要安装 MySQL，请按照我们的教程，如何安装 MySQL。要安装 MariaDB，请按照我们的教程如何安装 MariaDB 进行操作。 在您的数据库服务器中创建的示例数据库。要创建一个，请按照我们的教程“MySQL 查询简介”中的“创建示例数据库”进行操作。 注意：作为手动安装的替代方法，您可以探索 DigitalOcean Marketplace 的MySQL 一键式应用程序。 步骤 1 — 导出 MySQL 或 MariaDB 数据库 该mysqldump控制台工具导出数据库SQL文本文件。这使得传输和移动数据库变得更加容易。您将需要您的数据库名称和帐户凭据，该帐户的权限至少允许对数据库进行完全只读访问。 使用mysqldump导出数据库： mysqldump -u username -p database_name > data-dump.sql username ..