41 KiB
פתיחה
מכירים את כל צילומי המסך של קוד שרואים בטוויטר? למרות שבדרך כלל הקוד מרשים, אנחנו ראינו מקום לשיפור במחלקת האסתטיקה. 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.
התקנת Carbon לשולחן העבודה (לא מקוון)
אם אתם משתמשים בגוגל כרום, או דפדפן אחר שתומך ב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
כל התומכים
תודה מגיעה לכל האנשים הנפלאים האלו (מפתח אימוג'ים):
