好久好久之前(2年前),写过这功能:《Bitcron 文章内链自动优化显示》,如下效果:

Bitcron 文章内链自动优化显示

#折腾 
当我们在文章内引用了一个站内的链接,一般只是超级链接,其实,也可以为这个超级链接提供更好的表现方式。 这是看起来很简单,但确实一个超赞的想法,来自于 Jimmy。效果如下(中间部分,hello 为标题):

本文利用 Hugo 的 Shortcodes 功能和 .GetPage 函数来实现。

功能代码

创建 /layouts/shortcodes/link.html

{{$URL := .Get 0}}
{{ with .Site.GetPage $URL }}
<div class="post-preview">
  <div class="post-preview--meta" style="width:100%;">
    <div class="post-preview--middle">
      <h4 class="post-preview--title">
        <a target="_blank" href="{{ .Permalink }}">{{ .Title }}</a>
      </h4>
      <time class="post-preview--date">{{ .Date.Format ( default "2006-01-02") }}</time>
      {{ if .Params.tags }}
      <small>{{ range .Params.tags }}#{{ . }}&nbsp;{{ end }}</small>
      {{ end }}
      <section style="max-height:105px;overflow:hidden;" class="post-preview--excerpt">
        {{ .Summary | plainify}}
      </section>
    </div>
  </div>
</div>
{{ end }}

样式代码

样式 CSS 代码需自行调配,个人是复用豆瓣条目的:

文章内显示豆瓣条目

#折腾 
小众豆瓣已成刚需,电影、图书看完都会标记下,写日志时常会提到,老想着在文章内「优雅」地展示,官方 API 已废,幸好还有给力的 @mufeng 兄,以下功能就使用其提供的轮子。 换用轮子:https://github.com/cxfksword/douban-api-rs 效果如下 黑匣子 7.2 A young and talented black box analyst is on a mission to solve the reason behind the deadly crash of a brand new aircraft. movie 详谈:左晖 8.8 《详谈》系列是一个长期的知识工程,是一部以人为单位的当代商业史。作者李翔会找到这个时代优秀的商业实践者和价值创造者,与他们深度对话,把他们的成就、经验、方法和挫败一一呈现给你。 本书呈现了李翔于2017年和2020年两次采访贝壳找房、链家创始人左晖的内容。在这本书中,你可以看到左晖及其团队近20年来的选择与坚持——做难而正确的事,也可以看到他们是怎么创造出这些让我们所有人都变得更好的产品、服务和组织的,又经历过什么样的失败和斗争。 编辑推荐: ◎历时3年,独家一手访谈贝壳找房、链家创始人左晖 ◎透过文字,亲历现场,亲“听”左晖及其团队的经验、方法、成就和挫败 ◎《详谈》系列,一部以人为单位的当代商业史 ◎只需每月一杯咖啡的钱,就能跟这个时代优秀的价值创造者做一次精神上的长谈 book

食用方式

\{\{<link "bitcron-auto-article-refer">\}\}

文章内去掉反斜杠 \ 插入即可。

其中 link 匹配短代码模板 link.html ,之后填的 bitcron-auto-article-refer 是文章 md 的文件名。