Create
cancel
Showing results for 
Search instead for 
Did you mean: 
Sign up Log in
Deleted user
0 / 0 points
Next:
badges earned

Your Points Tracker
Challenges
Leaderboard
  • Global
  • Feed

Badge for your thoughts?

You're enrolled in our new beta rewards program. Join our group to get the inside scoop and share your feedback.

Join group
Recognition
Give the gift of kudos
You have 0 kudos available to give
Who do you want to recognize?
Why do you want to recognize them?
Kudos
Great job appreciating your peers!
Check back soon to give more kudos.

Past Kudos Given
No kudos given
You haven't given any kudos yet. Share the love above and you'll see it here.

It's not the same without you

Join the community to find out what other Atlassian users are discussing, debating and creating.

Atlassian Community Hero Image Collage

Not able to render images within Markdown URL which links to github readme.md Edited

How do I show images within Confluence page rendered by within Markdown URL page?

In github I have readme.md that has something like this,
# Architecture
![tb-architecture-1.png](tb-architecture-1.png)

The png file is located also in the same repository so, it is rendered properly within github.

However when it is rendered in confluence, it rendered all the texts only but not the image as shown below.

  image_not_shown.PNG

By the way, here's the plugin control I'm using. I'm sure it linked properly because it display all the texts from the readme.in in github.

image_not_shown1.PNG

-------------------------- Update ------------------

I've figured it out after Inspecting the browser code.

So here's the steps.

1. Determine the github link of the image. In my case its like,

https://github.com/project-dir/raw/master/docs/architecture/myimage.png

2. Copy/Paste that into the google chrome browser URL input box on top.

3. Notice that google chrome successfully displays the image and changed the URL with token already like,

https://raw.githubusercontent.com/project-dir/master/docs/architecture/myimage.png?token=AQDWWDGX2JGDUYR2XRP2QQTAS73ME

4. Use that URL in readme.md like,

# Architecture
![tb-architecture-1.png](<https://raw.githubusercontent.com/project-dir/master/docs/architecture/myimage.png?token=AQDWWDGX2JGDUYR2XRP2QQTAS73ME>)

5. Save the readme.md

6. Refresh your confluence page and there you have the image shown in its glory :)

 

0 answers

Suggest an answer

Log in or Sign up to answer
TAGS
Community showcase
Published in Confluence

🥓🙅🏻‍♀️ Meet-less May Badge!

Hello Confluence Community!  What if i told you that you could have a healthier life and be 100% meet-less? This month, we're promoting a healthy, balanced work diet with Confluence. (Read m...

351 views 3 18
Read article

Community Events

Connect with like-minded Atlassian users at free events near you!

Find an event

Connect with like-minded Atlassian users at free events near you!

Unfortunately there are no Community Events near you at the moment.

Host an event

You're one step closer to meeting fellow Atlassian users at your local event. Learn more about Community Events

Events near you