מכירים את כל צילומי המסך של קוד שרואים בטוויטר? למרות שבדרך כלל הקוד מרשים, אנחנו ראינו מקום לשיפור במחלקת האסתטיקה. Carbon הופך יצירת ושיתוף תמונות מדהימות של קוד המקור שלכם לפשוט. אז למה אתם מחכים? החלו להרשים את כל העוקבים שלכם בעזרת כישרון העיצוב החדש שלכם.
- התאמה אישית. שנו דברים בתמונה כמו ערכת הנושא של התחביר, עיצוב הגופן ועוד
- שיתוף במהירות. שמרו את התמונה שלכם או קישור אליה בלחיצה אחת
- שמרו קטעי קוד. צרו חשבון על מנת לשמור קטעי קוד למאוחר יותר. קטעי קוד ששותפו נפתחים אוטומטית בטוויטר וסלאק.
יש כמה דרכים לייבא קוד לCarbon:
- שחררו קובץ מעל העורך
- הוסיפו GitHub gist ID לכתובת (לדוגמה
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
- לחצו על תפריט ההגדרות של הדפדפן שלכם
- לחצו על "Install Carbon..."
התסכלו על הפרוייקטים האלו שהקהילה המדהימה שלנו יצרה:
- IntelliJ IDEA
carbon-now-sh- פתחו את החלק המסומן בקובץ ItelliJ IDEA שלך בCarbon בעזרת תפריט לחיצה ימנית - Atom
carbon-now-sh- פתחו את קובץ הAtom הנוכחי באמצעותshift-cmd-A - VS Code
carbon-now-sh- פתחו את קובץ הVS Code הנוכחי בCarbon באמצעות הפקודהcarbon - Sublime Text 3
carbon-now-sh- פתחו את החלק המסומן בקובץ הSublime Text 3 הנוכחי בעזרת מקשי קיצור מותאמים אישית - Vim
carbon-now-sh- פתחו את החלק המסומן בVim/Neovim בעזרת הפקודהCarbonNowSh() - Emcas
carbon-now-sh- פתחו את החלק המסומן בEmcas בעזרת הפונקציה האינטרקטיביתcarbon-now-sh - Xcode
carbon-now-sh- פתחו את החלק המסומן בcarbon.now.sh - Xcode
nef- תוספת הXcode הזו מאפשרת לכם לייצא חלק נבחר מהקוד כקטע קוד של Carbon בפעולה אחת
- CLI
carbon-now-cli- פתחו קובץ בCarbon או הורידו ישירות בעזרתcarbon-now, כולל מצב אינטראקטיבי, סימון על פי בחירה ועוד - CodeExpander - תוכנת GitHub gist חכמה עם תכונות מTextExpander
nef- ייצוא מספר קטעי קוד של Carbon מXcode Playground@carbonshbot- צ'אטבוט של טלגרם שיוצר תמונת Carbon מקטע קוד או כתובת gist- R
carbonate- ערכו אסתטיקת תמונה באופן אינטראקטיבי בRופתחו בCarbon או הורידו ישירות.
- "CS 101 - An Introduction to Computational Thinking" - ספר לימוד מדעי המחשב מאת Sarbo Roy.
Carbon הוא פרוייקט שנוצר על ידי:
- Mike Fix (@mfix22)
- Brian Dennis (@briandennis)
- Jake Dexheimer (@jakedex)
אנחנו מקבלים pull request בברכה! הכנסו להנחינות התרומה לפרטים נוספים.
▲ Vercel על נתינת חסות לאירוח Carbon
תודה מגיעה לכל האנשים הנפלאים האלו (מפתח אימוג'ים):
