伪原创*敏*感*词*(注册域名和托管你的网站是个怎样的体验?)
优采云 发布时间: 2022-02-03 02:03伪原创*敏*感*词*(注册域名和托管你的网站是个怎样的体验?)
译者:ypingcn
如果您正在构建一个新的 网站,那么静态页面*敏*感*词*可能是正确的选择。
除非你是像艾米莉狄金森这样的隐居者,否则当你做某事时,你想与世界分享。分享你的工作意味着需要一个网站。当然,你可以尽情享受数字时代的便利,使用任何不同的社交网站s,将你的作品呈现在观众面前。有很多选择,不仅仅是传统的社交网站,比如Artstation、Flickr、Soundcloud、Wattpad,无论你的媒介是什么,总有一个网站适合你。
其实你应该用这些网站,毕竟人在这些网站上。然而,没有一个地方是真正属于你的。没有 网站 可以保证人们会在 网站 上找到您的作品,无论社会趋势如何。
控制,这就是在网上拥有自己的位置的意思。
但是这个文章 不包括注册域名和托管你的网站。介绍的是实际制作网页的下一步。对于许多人来说,典型的选择是使用像 WordPress[1] 这样的软件。在大多数托管服务提供商上,它是一键式安装,然后有大量的插件和主题可供选择。插件和主题的选择取决于您要制作的网页类型。但 WordPress 不仅对大多数 网站 来说有点矫枉过正,它还为您提供了一个收录许多活动部分的动态页面。如果您不使这些小部件保持最新状态,这些小部件可能会带来重大的安全风险,并且您的页面将被劫持。
另一种方法是在服务器端拥有一个没有任何动态内容生成的静态网页。只是一些原创的 HTML 和 CSS(也许一点 Javascript 也会很好)。此选项的缺点是您以后必须自己编写所有代码。虽然它有效,但您只是想要一个展示您的作品的地方,并且您不想了解底层的网页设计功能(以及重要但令人讨厌的跨浏览器兼容性)。
使用静态页面*敏*感*词*。您可以获得静态 HTML 页面的速度和安全性,但工作流程接近动态页面的便利性。静态页面*敏*感*词*界的两位先驱是 Hugo[2] 和 Jekyll[3],(顺便说一下,Paolo Bonzini 的 文章 “Jekyll Getting Started[4]”写得很好)但哪一个是你的权利选择?希望看完这篇文章,你会知道得更多。我们将根据易用性、主题可用性、编辑风格和可扩展性来评估这两种静态页面*敏*感*词*。
开始
公平地提醒一下,这两个都需要您从命令行使用它们。大多数命令都简单易记,但让我们相应地调整我们的期望,这不是一个只需点击几下鼠标就能完成的界面。
Jekyll 和 Hugo 的安装都相当简单。Jekyll 是作为 RubyGem 安装的,Hugo 提供了一个方便的集成二进制文件来帮助您快速入门。由于安装包单一,Hugo 的领先优势很小。虽然 Jekyll 的 RubyGems 安装本质上很简单,但它确实需要您的计算机上已经有一个正确安装和配置的 Ruby 环境。除了社区设计师和网页开发者,大多数用户都没有提前安装它。
话虽如此,一旦安装,Hugo 和 Jekyll 都可以很好地工作。他们都有很好的文档和快速入门指南。您可以使用一个简单的命令创建一个新页面(Jekyll 中的 jekyll new,Hugo 中的 hugo new site)。此步骤创建一个新的通用目录结构和 网站 的大致内容。目录结构和基本配置非常相似。Jekyll 使用 _config.yml 文件,Hugo 使用 config.toml (虽然你可以在 Hugo 的配置中使用 YMAL 或 JSON 语法,如果你觉得更舒服的话)。每个内容文件的前端元数据使用相同的配置语法。然后,一切都用 Markdown 编写。
我想说 Jekyll 在帮助您开始第一个静态网页方面略领先于 Hugo,因为它可以让您从一些基本内容和默认主题开始。您可以在构建网页时将此内容用作模板。Hugo 没有示例内容,甚至没有默认主题。尽管如此,示例内容和默认主题是我在使用任何工具构建 网站 时首先删除的内容,因此 Hugo 实际上为我节省了这一步。
主题
正如我所提到的,Hugo 根本没有默认主题,所以主题可能是您打算首先设置的。Jekyll 有一个不错的默认主题,虽然它只是一个骨架。您可能还想为您的 Jekyll 页面找到一个主题。
Hugo 和 Jekyll 都有各种各样的主题,从单页主题到带有博客和评论的成熟多页主题。尽管如此,找到满足您需求的主题并不容易。无论使用哪一个,主题网站——Hugo 的themes.gohugo.io[5] 和Jekyll 的[6],基本上都是一个巨大的页面,里面全是主题的截图。单击某个主题后,您可以获得有关该主题的一些非常详细的信息,但是对于初始搜索来说非常困难。Hugo 的主题网站有一些基本的标签类别,但总的来说,在我看来,主题搜索和展示都是需要继续工作的项目。
话题管理也是一个有趣的话题。在这两个项目中,几乎每个主题都是一个 Git 存储库(通常托管在 Github 上),您需要将其克隆到您的网站。在 Jekyll 中,有一个额外的步骤是使用 RubyGems 包来确保主题由 网站 管理。大多数主题都有一个 Gemfile,可以让这一步变得更容易。如果主题没有 Gemfile,添加它相当简单。这没有捆绑在 Hugo 中,只需在 config.toml 中指向您的主题。
我发现我更喜欢 Hugo 的主题处理。您可以将主题克隆(或创建新)到主题中自己的子文件夹中。这不仅可以让您在开始时轻松切换主题,还可以让您用自己的文件替换主题中的任何组件。这意味着您可以根据自己的喜好自定义主题,而不会弄乱原创主题,从而使主题对其他人也通用。当然,如果您认为其他用户会觉得有价值的更改,您仍然可以编辑源文件并向主题维护者提交 PR(拉取请求)。
工作过程
设置好初始配置后,Jekyll 和 Hugo 的 网站 构建过程是相似的。两者都有一个 live serve 命令,可以在您的计算机上运行一个小型、轻量级的 Web 服务器,因此您可以在本地测试您的 网站 而无需在任何地方上传。好消息是,无论您是运行 jekyll serve 还是 hugo serve 都默认配置为监视您在开发时对 网站 所做的任何更改。当您在浏览器中查看本地版本的 网站 时,无论您更改内容、配置、主题还是仅更改图像,它都会根据您的更改自动更新。这真是方便又省时。
在两个系统上的 Markdown[7] 中编写您的 网站 内容。如果你碰巧不熟悉 Markdown,(让我解释一下)这是一种非常简单的纯文本编写方式,带有一些很好的格式化符号。它易于使用和阅读。而且因为它是纯文本,所以您的内容(实际上是您的 网站)很容易进行版本控制。这是我这些天几乎写所有东西的主要方式。
通过在正确的位置手动创建文件,可以将新内容添加到 网站。新文件只需要是带有适当的前端元数据的 Markdown 文件。至于配置文件,Jekyll 使用 YAML 语法进行预配置,Hugo 接受 TOML、YAML 或 JSON(默认为 TOML)。新文件需要放在正确的文件夹中,在 Jekyll 中,您需要将正在编写的文件和已完成的内容页面分别放在 _drafts 和 _posts 目录中。Hugo 中只有一个内容目录。您可以根据文件的预配置配置判断这是否是草稿。
现在,虽然可以手动完成所有这些操作,但 Hugo 提供了一些方便的功能,以确保您的新文件是在正确的文件中创建的,并且这些文件也预先配置了正确的预配置。只需转到终端中的 网站 目录并输入 hugo new content/
,
表示您要创建的新页面。您甚至可以设置一些称为原型的模板,其中包括针对不同页面的预配置自定义(例如在您的页面上同时拥有博客和播客)。
当您的页面准备就绪时,您可以关闭预览服务器并使用单个命令构建您的 网站 真实页面。在 Jekyll 中是 jekyll build,Hugo 只是 hugo,Jekyll 将完成的页面放在 _site 子目录中。但是,Hugo 将这些文件放在一个名为 public 的子目录中。无论哪种情况,一旦你完成了,你就有了一个完整的静态网站,你几乎可以在任何地方上传和托管。
可扩展性
Hugo 和 Jekyll 都可以让您自定义即使是最小的位置 网站。然而,在可扩展性方面,Jekyll 现在的插件 API 遥遥领先。由于这种插件结构,很容易向 Jekyll 生成的 网站 添加功能,无论是通过 Jekyll 社区还是自己编写相当短的代码片段。
Hugo 现在根本没有插件 API,所以添加功能有点困难。希望将来支持编写和收录插件。但是现在看不到有人这样做。
综上所述
总的来说,Hugo 和 Jekyll 非常相似。这一切都取决于您的工作经验和您的网站 需求。如果您已经设置好 RubyGems 环境并且需要插件可扩展性,那么 Jekyll 是您的选择。但是,如果您重视简单的工作流程,一种直接自定义 网站 的方式,那么 Hugo 是您的首选。
我发现我更喜欢 Hugo 的方法,并且在构建一个小的 网站 时,我不需要任何插件。当然,每个人的需求都不一样。您会为 网站 选择哪个静态页面*敏*感*词*?
(标题图片:)
通过:
作者:Jason van Gumster[8] 译者:ypingcn[9] 校对:wxy
本文由LCTT原创编译,Linux中国荣幸推出