[Solved] Format issue in github page

Help
1

So I have this made, and it looks fine when I preview inside github, but when I go to the actual website itself, it gets messed up, idk if something is wrong with the code or format maybe?

[Album] imgur.com
2

In addition to the screenshot, it’s good to include direct links to the code/output. This is the source/output in question, right?

Markdown Source: https://github.com/catches/catches.github.io/blob/master/servers.md
Github-Pages Output: https://catches.github.io/servers/

I don’t know the exact cause of the discrepancy, but the images are being rendered as a table in the Github-Pages output. The vertical bar (|) characters in titles are being interpreted as table cell dividers.

One quick work-around would be to use a different character for the image titles. I.e. change Role | Site to something like Role - Site.

3

Appreciate the response, but looks like changing it didn’t fix it.

---
layout: page
title: Servers
cover-img: https://i.imgur.com/Dr5zFj0.gif
---

I setup & manage both Minecraft & Discord servers.

### Minecraft Servers
> Past Minecraft servers I've worked with.

![pepediamondsword](https://user-images.githubusercontent.com/105005455/211039957-3de9dca5-e5ae-4072-ac6d-5eabf1b89627.png 'Owner - TheCrib')
<img src="https://user-images.githubusercontent.com/105005455/211040756-b7dc5a16-2199-4f9f-a629-0f3316840567.png" width="200" title="Manager - ValleyMC">
![image](https://user-images.githubusercontent.com/105005455/211042059-88cca289-9c5f-43c1-a282-c8bd0e105cac.png 'SolCraft MC - Lead-Developer')
<img src="https://user-images.githubusercontent.com/105005455/211045935-fb219133-4aff-4be5-8281-a1445e23ee2c.png" width="200" title="Media - ValleyMC">
<img src="https://i.imgur.com/PUMGK5d.png" width="200" title="Media - ValleyMC">
<img src="https://user-images.githubusercontent.com/105005455/213940622-98a9ccee-1955-40ac-bea4-c6dbc3ca148e.png" width="200" title="Developer/Configurator - ArticMC">
<img src="https://user-images.githubusercontent.com/105005455/215671106-4c0d6d5c-ad5c-4787-ac2c-1210984a5f33.png" width="250" title="Media - Aquatic Realms">
<img src="https://user-images.githubusercontent.com/105005455/218194631-a7f56a77-4b87-429d-833c-da495e71ade9.png" width="250" title="Configurator - Aquatic Realms">

### Discord Servers
> Past Discord servers I've worked with.

[![TheCrib](https://i.imgur.com/ZjLc76g.png 'Owner - TheCrib')](https://discord.gg/MX65MwyhZf)&nbsp;&nbsp;&nbsp;[![GOAT](https://i.imgur.com/hkMKyDx.png 'Owner - GOAT')](https://discord.gg/uuUXcafmbC)&nbsp;&nbsp;&nbsp;[![SFSC](https://i.imgur.com/Nu9e0kR.png 'Discord Setup - SFSC')](https://discord.gg/sfsc)&nbsp;&nbsp;&nbsp;[![CRCL](https://i.imgur.com/sHwHsaA.png 'Discord Setup - CRCL')](https://discord.gg/ssfnAbMTTf)

Returns the same white box in the screenshot previously sent.

4

Github-Pages had some downtime today, so it looks like the change didn’t get built (the build is 9 hours older than the changed file):

https://github.com/catches/catches.github.io/deployments/activity_log?environment=github-pages

Maybe try pushing another commit to force a new build of the pages?

1 Like