# How to add images

**URL:** <https://discourse.gohugo.io/t/how-to-add-images/50322>\
**Category:** support\
**Tags:** images\
**Created:** [June 16, 2024, 10:57pm UTC](https://discourse.gohugo.io/t/how-to-add-images/50322 "2024-06-16T22:57:43Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![cekcreator](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.gohugo.io/cekcreator/32/22345_2.png) [@cekcreator](https://discourse.gohugo.io/u/cekcreator)\
**Post date:** [June 16, 2024, 10:57pm UTC](https://discourse.gohugo.io/t/how-to-add-images/50322/1 "2024-06-16T22:57:43Z")

</div>

Hey y’all, I am an undergrad trying to create a personal website with Hugo and have super little experience with web dev outside of just classes. How do I add an image to my site? I have my image in the static folder and tried using the markdown format in my yourpost.md and it cannot find it or even render it in my IDE (pycharm). Here is my structure  
`  
personal\_website

- content

- static

---

<div class="post-metadata">

**Author:** ![cekcreator](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.gohugo.io/cekcreator/32/22345_2.png) [@cekcreator](https://discourse.gohugo.io/u/cekcreator)\
**Post date:** [June 17, 2024, 12:09am UTC](https://discourse.gohugo.io/t/how-to-add-images/50322/2 "2024-06-17T00:09:43Z")

</div>

I have also tried using the shortcode but I cant figure that out either, and page bundles so any help and direct guide would be super useful!

---

<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:** [June 17, 2024, 1:25am UTC](https://discourse.gohugo.io/t/how-to-add-images/50322/3 "2024-06-17T01:25:10Z")

</div>

When posting code, configuration, or data on this forum, please wrap the text within triple backticks or use the `</>` button in the menu.

````plaintext
```
my code
```

````

Depending on where you placed your image, it is not surprising that the image is not rendered when viewing the page with an IDE. I suggest you create an example site and look at the structure and markdown.

The first command below may look a bit strange, but it creates a sample site with content.

```plaintext
hugo new theme mysite --themesDir .
cd mysite/
hugo server

```

The “Post 3” page contains an image.

---

<div class="post-metadata">

**Author:** ![ranklord](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.gohugo.io/ranklord/32/15666_2.png) [@ranklord](https://discourse.gohugo.io/u/ranklord)\
**Post date:** [June 22, 2024, 1:55pm UTC](https://discourse.gohugo.io/t/how-to-add-images/50322/4 "2024-06-22T13:55:04Z")

</div>

Also, you might find this blog post useful: [How to Add an Image to a Markdown Document - Den's Hub](https://denshub.com/en/hugo-post-insert-image/)

---

<div class="post-metadata">

**Author:** ![CyrusYip](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.gohugo.io/cyrusyip/32/20786_2.png) [@CyrusYip](https://discourse.gohugo.io/u/CyrusYip)\
**Post date:** [June 24, 2024, 2:07am UTC](https://discourse.gohugo.io/t/how-to-add-images/50322/5 "2024-06-24T02:07:20Z")

</div>

Please share your source code.

> [@Requesting Help](https://discourse.gohugo.io/t/requesting-help/9132/1):
>
> ### Let us see your code
> 
> Include a **link to the source code repository** of your project, because we really need the _context_ of seeing your templates and partials to be able to help you. It is trivial to do a quick `git clone` on your repo, then run `hugo server` in your project, to help you out. On the other hand, recreating your code from screenshots, or sort of guessing at it, is not.
> 
> If you can’t share your repository for whatever reason, consider creating a dummy repo that you _can_ share, which reproduces the problem you’re experiencing.
> 
> Git repository hosting services include [Github](https://github.com), [Bitbucket](https://bitbucket.org/), [Codebase](https://www.codebasehq.com), [Gitlab](http://gitlab.com/), [Sourcehut](https://sourcehut.org), and others. If you select Github, even if you do not know `git` or have a repository, you can use Github “gists” for pasting logs and files. You can include multiple files in a single gist, like [this one](https://gist.github.com/RickCogley/2f0d21144e5f3091e62a6ced211c71f3).