maintained with Ranger All Contributors MIT License FOSSA Status



## Introducción ¿Conoces [todas](https://twitter.com/dan_abramov/status/890191815567175680) [esas](https://twitter.com/reactjs/status/890511993261654017) [capturas de pantalla](https://twitter.com/notquiteleo/status/873483329345028096) que ves en Twitter? Aunque el código es generalmente impresionante, vimos una oportunidad de mejora en el área de estética. Carbon hace que sea fácil crear y compartir bellas imágenes de su código. Entonces, ¿qué esperas? Ve a impresionar a todos tus seguidores con tu nueva destreza de diseño.

Carbon example

## Características - **Personalización**. Personaliza cosas como el tema de sintaxis de tu imagen, estilo de fuente y más. - **Comparte rápidamente**. Guarda tu imagen o enlace con un solo clic. - **Guarda tus fragmentos de código**. Crea una cuenta para guardar tus fragmentos de código para más adelante. Los fragmentos de código que compartas en Twitter y Slack se mostrarán automáticamente. ## Uso #### Importar Hay formas diferentes de importar código en Carbon: - Coloca un archivo en el editor. - Agrega un ID de GitHub gist a la URL (por ejemplo, [`carbon.now.sh/`](https://carbon.now.sh/3208813b324d82a9ebd197e4b1c3bae8)). - Pega tu código directamente. #### Personalización Una vez que tenga todo su código en Carbon, puedes personalizar tu imagen cambiando el tema de sintaxis, el color de fondo, el tema de la ventana, relleno, sombras, fuentes y más. #### Exportar/Compartir Después de que hayas personalizado tu fragmento de código, puedes compartirlo en un Tweet haciendo un enlace a la imagen o guardar la imagen directamente. ##### Genera fragmentos de código para guardar Cuando compartes un fragmento de código guardado, la imagen se mostrará automáticamente en plataformas como Twitter y Slack. De esta manera, otros usuarios pueden ver tu creación, además de darles acceso al código fuente a través del enlace. Mejor aún, si deseas hacer algún ajuste, puedes entrar directamente al enlace para editar el fragmento de código. Para crear un fragmento de código que puedas guardar: 1. Inicia sesión usando el botón de "Sign In/Sign Up". 2. Edita tu fragmento de código como normalmente lo harías, este se guardará automáticamente. 3. ¡Copia la URL de tu navegador y compártela! ##### Embeber un fragmento de código Este es el método recomendado para compartir Carbon en tu propio sitio web o blog. Los lectores incluso pueden copiar el código con hacer clic en un botón. Tu puedes insertar cualquier fragmento de código de Carbon directamente en tu sitio web usando la URL `carbon.now.sh/embed`. El "Menú de copiado" te permite copiar rápidamente el fragmento de iFrame correcto o la URL codificada para ser usada en plataformas como Medium. Finalmente, también puedes insertar tus fragmentos de código guardados o GitHub gists usando `carbon.now.sh/embed/:id`. ##### Usa el botón de Tweet El botón de Tweet no solo compartirá la imagen en Twitter, también codificará correctamente el texto alternativo (propiedad `alt`) para asegurar que tus imágenes son accesibles. Sin embargo, si deseas publicar la imagen en Twitter por tu cuenta, te recomendamos consultar [cómo publicar imágenes accesibles](https://help.twitter.com/es/using-twitter/picture-descriptions). ##### Descarga la imagen directamente Carbon permite descargar tus imágenes en formato PNG y SVG. También puedes hacer clic en `Export → Open` para abrir tu imagen directamente en el navegador. Por último, puedes copiar directamente la imagen en el portapapeles haciendo click en `Copy → Image`. #### Instalación de Carbon para escritorio (Sin conexión) Si estás utilizando Google Chrome u otro navegador que soporte aplicaciones web progresivas, puedes instalar Carbon para usarlo sin conexión siguiendo estas instrucciones: 1. Visitar [https://carbon.now.sh](https://carbon.now.sh). 2. Abrir el menú de configuración de tu navegador. 3. Hacer clic en "Instalar Carbon...". ## Comunidad Echa un vistazo a estos proyectos que nuestra increíble comunidad ha creado: ##### Complementos del editor - [IntelliJ IDEA `carbon-now-sh`](https://plugins.jetbrains.com/plugin/10469-carbon-now-sh) - Abra la selección en su archivo actual IntelliJ IDEA en Carbon a través de un menú contextual. - [Atom `carbon-now-sh`](https://atom.io/packages/carbon-now-sh) - Abra su archivo Atom actual en Carbon con `shift-cmd-A`. - [VS Code `carbon-now-sh`](https://marketplace.visualstudio.com/items?itemName=ericadamski.carbon-now-sh) - Abra su archivo VS Code actual en Carbon con el comando `carbon`. - [Sublime Text 3 `carbon-now-sh`](https://github.com/molnarmark/carbonSublime) - Abra la selección en su archivo actual de Sublime Text 3 con una clave personalizada. - [Vim `carbon-now-sh`](https://github.com/kristijanhusak/vim-carbon-now-sh) - Abra la selección en su Vim / Neovim actual usando la función `CarbonNowSh ()`. - [Emacs `carbon-now-sh`](https://github.com/veelenga/carbon-now-sh.el) - Abra la selección en su Emacs actual usando la función interactiva `carbon-now-sh`. - [Xcode `carbon-now-sh`](https://github.com/StevenMagdy/CarboNow4Xcode) - Abra su selección actual en `carbon.now.sh`. - [Xcode `nef`](https://github.com/bow-swift/nef-plugin) - Esta extensión de Xcode te permite exportar una selección de código como un fragmento de Carbon en una sola acción. ##### Herramientas - [CLI `carbon-now-cli`](https://github.com/mixn/carbon-now-cli) - Abre un archivo en Carbon o descárguelo directamente usando `carbon-now`, con modo interactivo, resaltado selectivo y más. - [CodeExpander](https://codeexpander.com) - Un cliente inteligente GitHub gist con las características de TextExpander. - [`nef`](https://github.com/bow-swift/nef#-exporting-carbon-code-snippets) - Exporte múltiples fragmentos de código de Carbon desde `Xcode Playground`. - [`@carbonshbot`](https://t.me/carbonshbot) - Un chatbot de Telegram que puede tomar fragmentos de código o URLs de GitHub gist y generar una imagen de Carbon. - [R `carbonate`](https://yonicd.github.io/carbonate/) - Permite manipular de forma iterativa la estética de la imagen en `R`, abrirla en Carbon o descargarla directamente. - [Carbon for Slack](https://github.com/faisalsayed10/carbon-slack) - Usa Carbon directamente en Slack. Simplemente ejecute el comando `/carbon`. ##### Citas - ["CS 101 - Una introducción al pensamiento computacional"](https://itunes.apple.com/us/book/id1435714196) - Un libro de texto de ciencias de la computación por Sarbo Roy. ## Autores Carbon es un proyecto de: - Mike Fix ([@mfix22](https://github.com/mfix22)). - Brian Dennis ([@briandennis](https://github.com/briandennis)). - Jake Dexheimer ([@jakedex](https://github.com/jakedex)). #### Licencia [![FOSSA Status](https://app.fossa.com/api/projects/git%2Bgithub.com%2Fcarbon-app%2Fcarbon.svg?type=large)](https://app.fossa.com/projects/git%2Bgithub.com%2Fcarbon-app%2Fcarbon?ref=badge_large)

--- ## Contribuir y apoyar ¡Los Pull Requests son bienvenidos! Por favor consulte nuestra [guía de contribución](/.github/CONTRIBUTING.md) para obtener más detalles. ### Patrocinadores ¿Tu empresa utiliza Carbon? Considera patrocinar el proyecto para financiar nuevas características, correcciones de errores y más. [![Fossa](https://assets-global.website-files.com/5f4d9ea2592c16056cb0f7a5/5f4d9ea2592c16d9a2b0f7da_logo-FOSSA-night-blue.svg)](https://fossa.com) ### Backers ¿Te gusta utilizar Carbon? Considera apoyar el proyecto para financiar nuevas características y mejoras. ### Gracias a [ ▲ Vercel ](https://vercel.com?utm_source=carbon-app&utm_campaign=oss) por patrocinar el alojamiento de Carbon. [![Deploy with Vercel](https://vercel.com/button)](https://vercel.com/import/git?s=https%3A%2F%2Fgithub.com%2Fcarbon-app%2Fcarbon&project-name=carbon&repo-name=carbon) ### Contribuyentes ![](https://opencollective.com/carbon-app/contributors.svg?width=1024) #### Todos los Contribuyentes Gracias a todas estas personas maravillosas ([emoji key](https://github.com/kentcdodds/all-contributors#emoji-key)):
briandennis
briandennis

💻 📖 🚇 👀
mfix22
mfix22

💬 💻 🤔
jakedex
jakedex

💬 💻 🎨 📹
andrewda
andrewda

💬 💻 🐛 👀
yeskunall
yeskunall

💻 📖 🔧 🐛
stoshfabricius
stoshfabricius

💻
jkling38
jkling38

📖
otobrglez
otobrglez

💻
darahak
darahak

📖
dom96
dom96

💻
elrumordelaluz
elrumordelaluz

💻
cjb
cjb

💻
Krzysztof-Cieslak
Krzysztof-Cieslak

💻
fernahh
fernahh

📖
g3r4n
g3r4n

💻
Mat Gadd
Mat Gadd

🐛 💻
Brad Davies
Brad Davies

🐛 💻
Rafael Câmara
Rafael Câmara

💻
Gleb Bahmutov
Gleb Bahmutov

⚠️ 🔧
Iván Munguía
Iván Munguía

💻
Dillon Mulroy
Dillon Mulroy

💻
Nihad Abbasov
Nihad Abbasov

💻
Bruno C. Couto
Bruno C. Couto

💻
Mark Molnar
Mark Molnar

💻
Takahiko Inayama
Takahiko Inayama

💻
François Martin
François Martin

💻
Raphael Amorim
Raphael Amorim

💻
Camron Flanders
Camron Flanders

💻
Eric Adamski
Eric Adamski

💻
Winner Crespo
Winner Crespo

💻 🎨
Milos
Milos

💻 🔧 📖 🌍
Yashu Mittal
Yashu Mittal

💻
Rachel M. Carmena
Rachel M. Carmena

📖
Miguel Salazar
Miguel Salazar

📖 🌍
Vyom Jain
Vyom Jain

📖 🌍
racaljk
racaljk

🌍
Sean
Sean

💻
Izabela Borges
Izabela Borges

🌍
Shinil M S
Shinil M S

🌍
Berke Atac
Berke Atac

🌍
LEE YONGJUN
LEE YONGJUN

🌍
Matthew Nielsen
Matthew Nielsen

💻
Boy
Boy

📦
Vetrivel Chinnasamy
Vetrivel Chinnasamy

🌍
Farzad YZ
Farzad YZ

💻 🤔
Yannick Loriot
Yannick Loriot

🌍
Joel Hanson
Joel Hanson

💻
Muhammad Muzzammil
Muhammad Muzzammil

💻
souppower
souppower

🚇
Masato Urai (@uraway_)
Masato Urai (@uraway_)

🌍
Fernando
Fernando

🌍
Megha Sachdev
Megha Sachdev

💻 ⚠️
Anudeep Reddy
Anudeep Reddy

🚇
Munieru
Munieru

🌍
Adam Lusted
Adam Lusted

💻
Jose Noriega
Jose Noriega

🌍
Merlin Fuchs
Merlin Fuchs

🌍
Ramy Majouji
Ramy Majouji

💻
Viktor Nemes
Viktor Nemes

💻
Eric Bailey
Eric Bailey

💻
Nazeefa
Nazeefa

🌍
Pratik Butani
Pratik Butani

📝
Bakti Aditya
Bakti Aditya

💻
Caleb Taylor
Caleb Taylor

💻
Rogério Munhoz
Rogério Munhoz

💻
Technoknol
Technoknol

💻
Tymoteusz Makowski
Tymoteusz Makowski

💻
Nisar Hassan Naqvi
Nisar Hassan Naqvi

🐛
Ilyas Karim
Ilyas Karim

🐛
Nick Fix
Nick Fix

🤔
Melanie Sumner
Melanie Sumner

🤔
aluc
aluc

💻
B. Mearns
B. Mearns

🤔
Peng Jie
Peng Jie

💻
Binyamin Aron Green
Binyamin Aron Green

💻
Michal
Michal

🌍
Quinn Blenkinsop
Quinn Blenkinsop

💻
Dwiferdio Seagal Putra
Dwiferdio Seagal Putra

💻
Ashley Woodall Clark
Ashley Woodall Clark

💻
Tim Wienk
Tim Wienk

🌍
George McCarron
George McCarron

📖
Erwin Rahayu
Erwin Rahayu

🌍 📖
Luca
Luca

💻
Andrew Hayes
Andrew Hayes

💻
Bereket Semagn
Bereket Semagn

💻
Lorenzo Lancia
Lorenzo Lancia

🌍
Guy Adler
Guy Adler

🌍
Dan Bamikiya
Dan Bamikiya

🤔
kewang
kewang

🌍
Rizda Dwi Prasetya
Rizda Dwi Prasetya

🖋
AbreuY
AbreuY

🌍
>_Rizky.dev
>_Rizky.dev

🌍 📖
Abidemi Harry
Abidemi Harry

💻
Marco
Marco

🌍
Sam Robbins
Sam Robbins

📖
alceil
alceil

💻
hatsu
hatsu

💻
Praveen Kumar Purushothaman
Praveen Kumar Purushothaman

🌍