Minimal Mistakes Jekyll theme如何把标题替换成我为博客准备的图片?

李明贤
2023-12-01

要在Minimal Mistakes Jekyll theme中使用图片替换博客文章标题,你需要对文章的Front Matter进行修改。首先,确保你已经为文章准备了一张图片,并将其上传到你的博客项目的某个目录中,例如:/assets/images/

然后,在博客文章的Front Matter中添加以下代码:

header:
  overlay_image: /assets/images/your-image.jpg
  overlay_filter: rgba(0, 0, 0, 0.3)
  caption: "图片描述或来源(可选)"
  actions:
    - label: "阅读更多"
      url: "#article-content"

请确保用你的图片路径替换/assets/images/your-image.jpgoverlay_filter是一个可选项,它会在图片上添加一个半透明的遮罩层,以便在图片上的文字更清晰可见。你可以根据需要调整颜色和透明度。

在这个设置中,文章标题和摘要将自动放置在图片上。actions部分创建了一个指向文章内容的按钮,你可以自定义按钮的标签和链接。

这样,你的文章标题和摘要将显示在你指定的图片上,而不仅仅是纯文本。

 类似资料: