saberland/saber

A plugin that uses shiki to highlight code blocks

Open

#462 aberto em 18 de set. de 2019

Ver no GitHub
 (1 comment) (0 reactions) (0 assignees)JavaScript (127 forks)batch import
good first issuehacktoberfestplugin

Métricas do repositório

Stars
 (2.151 stars)
Métricas de merge de PR
 (Nenhuma PRs mesclada em 30d)

Description

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.

Guia do colaborador

Direção de pesquisa
Examine o plugin de referência saber plugin prismjs para entender a estrutura do plugin e, em seguida, implemente um plugin similar usando Shiki para realce de código. Integre o à configuração do Saber.
Pilha de tecnologia
javascriptvuenodejs
Domain
frontenddeveloper experience
Tipo Issue
Funcionalidade
DifficultyDificuldade de implementação estimada para um novo contribuidor, de 1 para alterações muito pequenas a 5 para trabalho de nível especializado.
2
Tempo estimadoUm intervalo de tempo aproximado para um colaborador experiente investigar, implementar, testar e preparar um pull request.
Meio dia
Status da atividadeQuão disponível o issue aparece agora: novo, ativo, obsoleto, bloqueado ou aguardando entrada do mantenedor.
Ativo
ClarityCom que clareza o issue explica a mudança esperada, os critérios de aceitação e a próxima etapa.
Claro
Prerequisites
JavaScriptNode.jsSaber plugin development
Simpatia para novatosUma pontuação de 1 a 100 que estima o quão acessível este issue é para colaboradores iniciantes.
60