Skip to content

Latest commit

 

History

History
276 lines (222 loc) · 36.5 KB

README.tw.md

File metadata and controls

276 lines (222 loc) · 36.5 KB

maintained with Ranger All Contributors MIT License FOSSA Status



簡介

你見過 Twitter 上面的 這 些 程式碼 圖片 嗎? 雖然這些程式碼令人印象深刻,但從美觀程度來說還有提升空間。Carbon 能夠輕鬆地將你的原始碼生成漂亮的圖片並分享。還等什麼呢?用這個新發現的美化工具秀給你的 followers 看吧。

Carbon example

特色

  • 訂製化:訂製選項包括圖片的語法主題、字體樣式等
  • 快速分享:一鍵生成圖片或網址並分享
  • 儲存記錄:建立帳號來儲存程式碼片段,已分享的程式碼會自動展開至 Twitter 和 Slack

使用

 

有幾種不同的方法可以將程式碼輸入到 Carbon:

  • 把檔案拖曳到編輯器中
  • 在 carbon url 後面加上 GitHub gist id (例如 carbon.now.sh/你的_gist_id
  • 直接貼上程式碼!

訂製化

當你把程式碼輸入到 Carbon 後,你可以調整程式碼圖片。訂製選項包括語法主題、背景顏色、視窗主題、padding、陰影、字體等等。

輸出 & 分享

當你調整完圖片樣式後,可以透過以下方式分享。

儲存程式碼片段

分享一個儲存的程式碼片段可以自動在 Twitter 和 Slack 等平台上展開圖片。這種方式可以讓使用者在看圖片的同時,也能夠點開網址取得你的程式碼。

如果你通過 "Tweet" 按鈕分享,Carbon 將自動設置你的圖片為公開訪問。不過如果你想手動分享圖片,可以查看 如何設置 Twitter 圖片公開訪問

如果你在文章中添加 Carbon 圖片,注意到圖片中的原始碼對於無障礙技術來說是不可見的,比如無法放大字號或複製。可以考慮新增一個元素展示文本形式的原始碼,比如在圖片下方加一個 詳細訊息展現元素

安裝 Carbon 桌面客戶端(離線)

如果你使用的是 Google Chrome 或別的支持 PWA 技術的瀏覽器,你可以安裝 Carbon 並離線使用:

  1. 訪問 https://carbon.now.sh
  2. 點擊瀏覽器的設置按鈕
  3. 點擊 "安裝 Carbon..."

社群

瀏覽社群中的這些優秀專案:

編輯器擴充功能
工具
  • CLI carbon-now-cli - 用 carbon-now 命令在 Carbon 中打開一個檔案或者直接下載它,包含互動式選項、可選高亮等功能
  • CodeExpander - 是一個智慧並具有像 TextExpander 特性的 GitHub Gist 客戶端
  • nef - 從 Xcode Playground 輸出多個 Carbon 程式碼片段。
工具
  • R carbonate - 用 R 腳本疊代處理圖片樣式並在 Carbon 中打開或直接下載。
引用

專案作者

Carbon 專案由 TA 們發起:

License

FOSSA Status




貢獻程式碼

歡迎 PR!請查看 貢獻指南 了解詳情。

贊助商

你的公司在用 Carbon 嗎?考慮一下為此專案的新功能開發、bug 修復等提供贊助。

贊助者

喜歡用 Carbon 嗎?考慮一下為此專案的新功能開發或改進提供贊助。

感謝

▲ Vercel 贊助了 Carbon 的服務託管。

所有貢獻者

感謝所有這些優秀的貢獻者們 (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

💻

Hugo Torzuoli

📖

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

🌍

Jeremy Shih

🌍

George McCarron

📖

Erwin Rahayu

🌍 📖

Luca

💻

Andrew Hayes

💻

Bereket Semagn

💻

Lorenzo Lancia

🌍

Guy Adler

🌍