https://github.com/juanchiparra/obsidian-syntax-highlighting

A collection of syntax highlighting snippets for Obsidian
https://github.com/juanchiparra/obsidian-syntax-highlighting

obsidian-md

Last synced: 2 months ago
JSON representation

A collection of syntax highlighting snippets for Obsidian

• Host: GitHub
• URL: https://github.com/juanchiparra/obsidian-syntax-highlighting
• Owner: juanchiparra
• License: mit
• Created: 2024-06-15T03:59:43.000Z (6 months ago)
• Default Branch: main
• Last Pushed: 2024-09-05T22:03:46.000Z (4 months ago)
• Last Synced: 2024-09-30T09:40:50.868Z (3 months ago)
• Topics: obsidian-md
• Language: CSS
• Homepage:
• Size: 783 KB
• Stars: 8
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Contributing: CONTRIBUTING.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Obsidian syntax highlighting

A collection of syntax highlighting snippets for Obsidian.

![Syntax Highlighting screenshot](src/obsidian-syntax-highlighting.gif)

## What is syntax highlighting?

Syntax highlighting is a function that transforms code into a more intuitive visual language. Differentiating keywords, variables, and functions, among other elements with different colors, significantly improves the readability and comprehension of the code. This allows you to read the code faster and more fluently, quickly identify key elements, and better understand the structure and logic of the program.

## What are snippets?

Snippets are predefined codes that you can use to modify the appearance of your Obsidian workspace.

## How to install the snippets

- Download: Download the snippets located in [snippets](/snippets). You can download the whole folder or the one you want to use.

- Place: Save the downloaded files in the vault > .obsidian > snippets folder.

- Enable: Open Obsidian, go to "Settings", then "Appearance" and at the bottom you will find "CSS snippets", where you can enable the snippet you want to use.

![Enable the snippet](src/snippets.png)

### Available snippets

- You can see screenshots of the available snippets [here](src/screenshots)

## Contributions

Your contributions are welcome! You can contribute by updating existing snippets or creating new ones. For more information, go to [CONTRIBUTING.md](CONTRIBUTING.md)