在 Liquid/Jekyll 中对日期格式进行排序(例如“1st”、“3rd”和“4th”)

2023-11-25

是否可以在 Liquid 或 Jekyll 中的日期格式中添加月份后缀?例如:1 月 23 日或 5 月 18 日。

我已经提到了Shopify 维基,但我很惊讶地发现那里没有格式。当然应该有这么简单的事情吗? :/


Liquid 模板引擎Jekylluse 不提供开箱即用的排序功能(例如,将“1”变为“1st”,将“3”变为“3rd”)。但是,可以使用过滤器和标签来提供该功能。下面的代码片段生成月份中的日期并附加一个标准化字符串。它还删除该月前 9 天的前导零。

{% assign d = page.date | date: "%-d" %}
{% case d %}
  {% when "1" or "21" or "31" %}{{ d }}st
  {% when "2" or "22" %}{{ d }}nd
  {% when "3" or "23" %}{{ d }}rd
  {% else %}{{ d }}th
{% endcase %}

对于包含月、日和年的完整日期,请使用:

{% assign d = page.date | date: "%-d" %}
{{ page.date | date: "%B" }} 
{% case d %}{% when "1" or "21" or "31" %}{{ d }}st{% when "2" or "22" %}{{ d }}nd{% when "3" or "23" %}{{ d }}rd{% else %}{{ d }}th{% endcase %}, 
{{ page.date | date: "%Y" }}

产生如下输出:

September 21st, 2013

注意:代码被分成多行,以便于阅读。它在 HTML 中渲染得很好,但在源代码中会有额外的空白。如果这让您烦恼,只需将所有内容移至一行即可。

如果您对其他日期格式选项感兴趣,我将创建此参考:Jekyll(和 GitHub 页面)液体日期格式示例

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

在 Liquid/Jekyll 中对日期格式进行排序(例如“1st”、“3rd”和“4th”) 的相关文章

随机推荐

  • 如何在选择文本后弹出窗口?

    我似乎无法弄清楚这一点 我有一个 div 里面有一些文本 当用户选择其中的一部分 完全随机 无论他们想要什么 时 我希望出现一个小弹出窗口 其中包含文本 要启动弹出窗口 我可以这样做吗 textdiv click function 但是我怎
  • 出现“内容丢失”的 Turbo Frame 错误

    我正在尝试在 Rails 应用程序中使用turbo frame tag 来管理一些任务 我为我的任务创建了一个脚手架 我将要使用的页面包装在 Turbo 框架标签内 如下所示 h1 New task h1 br div gt div
  • 从 scala 脚本退出 Spark-shell

    我正在使用这个命令来运行 scala 脚本 spark shell i test scala 在脚本执行结束时 我仍然看到 Spark shell 正在运行 我在 test scala 脚本中使用了 q quit 来尝试退出 但它不起作用
  • BasicHTTPServer、SimpleHTTPServer 和并发

    我正在使用 python BasicHTTPServer 和 SimpleHTTPServer 编写一个小型 Web 服务器用于测试目的 看起来它一次只处理一个请求 有什么办法可以让它更快一点 而又不会太麻烦吗 基本上我的代码如下所示 我想
  • SessionNotCreatedException:消息:会话未创建:尽管安装了 Chrome v74,但此版本的 ChromeDriver 仅支持 Chrome 版本 74

    我开始在 python 中使用 selenium 当我尝试运行此代码时 它只是弹出一个错误 表明此版本的 chromedriver 仅支持 74 版本的 chrome 但我已经从这里下载了 74 版本 https chromedriver
  • 注释使私有方法仅对测试类公开[重复]

    这个问题在这里已经有答案了 谁有解决这个共同需求的解决方案 我的应用程序中有一个课程 有些方法是公共的 因为它们是 api 的一部分 有些是私有的 因为它们供内部使用 使内部流程更具可读性 现在 假设我想编写一个单元测试 或者更像是一个集成
  • 文本区域最大长度不起作用

    我想设置文本区域的最大长度 我使用以下代码进行相同的操作 但它不起作用
  • 使用特征矩阵构建 3D 结构的最有效选项

    我的代码需要 3D 矩阵 数组结构 现在我的矩阵和向量都依赖 Eigen 现在我正在使用创建一个 3D 结构new MatrixXd cube new MatrixXd 60 for int i i lt 60 i cube i Matri
  • ASP.NET MVC 环境的推荐单元测试书籍 [关闭]

    Closed 此问题正在寻求书籍 工具 软件库等的推荐 不满足堆栈溢出指南 目前不接受答案 我需要推荐一本与 ASP NET MVC 一起使用的优秀单元测试书籍 根据您实际阅读和使用的书籍 您的圣经 您推荐什么 似乎所有较新的 ASP NE
  • 使用闪亮的应用程序创建反应式数据框

    我试图让这个反应返回一个我可以用绘图操作的数据帧 avghour lt reactive result lt data frame start date lt as numeric unlist input i6 1 end date lt
  • 无法加载 rJava,因为无法加载共享库

    我一直在努力在 R 中加载 rJava 包 我收到以下消息 gt library rJava Error in inDL x as logical local as logical now unable to load shared lib
  • SQL Server:找出导致 TSQL 失败的行 (SSIS)

    SQL Server 2005 问题 我正在开展一个数据转换项目 其中我要获取 80k 多行并将它们从一个表移动到另一个表 当我运行 TSQL 时 它会出现各种与转换类型或其他相关的错误 有没有办法找出导致错误的行 UPDATE 我正在执行
  • Reflection API 是否破坏了数据封装的初衷?

    最近我遇到了 Reflection API 令我惊讶的是我们可以访问甚至更改私有变量 我尝试了以下代码 import java lang reflect Field public class SomeClass private String
  • 常见的 Lisp 错误:“应该是 lambda 表达式”

    几天前我刚刚开始学习 Common Lisp 我正在尝试构建一个将数字插入树中的函数 我收到一个错误 SYSTEM EXPAND FORM CONS NIL LST 应该是 lambda 表达式 通过谷歌搜索 似乎当你有太多括号时就会发生这
  • 如何为应用程序图标提供没有数字的通知徽章?

    Apple 的本地和推送通知编程指南第 7 页上有一张 iPhone 桌面的屏幕截图 其中一个应用程序图标有一个不包含数字的徽章 它只是纯红色 怎么可能做到这一点呢 我认为当前的通知 API 无法实现您想要做的事情 如果要在应用程序图标上显
  • WebAPI StreamContent 与 PushStreamContent

    我正在实施一个MVC4 WebAPI 版本的 BluImp jQuery 文件上传在我最初的尝试中 一切都运行良好 但我试图确保在下载非常大的文件 2GB 时充分利用内存 我读了Filip Woj 关于 PushStreamContent
  • 在android studio中打开和导入项目的区别

    在android studio中打开和导入项目有什么区别 有没有一种方法可以从命令行导入项目或进行导入项目时完成的所有设置 OPEN是打开已经在Android Studio中运行的现有项目 IMPORT用于将项目从其他环境迁移到 Andro
  • 允许 hgsubversion SVN 克隆推迟所需的步骤

    我所在的团队主要使用 SVN 而我更喜欢在可能的情况下使用 Mercurial 我使用 hgsubversion 设置了 SVN 存储库的 hg 克隆 并且几个基本的拉取 提交 推送似乎运行良好 现在 经过 2 周的本地开发 在此期间 我合
  • javascript中的继承,“父”中的变量

    我是第一次做 OO javascript 我读过有关继承和原型的内容 并认为我已经破解了它 直到我发现了这个小例子 function TestObject data this test array this clone array this
  • 在 Liquid/Jekyll 中对日期格式进行排序(例如“1st”、“3rd”和“4th”)

    是否可以在 Liquid 或 Jekyll 中的日期格式中添加月份后缀 例如 1 月 23 日或 5 月 18 日 我已经提到了Shopify 维基 但我很惊讶地发现那里没有格式 当然应该有这么简单的事情吗 Liquid 模板引擎Jekyl