How to display URL image on localhost editor

[ahmedqfarrukh]

Hey all I cannot figure out how to properly display an image from URL with gollum locally. The images urls work on incognito browser so no permissioning needed. Just using gollum to start and stop local server in the cloned wiki directory. Have tried enabling --allow-uploads page and dir and it didn't work. The image files are also stored in the [wiki_directory]/images folder locally. This is what it appears like:

Markdown:

# Red Mountain Makers Wiki
<img src="https://raw.githubusercontent.com/wiki/redmountainmakers/wiki/images/rmm_logo_2023.png" width=15% height=15%>

## Welcome to the Red Mountain Makers Wiki
Our mission as a technical cooperative is to engage in scientific and artistic research, experimentation, and education. To do so, we are adapting a workspace for a collaborative and supportive community of peer and project based education related to technology and artistic expression. We also support the use and development of free and opensource software, hardware and design.


<img src="https://raw.githubusercontent.com/wiki/redmountainmakers/wiki/images/directions-to-rmm.png" width=50% height=50%>

---
<img src="https://raw.githubusercontent.com/wiki/redmountainmakers/wiki/images/rmm_layout.png" width=50% height=50%>

Machine:
MacBook Air (M1, 2020)
macOS Monterey 12.1
ruby 2.7.3p183
Gollum 5.3.2

Any and all help is much appreciated!

[benjaminwil]

Hey there,

I was able to get the images to load by adding quotations marks around the height and width attributes:

<img src="https://raw.githubusercontent.com/wiki/redmountainmakers/wiki/images/rmm_layout.png" width="50%" height="50%">

Though not absolutely necessary, you may want to make your <img> tags self-closing as well by adding a slash to the end of the tag:

<img src="https://raw.githubusercontent.com/wiki/redmountainmakers/wiki/images/rmm_layout.png" width="50%" height="50%" />

Hope that helps!

[benjaminwil]

Do you have any advice on viewing markdown changes when you edit them on a local git-cloned wiki that wouldn't require commit for every change?

The preview tab on the editor should render any Markdown changes properly without committing.

[ahmedqfarrukh]

I see; however, I am mainly creating changes in the local markdown files in VS Code. Unsure if this is proper use of gollum, but ultimately I was hoping to develop the wiki by saving markdown files and then refreshing/recreating localhost and it being reflected in the browser. Would you have any insight on accomplishing this or any other streamlined editing?

[benjaminwil]

I see what you mean now, thanks for explaining.

I don't think that your editing workflow is aligned with what Gollum was developed for. But since Markdown and HTML are relatively universal, I think you can still preview your rendered Markdown before generating commits in Gollum.

For example, there are many VSCode plugins that would let you accurately preview and validate any Markdown you write without generating commits. I realize that's probably not the answer you were hoping for. Unless you are writing very complex Markdown and HTML, I would think that previewing in VSCode or another local Markdown editor would catch any formatting issues before your commits.

[ahmedqfarrukh]

Got it. Will look into vscode plugins. Thank you again!

[mnel11]

Oh, thanks u!