search

alex-shpak / hugo-book

Hugo documentation theme as simple as plain book
https://hugo-book-demo.netlify.app
MIT License
3.21k stars 1.16k forks source link

How to add a clearness image in markdown files. #586

Closed nianjiang closed 2 months ago

nianjiang commented 5 months ago

HI ,

I try to add a picture into markdown file, but it looks small. such as: ![](https://i.postimg.cc/8cZBvPhP/open-Harmony-cn.png)

I try another way with setting width and height, but still not clearness: <a href="https://ibb.co/XXhWTY7"><img src="https://i.ibb.co/D4x1nr9/open-Harmony-cn.png" alt="open-Harmony-cn" border="0" style="width:100%;height:auto;"></a>

Could you guide me how to add a clearness picture into file.

Thanks

My related page

alex-shpak commented 5 months ago

Hi! Sorry for late reply, there are few thing you could try:

  1. hide table of content on the right, it will force content to stretch horizontally
  2. wrap image into link, so click on the image will open it in full size
  3. look for shortcode or js library to add on the page to open larger size of image

otherwise images in markdown are by default just stretched to content width