saberland/saber

A plugin that uses shiki to highlight code blocks

Offen

#462 geöffnet am 18.09.2019

Auf GitHub ansehenContributor Guide
 (1 Kommentar) (0 Reaktionen) (0 zugewiesene Personen)JavaScript (127 Forks)batch import
good first issuehacktoberfestplugin

Repository-Metriken

Stars
 (2.151 Sterne)
PR-Merge-Metriken
 (Keine gemergten PRs in 30 T)

Beschreibung

Feature request

What problem does this feature solve?

https://shiki.matsu.io/

It uses TextMate grammar to tokenize strings, and colors the tokens with VS Code themes. In short, Shiki generates HTML that looks exactly like your code in VS Code, and it works great in your static website generator.

What does the proposed API look like?

# saber-config.yml
plugins:
  - saber-plugin-shiki

How should this be implemented in your opinion?

Check out saber-plugin-prismjs for reference.

Contributor Guide

Research-Richtung
Untersuche das Referenz Plugin saber plugin prismjs, um die Plugin Struktur zu verstehen, und implementiere dann ein ähnliches Plugin, das Shiki zur Code Hervorhebung verwendet. Integriere es in die Saber Konfiguration.
Tech Stack
javascriptvuenodejs
Domain
frontenddeveloper experience
Issue Type
Funktion
SchwierigkeitGeschätzte Implementierungsschwierigkeit für neue Contributors, von 1 für sehr kleine Änderungen bis 5 für Expertenarbeit.
2
Geschätzte ZeitEin grober Zeitrahmen, um zu recherchieren, zu implementieren, zu testen und einen Pull Request vorzubereiten.
Halber Tag
AktivitätsstatusWie verfügbar das Issue gerade wirkt: frisch, aktiv, stale, blockiert oder wartet auf Maintainer-Input.
Aktiv
KlarheitWie klar das Issue die erwartete Änderung, Akzeptanzkriterien und den nächsten Schritt erklärt.
Klar
Voraussetzungen
JavaScriptNode.jsSaber plugin development
EinsteigerfreundlichkeitEin Score von 1 bis 100, der schätzt, wie zugänglich dieses Issue für First-Time Contributors ist.
60