https://github.com/blankscreen-exe/host-a-blog-without-a-backend

converting markdown from github raw content into renderable HTML
https://github.com/blankscreen-exe/host-a-blog-without-a-backend

blog bootstrap5 javascript showdownjs

Last synced: 3 months ago
JSON representation

converting markdown from github raw content into renderable HTML

• Host: GitHub
• URL: https://github.com/blankscreen-exe/host-a-blog-without-a-backend
• Owner: Blankscreen-exe
• Created: 2024-12-29T11:49:24.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2025-01-05T19:30:06.000Z (over 1 year ago)
• Last Synced: 2025-02-22T04:16:53.684Z (over 1 year ago)
• Topics: blog, bootstrap5, javascript, showdownjs
• Language: JavaScript
• Homepage: https://blankscreen-exe.github.io/host-a-blog-without-a-backend/
• Size: 3.84 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Host A blog Without A Backend

> **Note:** This demo is a part of my [blog post that I published on medium.com](#). For information about what this is kindly go to my blog where I explained all this in detail.

The main idea here is that I am using `showdown.js` to convert markdown content into pure, renderable HTML content. As for the Markdown content you see below, I am getting it from github raw URLs. These are special URLs which start like this `https://raw.githubusercontent.com`

As I have mentioned in my blog post, I have implemented this project in two categories: one using Vanilla JavaScript and one using React.js

## Vanilla JS Demo

You can see a [Live Vanilla JS Demo here](https://blankscreen-exe.github.io/host-a-blog-without-a-backend/)

## React.js Demo

For the React.js version, you will need to run the app yourself. Instructions on how to run it and its preview images are included in a [separate README.md](./react-sample-project/README.md).

## Technologies

- [showdown.js](https://showdownjs.com)

- `bootstrap v5` for styling

> And yes, it can render images and gifs as long as it can be found via a URI.

> 

> ![cat_gif](https://raw.githubusercontent.com/Blankscreen-exe/host-a-blog-without-a-backend/refs/heads/main/docs/cat.gif)

## Preview

Vanilla JS Demo

![vanilla_js_demo](./docs/preview.png)