מכירים את כל צילומי המסך של קוד שרואים בטוויטר? למרות שבדרך כלל הקוד מרשים, אנחנו ראינו מקום לשיפור במחלקת האסתטיקה. Carbon הופך יצירת ושיתוף תמונות מדהימות של קוד המקור שלכם לפשוט. אז למה אתם מחכים? החלו להרשים את כל העוקבים שלכם בעזרת כישרון העיצוב החדש שלכם.
יש כמה דרכים לייבא קוד לCarbon:
carbon.now.sh/<gist_id_goes_here>
)
לאחר שהקוד שלכם נמצא בCarbon, אתם יכולים להתאים אישית את התמונה על ידי שינוי ערכת הנושא של התחביר, צבע הרקע, ערכת הנושא של החלון, ריפוד, צללים, גופן ועוד.
אחרי שהתאמתם אישית את התמונה שלכם, אתם יכולים לשתף את קטע הקוד שלכם בכמה דרכים
שיתוף קטע קוד שמור יפתח אוטומטית את התמונה בפלטפורמות כמו טוויטר וסלאק. זה נותן למשתמשים לראות את היצירה שלכם, ובנוסף גישה לקוד המקור דרך הקישור. יתרה מכך, אם אתם צריכים לעדכן את הקוד, הכנסו לקישור על מנת לערוך את קטע הקוד ישירות.
כדי ליצור קטע קוד שמור:
זו הדרך המומלצת לשיתוף Carbon באתר או בבלוג שלכם. קוראים אף יכולים להעתיק את הקוד בעזרת לחיצת כפתור.
אתם יכולים להטמיע כל קטע קוד של Carbon ישירות באתר שלכם בעזרת הכתובת carbon.now.sh/embed
. "תפריט ההעתקה" נותן לכם להעתיק את קטע קוד הiFrame הנכון, או לקודד את הכתובת להטמעה בפלטפורמות כמו מדיום.
לסיום, אתם יכולים גם להטמיע קטעי קוד שמורים או GitHub gists בעזרת carbon.now.sh/embed/:id
כפתור הציוץ ישתף את התמונה בטוויטר, אך גם יקודד את הטקסט של הalt
בצורה נכונה על מנת להבטיח שהתמונות שלכם נגישות. עם זאת, אם אתם רוצים לצייץ את התמונה בעצמכם, בבקשה תבדקו איך להפוך את תמונות הטוויטר שלכם לנגישות.
Carbon תומך בהורדת התמונות שלכם כPNG וכSVG. אתם גם יכולים ללחוץ על Export → Open
כדי לפתוח את התמונה שלכם ישירות בדפדפן. לסיום, אתם יכולים להעתיק את תמונת הCarbon ישירות ללוח ההעתקה שלכם בעזרת לחיצה על Copy → Image
.
אם אתם משתמשים בגוגל כרום, או דפדפן אחר שתומך בProgressive Web Apps, אתם יכולים להתקין את Carbon לשימוש במצב לא מקוון כך:
התסכלו על הפרוייקטים האלו שהקהילה המדהימה שלנו יצרה:
carbon-now-sh
- פתחו את החלק המסומן בקובץ ItelliJ IDEA שלך בCarbon בעזרת תפריט לחיצה ימניתcarbon-now-sh
- פתחו את קובץ הAtom הנוכחי באמצעות shift-cmd-A
carbon-now-sh
- פתחו את קובץ הVS Code הנוכחי בCarbon באמצעות הפקודה carbon
carbon-now-sh
- פתחו את החלק המסומן בקובץ הSublime Text 3 הנוכחי בעזרת מקשי קיצור מותאמים אישיתcarbon-now-sh
- פתחו את החלק המסומן בVim/Neovim בעזרת הפקודה CarbonNowSh()
carbon-now-sh
- פתחו את החלק המסומן בEmcas בעזרת הפונקציה האינטרקטיבית carbon-now-sh
carbon-now-sh
- פתחו את החלק המסומן בcarbon.now.sh
nef
- תוספת הXcode הזו מאפשרת לכם לייצא חלק נבחר מהקוד כקטע קוד של Carbon בפעולה אחתcarbon-now-cli
- פתחו קובץ בCarbon או הורידו ישירות בעזרת carbon-now
, כולל מצב אינטראקטיבי, סימון על פי בחירה ועודnef
- ייצוא מספר קטעי קוד של Carbon מXcode Playground
@carbonshbot
- צ'אטבוט של טלגרם שיוצר תמונת Carbon מקטע קוד או כתובת gistcarbonate
- ערכו אסתטיקת תמונה באופן אינטראקטיבי בR
ופתחו בCarbon או הורידו ישירות.Carbon הוא פרוייקט שנוצר על ידי:
אנחנו מקבלים pull request בברכה! הכנסו להנחינות התרומה לפרטים נוספים.
▲ Vercel על נתינת חסות לאירוח Carbon
תודה מגיעה לכל האנשים הנפלאים האלו (מפתח אימוג'ים):