Add Last Modified Time
Learn how to build a remark plugin that adds the last modified time to the frontmatter of your Markdown and MDX files. Use this property to display the modified time in your pages.
Recipe
Section titled Recipe-
Install Helper Packages
Install
Day.js
to modify and format times: -
Create a Remark Plugin
This plugin uses
execSync
to run a Git command that returns the timestamp of the latest commit in ISO 8601 format. The timestamp is then added to the frontmatter of the file.Using the file system instead of Git
Although using Git is the recommended way to get the last modified timestamp from a file, it is possible to use the file system modified time. This plugin uses
statSync
to get themtime
(modified time) of the file in ISO 8601 format. The timestamp is then added to the frontmatter of the file. -
Add the plugin to your config
Now all Markdown documents will have a
lastModified
property in their frontmatter. -
Display Last Modified Time
If your content is stored in a content collection, access the
remarkPluginFrontmatter
from theentry.render()
function. Then renderlastModified
in your template wherever you would like it to appear.If you’re using a Markdown layout, use the
lastModified
frontmatter property fromAstro.props
in your layout template.
更多方案
-
状态共享
学习如何使用 Nano Stores 在框架组件之间共享状态
-
添加 RSS 摘要
通过向你的 Astro 网站添加 RSS 摘要让用户来订阅你的内容。
-
Installing a Vite or Rollup plugin
Learn how you can import YAML data by adding a Rollup plugin to your project.
-
使用 API 路由构建表单
了解如何使用 JavaScript 发送表单到 API 路由
-
在 Astro 页面中构建 HTML 表单
了解如何在 Astro 页面中构建 HTML 表单并在你的 frontmatter 中处理提交请求
-
使用 Bun 和 Astro
学习如何在 Astro 网站上使用 Bun。
-
调用服务器端点
了解如何在 Astro 中调用服务器端点
-
校验验证码
了解如何创建一个 API 路由并从客户端进行获取。
-
用 Docker 来构建你的 Astro 网站
了解如何使用 Docker 来构建你的 Astro 网站。
-
为链接添加图标
了解如何安装 rehype 插件并为你 Markdown 文件中的链接添加图标
-
添加 i18n 功能
通过动态路由和内容集合来让你的 Astro 站点支持国际化。
-
Add Last Modified Time
Build a remark plugin to add the last modified time to your Markdown and MDX.
-
添加阅读时间
构建一个 remark 插件并将其添加到你的 Markdown 或 MDX 文件中。
-
在 Astro 组件中共享状态
了解如何通过 Nano Stores 在 Astro 组件中共享状态