Posting Code in posts

noodlemctwoodle · June 22, 2025, 2:57pm

I created this for syntax highlighting in Ghost.

github.com/noodlemctwoodle/sentinel.blog

Ghost/Syntax/README.md

main

# Code Embed Widget for Ghost Blog

A beautiful, responsive code embed widget that loads and displays code files directly from GitHub with syntax highlighting, copy functionality, and source linking.

## ✨ Features

- Clean, modern interface with light/dark mode support
- Automatically detects code language from file extension
- Copy entire code content to clipboard with visual feedback
- Direct link to view the original file on GitHub
- Automatic dark mode support based on system preferences
- Efficient caching and minimal overhead
- Simple installation with minimal configuration

## 🚀 Installation

### Step 1: Add Footer Code

1. Go to your Ghost Admin → **Settings** → **Code Injection**
2. Paste the following code into the **Site Footer** section:

This file has been truncated. show original

This allows me to store the code on GitHub and reference it in my blogs

Topic		Replies	Views
Code example repository Using Ghost	8	723	August 15, 2021
Adding copy button for Code block Using Ghost	1	244	June 8, 2024
How to link vscode editor to ghost publishing? Developer help	2	1059	November 15, 2019
Pasting markdown Using Ghost	4	313	January 16, 2025
Add syntax highlight for code blocks to comments Ideas	3	1222	August 20, 2022

Posting Code in posts

Related topics