直观:Hugo 对比 Jekyll:两大领先的静态页面*敏*感*词*之间的比较

优采云 发布时间: 2022-11-26 06:41

  直观:Hugo 对比 Jekyll:两大领先的静态页面*敏*感*词*之间的比较

  译者:易平网

  如果您正在构建一个新网站,静态页面*敏*感*词*可能是正确的选择。

  除非你像艾米莉·狄金森(Emily Dickinson)那样是一个隐居的人,否则当你做了某件事时,你会想与世界分享。共享您的工作意味着需要一个网站。当然,您可以享受数字时代的便利,并使用任何不同的社交网站将您的作品呈现在观众面前。有很多选择,不仅仅是传统的社交网站,如Artstation,Flickr,Soundcloud,Wattpad,无论你的媒体是什么,总有一个网站适合你。

  实际上,您应该使用这些网站,毕竟人们在这些网站上。然而,没有一个地方是真正属于你的。没有网站可以保证人们会找到您的作品,无论社会趋势如何。

  控制,这就是在网上拥有一个属于你的地方的意义。

  但本文不会涵盖注册域名和托管您的网站。我们将要介绍的是实际制作网页的后续步骤。对于许多人来说,典型的选择是使用像WordPress这样的软件[1]。在大多数主机商上,只需单击一下即可安装,然后有大量插件和主题可供选择。插件和主题的选择取决于您要制作的网页类型。但是WordPress不仅对大多数网站来说有点太多了,它还为您提供了一个带有许多活动部件的动态页面。如果您不更新这些部分,它们可能会带来重大安全风险,并且您的页面可能会被劫持。

  另一种方法是在服务器端拥有一个静态网页,而无需生成任何动态内容。只有一些原创

的HTML和CSS(也许一点Javascript就可以了)。这种选择的缺点是你必须自己编写所有代码。虽然它有效,但你只是想要一个展示你作品的地方,你不想知道底层网页设计的功能(以及重要但令人沮丧的跨浏览器兼容性)。

  使用静态页面*敏*感*词*。您可以获得静态 HTML 页面的速度和安全性,但工作流程接近动态页面的便利性。静态页面*敏*感*词*领域的两位先驱是Hugo[2]和Jekyll[3](顺便说一下,Paolo Bonzini的文章“Jekyll Start[4]”写得很好),但哪个是你的正确选择?希望看完这篇文章后,你会知道得更好。我们将根据易用性、主题可用性、编辑风格和可扩展性来评估这两个静态页面*敏*感*词*。

  开始

  公平地说,这两者都要求您在命令行中使用它们。大多数命令都简单易记,但让我们相应地调整我们的期望,它不是一个只需点击几下鼠标即可完成操作的界面。

  杰基尔和雨果的安装相当简单。Jekyll 以 RubyGem 的方式安装,Hugo 提供了一个方便的集成二进制文件,让你快速上手。由于安装包单一,雨果略微领先。虽然 Jekyll 的 RubyGems 安装方法本质上很简单,但它确实要求您在计算机上正确安装和配置 Ruby 环境。除了社区设计师和Web开发人员,大多数用户都没有提前安装。

  也就是说,一旦安装,雨果和杰基尔都运行良好。它们都有很好的文档和快速入门指南。您可以使用一个简单的命令创建一个新页面(Jekyll new in Jekyll 和 Hugo new site in Hugo)。此步骤将创建通用目录结构和网站的常规内容。目录结构和基本配置非常相似。Jekyll 使用 _config.yml 文件,Hugo 使用 config.toml(尽管如果你觉得使用其中一个更舒服,你可以在 Hugo 的配置中使用 YMAL 或 JSON 语法)。每个内容文件的预配置对前言元数据使用相同的配置语法。然后,一切都是用Markdown编写的。

  我想说的是,在帮助你开始使用第一个静态网页方面,Jekyll 略微领先于 Hugo,因为它可以从一些基本内容和默认主题开始。构建网页时,可以将此内容用作模板。Hugo 没有示例内容,甚至没有默认主题。即便如此,示例内容和默认主题是我在使用任何工具构建网站时首先删除的内容,因此 Hugo 实际上为我节省了这一步。

  

" />

  主题

  正如我所提到的,Hugo 根本没有默认主题,所以主题可能是你打算设置的第一件事。Jekyll 有一个不错的默认主题,尽管它只是一个骨架。您可能还想为您的 Jekyll 页面找到一个主题。

  Hugo 和 Jekyll 都有各种各样的主题,从单页主题到带有博客和评论的完整多页主题。尽管如此,找到满足您需求的主题并不容易。无论使用哪一个,主题网站——雨果的 themes.gohugo.io[5]和杰基尔的[6]——基本上都是一个充满主题截图的巨大页面。点击一个主题后,你可以得到一些关于这个主题的非常详细的信息,但是对于初始搜索来说,这是相当困难的。Hugo 的主题网站有一些基本的标记,但总的来说,在我看来,主题搜索和显示都是需要处理的项目。主题

  管理也是一个有趣的主题。在这两个项目中,几乎每个主题都是一个 Git 存储库(通常托管在 Github 上),您需要将克隆克隆到您的网站。在 Jekyll 中,使用 RubyGems 的捆绑包还有其他步骤来确保主题由网站管理。大多数主题都有一个宝石文件,这使得这要容易得多。如果主题没有宝石文件,添加它相当简单。Hugo 中没有捆绑,只需在 config.toml 中指向您的主题即可。

  我

  发现我更喜欢雨果的主题处理。您可以将主题克隆(或创建新主题)到主题中自己的子文件夹中。这不仅使您可以在开始时轻松切换主题,还可以使用自己的文件替换主题中的任何组件。这意味着您可以根据自己的喜好自定义主题,而不会弄乱原创

主题,从而使其他人也能通用。当然,如果您认为其他用户会觉得值得的更改,您仍然可以编辑源文件并向主题维护者提交 PR(拉取请求)。

  工作流程

  设置初始配置后,为 Jekyll 和 Hugo 构建网站的过程是相似的。两者都有一个实时服务命令,可以在您的计算机上运行一个小型轻量级 Web 服务器,因此您可以在本地测试您的网站,而无需将其上传到任何地方。最棒的是,无论您是运行 Jekyll Serve 还是 Hugo Serve,默认情况下,它都配置为监控您在开发网站时对网站所做的任何更改。当您在浏览器中查看网站的本地版本时,无论您更改内容、配置、主题还是仅更改图像,它都会根据您的更改自动更新。这非常方便且省时。

  在这两个系统中,你都使用Markdown[7]来编写你的网站内容。如果你碰巧不熟悉Markdown,(我会解释一下),这是一种非常简单的纯文本编写方法,它有一些很棒的格式符号。它易于使用和可读。而且因为它是纯文本,所以您的内容(实际上是您的网站)很容易版本控制。这是我最近几乎所有东西的主要写作方式。

  通过在正确的位置手动创建文件,可以将新内容添加到网站。所有新文件都需要是具有适当预配置前言元数据的 Markdown 文件。至于配置文件,Jekyll 使用 YAML 语法进行预配置,Hugo 接受 TOML、YAML 或 JSON(默认为 TOML)。新文件需要放在正确的文件夹中,在 Jekyll 中,您需要将您编写的文件和完成的内容页面分别放在 _drafts 和 _posts 目录中。雨果中只有一个内容目录。您可以根据文件的预配置判断这是否是草稿。

  现在,虽然所有这些都可以手动完成,但 Hugo 提供了方便的功能来确保您的新文件在正确的文件中创建,并预先配置了适当的预配置。只需在终端中转到您网站的目录并输入 hugo 新内容/

  ,

  表示要创建的新页面。您甚至可以设置称为原型的模板,其中包括针对不同页面自定义的预配置(例如,在您的页面上同时收录

博客和播客)。

  当您的页面

  

" />

  准备就绪后,您可以关闭预览服务器并使用单个命令构建网站的真实页面。在 Jekyll 中是 jekyll build,Hugo 只是 hugo,Jekyll 将完成的页面放在 _site 子目录中。但是,Hugo 将这些文件放在名为 public 的子目录中。无论哪种情况,一旦你完成了,你就有一个完整的静态网站,你几乎可以在任何地方上传和托管。

  扩展

  Hugo 和 Jekyll 都允许您自定义自己网站上的最小点。然而,在可扩展性方面,Jekyll 现在由于其插件 API 而遥遥领先。由于这种插件结构,很容易通过 Jekyll 社区或自己编写的相当短的代码片段为您的 Jekyll 生成的网站添加功能。

  Hugo 现在根本没有插件 API,所以添加功能有点困难。希望将来支持编写和收录

插件。但现在并不明显有人在这样做。

  结论

  在

  将军,雨果和杰基尔非常相似。这取决于您的工作经验和您的网站需求。如果您已经设置了 RubyGems 环境并且需要插件可扩展性,那么 Jekyll 就是您的最佳选择。但是,如果您重视简单的工作流程,一种直接自定义网站的方式,那么您更喜欢 Hugo。

  我

  发现我更喜欢 Hugo 的方法,在构建小型网站时不需要任何插件。当然,每个人的需求都是不同的。您会为您的网站选择哪种静态页面构建器?

  (标题图片:)

  通过:

  作者:Jason van Gumster[8] 译者:ypingcn[9] 校对:wxy

  本文原文由LCTT编译,Linux中国光荣推出

  核心方法:快速获得关键词百度SEO优化排名的技巧

  网站优化的核心任务就是快速让网站关键词在首页排名,这也是每一位站长的期望,但是由于我们的操作总是事与愿违,无论怎么努力,都得不到排名. 其实,快速上百度首页关键词是很容易的,只是技巧和窍门我们还没有掌握。这里有一些建议,以尽快获得关键字主页。让我们谈谈让 关键词 快速进入 SEO 排名的技巧。

  1.更新内容

  

" />

  这里所说的更新内容,并不是说你随便在网上找一篇文章,在你的网站上更新,这就叫更新。奇怪的是,网站排名可以长期上升。我们说的是更新有价值的内容,用户想要的内容,帮助用户解决问题的内容。网站更新的内容不是用户想要的,否则用户无法进入你的网站。找到你关心的话题,用户体验度不高,搜索引擎怎么给你好的排名。如果你想做很棒的内容,你需要尽早了解用户需求和问题。

  2、现场排水

  网站引流主要分为三个方面:外链2、友情链接3。营销流失。这是三种非常常见的排水方法。外链引流主要是在外链采集

好、流量大的平台上发布文章,从而从自己的网站获取流量。但是,文章页面不是随机发布的。他们需要以高质量和高品质出版。有价值的文章会做。友好往来主要是在互利互惠的基础上进行的。一般来说,在交换友链时,要注意综合考虑对方网站的基本SEO优化、权重、流量、更新状态等。营销引流主要是通过其他渠道给网站引入新的流量,打破原有的流量体系,比如QQ空间,

  

" />

  3.数据分析

  每个人都有这样的问题。网站关键词优化了几个月,排名也提不上来。如果您遇到这种情况,请不要担心。首先仔细检查我们的优化方法是否正确,SEO优化的方法和方向是否正确。检查网站标题、描述、关键字、网站布局和内容更新。如果网站的内容脱离了网站的主题,这样的网站肯定无法排名。我们需要根据过去几个月的优化情况来分析数据:用户输入关键字做网站做什么,浏览页面和内容,哪些内容和页面没有被点击,以及整合这些的网站导航应调整数据、标题和关键字。记住,不管怎么调整,都需要从用户的需求和体验出发。做到以上几点,是不是很容易给网站排名呢?

0 个评论

要回复文章请先登录注册


官方客服QQ群

微信人工客服

QQ人工客服


线