38 KiB
Introduction
Vous connaissez toutes ces captures d'écran de code que vous avez croisées sur Twitter ? Bien que le code seul soit généralement impressionnant, nous avons estimé qu'il était possible d'améliorer la partie esthétique. Carbon facilite la création et le partage de votre code source au travers de superbes images. Alors qu'est-ce que vous attendez ? Impressionnez tous vos abonnés avec vos nouvelles prouesses en matière de conception graphique.
Fonctionnalités
- Import depuis GitHub gist. Ajoutez simplement un ID de gist GitHub à l'URL
- Personnalisation. Personnalisez des éléments tels que le thème de la syntaxe de votre image, le style de la fenêtre, etc.
- Partage rapide. Enregistrez votre image ou tweetez un lien en un clic
Usage
Import
Il existe différentes manières d'importer du code dans Carbon :
- Déposer un fichier dans l'éditeur
- Ajouter un identifiant de GitHub gist à l'URL (ex.
carbon.now.sh/<ici_le_gist_id>) - Collez votre code directement
Personnalisation
Une fois que tout votre code est saisi dans Carbon, vous pouvez personnaliser votre image en modifiant le thème de la syntaxe, la couleur d'arrière-plan, le thème de la fenêtre ou le remplissage.
Export / Partage
Une fois que vous avez personnalisé votre image, vous pouvez soit twetter le lien vers l’image, soit l'enregistrer directement.
Si vous utilisez le bouton 'Tweet', Carbon rendra automatiquement votre image accessible aux utilisateurs malvoyants. Toutefois, si vous souhaitez tweeter manuellement votre image carbone, veuillez vérifier comment rendre les images accessibles aux utilisateurs malvoyants de Twitter.
Si vous incluez une image Carbon dans un article, le code source sera invisible pour les technologies d'assistance, il ne sera pas possible de l'agrandir ou de le copier, etc. Veuillez penser à ajouter un autre élément avec le code source sous forme de texte, comme une balise HTML Details sous l'image.
Communauté
Découvrez les projets créés par notre fantastique communauté :
Plugins pour les éditeurs de code
- IntelliJ IDEA
carbon-now-sh- Ouvrez la sélection de votre fichier IntelliJ IDEA actuel dans Carbon via un menu contextuel - Atom
carbon-now-sh- Ouvrez votre fichier Atom actuel dans Carbon avecshift-cmd-A - VS Code
carbon-now-sh- Ouvrez votre fichier VS Code actuel dans Carbon avec la commandecarbon - Sublime Text 3
carbon-now-sh- Ouvrez la sélection de votre fichier Sublime Text 3 actuel avec une clé liée personnalisée - Vim
carbon-now-sh- Ouvrez la sélection dans votre Vim / Neovim actuelle en utilisant la fonctionCarbonNowSh() - Emacs
carbon-now-sh- Ouvrez la sélection dans votre Emacs actuel en utilisant la fonction interactivecarbon-now-sh
Outils
- CLI
carbon-now-cli- Ouvrez un fichier dans Carbon ou téléchargez-le directement en utilisantcarbon-now, comportant un mode interactif, une mise en évidence sélective et plus encore.
Bibliothèques
- R
carbonate- Manipulez de manière itérative l’esthétique de l’image dansRet ouvrez-la dans Carbon, ou téléchargez-la directement.
Manuels
- "CS 101 - Une introduction à la pensée informatique" - un manuel d'informatique de Sarbo Roy.
Auteurs
Carbon est un projet de
- Mike Fix (@mfix22)
- Brian Dennis (@briandennis)
- Jake Dexheimer (@jakedex)
Licence
Contribuer
Les PRs sont les bienvenues ! Veuillez lire notre CONTRIBUTING.md pour plus de détails.
Merci à
▲ Vercel pour sponsoriser l'hébergement de Carbon.
Tous les contributeurs
Merci à toutes ces personnes merveilleuses (emoji key):
