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

💻 📖 🚇 👀

mfix22

💬 💻 🤔

jakedex

💬 💻 🎨 📹

andrewda

💬 💻 🐛 👀

yeskunall

💻 📖 🔧 🐛

stoshfabricius

💻

jkling38

📖

otobrglez

💻

darahak

📖

dom96

💻

elrumordelaluz

💻

cjb

💻

Krzysztof-Cieslak

💻

fernahh

📖

g3r4n

💻

Mat Gadd

🐛 💻

Brad Davies

🐛 💻

Rafael Câmara

💻

Gleb Bahmutov

⚠️ 🔧

Iván Munguía

💻

Dillon Mulroy

💻

Nihad Abbasov

💻

Bruno C. Couto

💻

Mark Molnar

💻

Takahiko Inayama

💻

François Martin

💻

Raphael Amorim

💻

Camron Flanders

💻

Eric Adamski

💻

Winner Crespo

💻 🎨

Milos

💻 🔧 📖 🌍

Yashu Mittal

💻

Rachel M. Carmena

📖

Miguel Salazar

📖 🌍

Vyom Jain

📖 🌍

racaljk

🌍

Sean

💻

Izabela Borges

🌍

Shinil M S

🌍

Berke Atac

🌍

LEE YONGJUN

🌍

Matthew Nielsen

💻

Boy

📦

Vetrivel Chinnasamy

🌍

Farzad YZ

💻 🤔

Yannick Loriot

🌍

Joel Hanson

💻

Muhammad Muzzammil

💻

souppower

🚇

Masato Urai (@uraway_)

🌍

Fernando

🌍

Megha Sachdev

💻 ⚠️

Anudeep Reddy

🚇

Munieru

🌍

Adam Lusted

💻

Jose Noriega

🌍

Merlin Fuchs

🌍

Ramy Majouji

💻

Viktor Nemes

💻

Eric Bailey

💻

Nazeefa

🌍

Pratik Butani

📝

Bakti Aditya

💻

Caleb Taylor

💻

Rogério Munhoz

💻

Technoknol

💻

Tymoteusz Makowski

💻

Nisar Hassan Naqvi

🐛

Ilyas Karim

🐛

Nick Fix

🤔

Melanie Sumner

🤔

aluc

💻

B. Mearns

🤔

Peng Jie

💻

Binyamin Aron Green

💻

Michal

🌍

Quinn Blenkinsop

💻

Dwiferdio Seagal Putra

💻

Ashley Woodall Clark

💻

Tim Wienk

🌍

George McCarron

📖

Erwin Rahayu

🌍 📖

Luca

💻

Andrew Hayes

💻

Bereket Semagn

💻

Lorenzo Lancia

🌍

Guy Adler

🌍

Dan Bamikiya

🤔

kewang

🌍

Rizda Dwi Prasetya

🖋

AbreuY

🌍

>_Rizky.dev

🌍 📖

Abidemi Harry

💻

Marco

🌍

Sam Robbins

📖

alceil

💻

hatsu

💻