在帖子上显示一个覆盖图像的标题

重叠滤镜

可以指定黑色叠加层的不透明度(值在0到1之间)

transparent black overlay

excerpt: "This post should [...]"
header:
  overlay_image: /assets/images/unsplash-image-1.jpg
  overlay_filter: 0.5 # same as adding an opacity of 0.5 to a black background
  caption: "Photo credit: [**Unsplash**](https://unsplash.com)"
  actions:
    - label: "More Info"
      url: "https://unsplash.com"

或者指定一个RGBA的滤镜层:

transparent red overlay

excerpt: "This post should [...]"
header:
  overlay_image: /assets/images/unsplash-image-1.jpg
  overlay_filter: rgba(255, 0, 0, 0.5)
  caption: "Photo credit: [**Unsplash**](https://unsplash.com)"
  actions:
    - label: "More Info"
      url: "https://unsplash.com"

或者指定纯色背景:

title: "Layout: Header Overlay with Background Fill"
header:
  overlay_color: "#333"

Categories:

Updated:



Leave a comment