0

Blog: 带图片预览的题目

 2 years ago
source link: https://xiaoping378.github.io/blog/2022/01/24/%E5%B8%A6%E5%9B%BE%E7%89%87%E9%A2%84%E8%A7%88%E7%9A%84%E9%A2%98%E7%9B%AE/
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.

带图片预览的题目

本文展示带图片预览的博客写法
By xiaoping378 | Monday, January 24, 2022

This is a typical blog post that includes images.

The front matter specifies the date of the blog post, its title, a short description that will be displayed on the blog landing page, and its author.

Including images

Here's an image (featured-sunset-get.png) that includes a byline and a caption.

featured-sunset-get_hu69849a7cdb847c2393a7b3a7f6061c86_387442_600x300_fill_catmullrom_smart1_3.png

图片拉伸效果
Pics: xiaoping378 / CC-BY-CA

index-2022-01-24-18-25-46_hu215f1e1e11830f28cc7acfeb9fd940ed_31259_600x300_fill_catmullrom_smart1_3.png

图片拉伸效果
Pics: xiaoping378 / CC-BY-CA

The front matter of this post specifies properties to be assigned to all image resources:

resources:
- src: "**.{png,jpg}"
  title: "Image #:counter"
  params:
    byline: "Photo: Riona MacNamara / CC-BY-CA"

To include the image in a page, specify its details like this:

featured-sunset-get_hu69849a7cdb847c2393a7b3a7f6061c86_387442_600x300_fill_catmullrom_smart1_3.png

Fetch and scale an image in the upcoming Hugo 0.43.
Pics: xiaoping378 / CC-BY-CA

The image will be rendered at the size and byline specified in the front matter.


About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK