如何使用 Ubuntu 22.04 LTS 创建静态网站

介绍

在本文中,我将帮助您在 Ubuntu 22.04 LTS 上配置 Jekyll。 我之前的文章展示了如何在你的 Ubuntu 机器上安装和运行 Jekyll。 Jekyll 是一个由开发人员开发的惊人的静态网站生成器,供开发人员发布艺术静态网站。 本指南中的说明仅适用于 Ubuntu 操作系统。 不要尝试在 Debian 或其他发行版上使用它们,因为软件包可能会破坏它们。

先决条件

您需要在您的系统上已经运行以下设置。

  • 红宝石堆栈
  • 海合会
  • 制作
  • 捆绑器宝石
  • 杰基尔宝石

以下是如何立即安装它们。

$ sudo apt-get install ruby-full build-essential zlib1g-dev
$ gem install jekyll bundler

现在您的系统已准备好运行 Jekyll。

配置 Jekyll

步骤 1. 创建一个新项目

现在我需要一个如下所述的简单命令来创建一个新项目并安装所需的 gem 和依赖项。

$ jekyll new jSite

现在已安装所有必需的 gem 和依赖项。 新网站已创建。

步骤 2. 启动 Jekyll 服务器

现在是发射时间。 您需要应用以下命令在浏览器中启动 Jekyll 服务器,如下所示。

$ bundle exec jekyll serve

步骤 3. 使用浏览器确认启动

启动您最喜欢的浏览器,看看是否一切正常。

步骤 4. 使用 _config.yml 文件

现在我将指导您使用 _config.yml 文件来保存所有配置。

您注意到在上面的屏幕截图中有一些关键设置需要完成。 在这里,我将解释它们中的每一个。

我还将添加一些额外的变量以进一步改进它。 _config.yml 文件中添加的任何数据都被视为全局变量。

标题: 在这里,您应该添加您网站的标题。 就这样吧 LinuxWays.Net

电子邮件: 出于多种原因的全球电子邮件。 将其更改为 [email protected]

描述: 这是您在全球范围内介绍自己的地方。 这可以在网站上的任何地方使用。

接下来,您将提供与您的主机相关联的域名。

网址: “yourdomain.com”

现在我将把 Github 和 Twitter 的社交链接更新为“linuxways”。

您现在可以看到更新的文件。

我使用 nano 编辑 _config.yml 文件。 您可以使用任何可用的编辑器来使用它。

步骤 5. 再次运行 Jekyll 服务器

现在我要再次运行 Jekyll 服务器来发布站点。 首先,保存文件,然后 close 编辑。 你很高兴为新网站服务。

$ bundle exec jekyll serve

我们的静态网站现已准备就绪,并以最大功率运行。 您已准备好编辑 HTML 文件和 CSS 以使其达到理想状态。

结论

在本指南中,我向您介绍了 Jekyll 的高级配置以对其进行自定义。 您可以添加新的 CSS、HTML 和 JavaScript 来进一步改进网站,或者简单地使用 HTML 模板来即兴创作。 Ruby gem 不能安装在 Windows 上。 用户在使用时经常破坏他们的系统 红宝石 在 Windows 上。 最好避免它。