要在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.jpg
。overlay_filter
是一个可选项,它会在图片上添加一个半透明的遮罩层,以便在图片上的文字更清晰可见。你可以根据需要调整颜色和透明度。
在这个设置中,文章标题和摘要将自动放置在图片上。actions
部分创建了一个指向文章内容的按钮,你可以自定义按钮的标签和链接。
这样,你的文章标题和摘要将显示在你指定的图片上,而不仅仅是纯文本。