記事
zh
制作 remark 插件并添加到 Astro
情報源: Dort 的博客 ·
依旧由DeepSeek V4 Flash 0731赞助播出,依旧书接上回,不得不感叹AI确实是新质生产力(笑)。 <!--more--> 众所周知,Fuwari自带了一个GitHub卡片功能。不过让我好奇的是这个卡片的语法: ::github{repo="<owner>/<repo>"} 这显然不是标准的Markdown语法,而是通过 remark 实现的。简而言之,Fuwari使用 remark 和 rehype 来处理Markdown文档。 remark 用于把Markdown文档转换为HTML代码,再由 rehype 进行后续调整。而 :: 语法则是由 remark-directive 插件来处理的。显而易见的,我们也可以自己来制作一个 remark 插件,定制自己需要的功能。 诶🤓☝️,我正好有一个想法:在Hexo时代,这个博客的友链卡片是通过手写HTML的方式插入到Markdown文档中的,十分繁琐且累眼。这个HTML片段类似这样: <a class="profile-card profile-card-link no-styling" href="链接" target="_blank"> <div class="avatar-wrapper"> <img src="头像地址" alt="头像"> </div> <div class="info-wrapper"> <s
関連する発見
-
失去了太阳。
記事 · 夜旅者
-
百事可乐上的冰块。
記事 · 夜旅者
-
回忆里那道木门插销后面,是深深的恐惧。
記事 · 夜旅者
-
操场上的冰坑和被口水涂亮的指甲。
記事 · 夜旅者
-
秋日小记。
記事 · 夜旅者
-
人类无法预料自己会为什么流泪。
記事 · 夜旅者