# Create pages based on images in the assets directory

**URL:** <https://discourse.gohugo.io/t/create-pages-based-on-images-in-the-assets-directory/53956>\
**Category:** support\
**Tags:** content-adapters\
**Created:** [March 15, 2025, 12:24pm UTC](https://discourse.gohugo.io/t/create-pages-based-on-images-in-the-assets-directory/53956 "2025-03-15T12:24:34Z")\
**Posts on this page:** 12\
**Page:** 1

<div class="post-metadata">

**Author:** ![Int-Circuit](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.gohugo.io/int-circuit/32/23448_2.png) [@Int-Circuit](https://discourse.gohugo.io/u/Int-Circuit)\
**Post date:** [March 15, 2025, 12:24pm UTC](https://discourse.gohugo.io/t/create-pages-based-on-images-in-the-assets-directory/53956/1 "2025-03-15T12:24:34Z")

</div>

Hello everyone, I am currently trying to build a website similar to [bootstrap icons](https://icons.getbootstrap.com/) for GNOME’s Adwaita icons.  
When you use the site, you get as first page a list of the available icons. You can then click on them [to display the icon in a full page and how to install it](https://icons.getbootstrap.com/icons/0-circle-fill/).  
To do that, they use .md files and apply a template on them.

I’ve created the template and .md files but now I don’t know how to correctly link them on the first page/ use which method to create a link that takes you from the first page to the icon page.

For previous projects I tried to use the .Site.GetPage method but it doesn’t seem to work here.

here is my code if you want to check it: [Making sure you're not a bot!](https://gitlab.gnome.org/integrated-circuit/npm-adwaita/-/tree/site)

---

<div class="post-metadata">

**Author:** ![jmooring](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.gohugo.io/jmooring/32/4214_2.png) [@jmooring](https://discourse.gohugo.io/u/jmooring)\
**Post date:** [March 15, 2025, 2:34pm UTC](https://discourse.gohugo.io/t/create-pages-based-on-images-in-the-assets-directory/53956/2 "2025-03-15T14:34:35Z")

</div>

If this were my site, I would stuff all of the icons somewhere in the assets directory, and then use a content adapter to generate each page on the fly.

---

<div class="post-metadata">

**Author:** ![Int-Circuit](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.gohugo.io/int-circuit/32/23448_2.png) [@Int-Circuit](https://discourse.gohugo.io/u/Int-Circuit)\
**Post date:** [March 15, 2025, 2:40pm UTC](https://discourse.gohugo.io/t/create-pages-based-on-images-in-the-assets-directory/53956/3 "2025-03-15T14:40:22Z")

</div>

Interesting…  
Do you have an example i could copy and past… i mean take inspiration? 😆

---

<div class="post-metadata">

**Author:** ![jmooring](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.gohugo.io/jmooring/32/4214_2.png) [@jmooring](https://discourse.gohugo.io/u/jmooring)\
**Post date:** [March 15, 2025, 3:59pm UTC](https://discourse.gohugo.io/t/create-pages-based-on-images-in-the-assets-directory/53956/4 "2025-03-15T15:59:09Z")

</div>

The implementation is trivial. See [docs](https://gohugo.io/content-management/content-adapters/).

```plaintext
git clone --single-branch -b hugo-forum-topic-53956 https://github.com/jmooring/hugo-testing hugo-forum-topic-53956
cd hugo-forum-topic-53956
hugo server

```

---

<div class="post-metadata">

**Author:** ![Int-Circuit](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.gohugo.io/int-circuit/32/23448_2.png) [@Int-Circuit](https://discourse.gohugo.io/u/Int-Circuit)\
**Post date:** [March 15, 2025, 8:12pm UTC](https://discourse.gohugo.io/t/create-pages-based-on-images-in-the-assets-directory/53956/5 "2025-03-15T20:12:07Z")

</div>

So… I tried yoour example but sadly no icons are shown in the local preview. Is this normal?

 ![Capture d’écran du 2025-03-15 21-09-51](https://canada1.discourse-cdn.com/flex036/uploads/gohugo/original/3X/0/f/0fe146729397e1664b2a60a09b6a33fa9735a13e.png)

---

<div class="post-metadata">

**Author:** ![jmooring](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.gohugo.io/jmooring/32/4214_2.png) [@jmooring](https://discourse.gohugo.io/u/jmooring)\
**Post date:** [March 15, 2025, 8:12pm UTC](https://discourse.gohugo.io/t/create-pages-based-on-images-in-the-assets-directory/53956/6 "2025-03-15T20:12:56Z")

</div>

You might try clicking on the link that says “Icons”.

---

<div class="post-metadata">

**Author:** ![Int-Circuit](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.gohugo.io/int-circuit/32/23448_2.png) [@Int-Circuit](https://discourse.gohugo.io/u/Int-Circuit)\
**Post date:** [March 15, 2025, 8:20pm UTC](https://discourse.gohugo.io/t/create-pages-based-on-images-in-the-assets-directory/53956/7 "2025-03-15T20:20:29Z")

</div>

woo that’s nice, you have given me the answer i need. Thx!  
Last question, which method did U use to link every page in between?

---

<div class="post-metadata">

**Author:** ![jmooring](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.gohugo.io/jmooring/32/4214_2.png) [@jmooring](https://discourse.gohugo.io/u/jmooring)\
**Post date:** [March 15, 2025, 8:21pm UTC](https://discourse.gohugo.io/t/create-pages-based-on-images-in-the-assets-directory/53956/8 "2025-03-15T20:21:25Z")

</div>

> [@Int-Circuit](#):
>
> link every page

Look at the list template.

---

<div class="post-metadata">

**Author:** ![Int-Circuit](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.gohugo.io/int-circuit/32/23448_2.png) [@Int-Circuit](https://discourse.gohugo.io/u/Int-Circuit)\
**Post date:** [March 15, 2025, 8:21pm UTC](https://discourse.gohugo.io/t/create-pages-based-on-images-in-the-assets-directory/53956/9 "2025-03-15T20:21:51Z")

</div>

in the icons or \_default folder?

---

<div class="post-metadata">

**Author:** ![jmooring](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.gohugo.io/jmooring/32/4214_2.png) [@jmooring](https://discourse.gohugo.io/u/jmooring)\
**Post date:** [March 15, 2025, 8:22pm UTC](https://discourse.gohugo.io/t/create-pages-based-on-images-in-the-assets-directory/53956/10 "2025-03-15T20:22:09Z")

</div>

Irrelevant. Both just range over a page collection.

---

<div class="post-metadata">

**Author:** ![Int-Circuit](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.gohugo.io/int-circuit/32/23448_2.png) [@Int-Circuit](https://discourse.gohugo.io/u/Int-Circuit)\
**Post date:** [March 15, 2025, 8:23pm UTC](https://discourse.gohugo.io/t/create-pages-based-on-images-in-the-assets-directory/53956/11 "2025-03-15T20:23:49Z")

</div>

OK. I need to learn about that. Marking your git instructions as solution!  
Thx again!

---

<div class="post-metadata">

**Author:** ![system](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.gohugo.io/system/32/1_2.png) [@system](https://discourse.gohugo.io/u/system)\
**Post date:** [March 17, 2025, 8:24pm UTC](https://discourse.gohugo.io/t/create-pages-based-on-images-in-the-assets-directory/53956/12 "2025-03-17T20:24:16Z")

</div>

This topic was automatically closed 2 days after the last reply. New replies are no longer allowed.