Page Resources

Table of Contents

At last, we can display an image from this page bundle!

• The routine to list out the relative links of any page bundle images has now been added to the single.html template using this code .
• Regis Philibert • Hugo Page Resources and how to use them
• to start with, front matter only contains manually added title and date
• some random images have now been placed in the first folder, and displayed using new Resources template code in single.html that should work for all pages
• also added testbundle to the top menu. It can be changed later.
• image details
  • 3511x1975 0.7 MB
  • 4599x2587 1.9 MB
  • 3376x1899 0.6 MB
  • 4069x2289 1.3 MB
• description and image have been added to the front matter to enable the relativelink shortcode to be used, but at the moment the image is not being displayed.

using the newly created imgproc shortcode

hugo image processing

Here is a Resize:

To Do

Is there a hugo new command to generate new content (including Front Matter) in Page Resource format, including an Archetype, or does everything have to be added manually?

Print out any images in the bundle

Image Bundle found:

• /hugo-scratch-1/testbundle/page-resources/derek-oyen-4ReskwNsh68-unsplash.jpg
• /hugo-scratch-1/testbundle/page-resources/derek-oyen-Pp-zoKs3pXQ-unsplash.jpg
• /hugo-scratch-1/testbundle/page-resources/derek-oyen-jbPQwY5t7MQ-unsplash.jpg
• /hugo-scratch-1/testbundle/page-resources/derek-oyen-m5r2FFo8NJM-unsplash.jpg

See Also

• 0756 Another Hugo Site From Scratch
• 0750 Getting Hugo Image to Work
• Shortcode for Figure
• mermaidjs
• Simple Shortcode To add raw html

Breadcrumb

1. green | hugo-scratch-1 | 0013
2. Test Bundle for Page Resources
3. Page Resources