How to add images

[cekcreator]

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

  • posts
    • yourpost.md

• static

  • profile.png
    `
    
    Thats the md I tried using. Any help would be appreciated!

[cekcreator]

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!

[jmooring]

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

```
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.

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

The “Post 3” page contains an image.

[ranklord]

Also, you might find this blog post useful: How to Add an Image to a Markdown Document - Den's Hub

[CyrusYip]

Please share your source code.

@RickCogley

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 , Bitbucket , Codebase, Gitlab , Sourcehut, 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 .