Δημιουργήστε εύκολα όμορφες εικόνες πηγαίου κώδικα με άνθρακα

Το Twitter και άλλες πλατφόρμες κοινωνικών μέσων είναι εξαιρετικοί τρόποι κοινοποίησης μικρών αποσπασμάτων χρήσιμου πηγαίου κώδικα. Είναι ωραίο να ρίχνουμε αυτά τα δείγματα λίγο με μερικά όμορφα χρώματα ή φανταχτερή διακόσμηση.

Η εφαρμογή web Carbon σάς επιτρέπει να δημιουργείτε εικόνες δειγμάτων πηγαίου κώδικα. Παρέχει πολλές δυνατότητες, όπως επισήμανση σύνταξης, διάφορες γραμματοσειρές και θέματα. Στη συνέχεια, σας επιτρέπει να αντιγράψετε την εικόνα κώδικα στο Medium, να το tweet ή να την αποθηκεύσετε ως αρχείο εικόνας.

Τα βασικά της χρήσης άνθρακα

ο Αρχική σελίδα άνθρακα εμφανίζει κάποιο παράδειγμα κώδικα στο κύριο πλαίσιο κειμένου του. Αυτή είναι ήδη μια χρήσιμη επίδειξη της υπηρεσίας. Σας δείχνει μια ακριβή προεπισκόπηση του είδους της εικόνας που μπορείτε να δημιουργήσετε.

Ξεκινήστε εισάγοντας κάποιο κωδικό. Μπορείτε να αντιγράψετε και να επικολλήσετε από ένα πρόγραμμα επεξεργασίας κειμένου ή να το πληκτρολογήσετε απευθείας. Παρατηρήστε ότι το πλαίσιο κειμένου επεκτείνεται στο πλάτος της μακρύτερης γραμμής σας.

Πώς να προσαρμόσετε την εικόνα του πηγαίου κώδικα

Το Carbon δημιουργεί μια εικόνα του πηγαίου κώδικα σας με έγχρωμο κείμενο που επισημαίνεται με σύνταξη. Παρουσιάζει τον κωδικό σας σε ένα βασικό παράθυρο πάνω από ένα χρώμα φόντου ή μια εικόνα.

Η ρύθμιση θέματος σάς επιτρέπει να εφαρμόσετε μια παλέτα χρωμάτων κειμένου από μια προκαθορισμένη περιοχή. Πολλά από αυτά τα θέματα χρησιμοποιούνται συχνά μεταξύ των επεξεργαστών κειμένου και άλλων υπαρχόντων λογισμικού.

Η ρύθμιση της γλώσσας θα είναι Αυτο από προεπιλογή, οπότε ο Carbon θα προσπαθήσει να μαντέψει τη γλώσσα. Αλλά είναι καλύτερο να επιλέξετε τη συγκεκριμένη γλώσσα μέσω του αναπτυσσόμενου μενού. Ορισμένες γλώσσες είναι δύσκολο να εντοπιστούν μόνο από τον πηγαίο κώδικα.

Σε χαμηλότερο επίπεδο, το Carbon παρέχει διάφορες ρυθμίσεις στυλ για να τροποποιήσετε την τελική εικόνα κώδικα. Όλα αυτά είναι διαθέσιμα στο μενού ρυθμίσεων με το εικονίδιο με το γρανάζι:

Μπορείτε να επιλέξετε από μια γκάμα 15 διαφορετικών μονοφωνικών γραμματοσειρών. Μπορείτε να συμπεριλάβετε στοιχεία ελέγχου παραθύρου στην εικόνα σας και να μεταβάλλετε το πλάτος του ή την επένδυση γύρω από το παράθυρο κώδικα. Μπορείτε επίσης να αλλάξετε το ύψος γραμμής, το μέγεθος της γραμματοσειράς και να συμπεριλάβετε αριθμούς γραμμής. Εάν χρησιμοποιείτε συχνά την υπηρεσία, μπορείτε να αποθηκεύσετε τις ρυθμίσεις σας ως προεπιλογή για μελλοντική χρήση.

Carbon's Integration with GitHub Gists

Μια πολύ χρήσιμη λειτουργία σάς επιτρέπει να φορτώνετε τον πηγαίο κώδικα από το GitHub Gist. Κάντε αυτό προσαρτώντας το αναγνωριστικό Gist στον τομέα της Carbon για να λάβετε μια διεύθυνση URL σε αυτήν τη μορφή:

https://carbon.now.sh/ea85abfb66e419ffd45564abd5bba3e7

Στη συνέχεια, η Carbon θα εισαγάγει τον πηγαίο κώδικα από αυτό το Gist και στη συνέχεια θα είστε ελεύθεροι να εργαστείτε μαζί του σαν να τον πληκτρολογήσατε απευθείας.

Πώς να εξαγάγετε μια εικόνα κώδικα από τον άνθρακα

Μόλις διαμορφώσετε το δείγμα κώδικα σύμφωνα με τις προτιμήσεις σας, ήρθε η ώρα να το χρησιμοποιήσετε. Έχετε δύο κύριες επιλογές εδώ: tweet ή αποθήκευση ως αρχείο.

Ο κύριος στόχος της Carbon είναι να βελτιώσει τις εικόνες κώδικα που δημοσιεύονται στο Twitter, οπότε παρουσιάζει το tweeting ως την πρώτη του επιλογή εξαγωγής. Πατώντας το Τιτίβισμα Το κουμπί ανοίγει ένα διάλογο δημιουργίας tweet σε ένα αναδυόμενο παράθυρο. Το tweet συμπληρώνεται με μια διεύθυνση URL που μετατρέπεται σε μεταφορτωμένη εικόνα όταν στέλνετε το tweet. Πέρα από αυτό, μπορείτε να επεξεργαστείτε το tweet όπως κρίνετε κατάλληλο.

Η λήψη της εικόνας ως αρχείου παρέχει λίγο περισσότερη ευελιξία. Μπορείτε να το εξαγάγετε ως PNG ή SVG και να κλιμακώσετε το μέγεθος ενώ το κάνετε.

Το Carbon σας επιτρέπει επίσης να αντιγράψετε και να επικολλήσετε την εικόνα που έχετε δημιουργήσει. Περιλαμβάνει μια επιλογή που σας επιτρέπει να ενσωματώσετε τον κώδικα σε μια μεσαία ανάρτηση ή να ανεβάσετε την εικόνα στο Imgur.

Τα οφέλη της κοινής χρήσης του πηγαίου κώδικα σε μια εικόνα

Η κοινή χρήση του πηγαίου κώδικα ως εικόνας έχει πολλά πλεονεκτήματα. Ειδικότερα, για το Twitter, βοηθάει στο μέγιστο μήκος του tweet. Θεωρητικά, μπορείτε να δημιουργήσετε εικόνες που περιέχουν πολύ περισσότερο κώδικα από ό, τι επιτρέπει το όριο κειμένου του Twitter.

Σχετιζομαι με: Πώς να γράψετε μεγαλύτερα Tweets

Το κύριο χαρακτηριστικό του Carbon είναι η επισήμανση σύνταξης. Προς το παρόν, δεν μπορείτε να επισημάνετε σύνταξη απλού κειμένου στο Twitter ή πολλές άλλες υπηρεσίες.

Οι εικόνες πηγαίου κώδικα είναι επίσης ελαφρώς ευκολότερες για κοινή χρήση και αποθήκευση από το κείμενο του πηγαίου κώδικα. Αλλά μπορούν να αποθαρρύνουν την αντιγραφή πηγαίου κώδικα, κάτι που μπορεί να είναι καλό. Μπορεί να ανησυχείτε ότι οι χρήστες μπορούν να αντιγράψουν τον κωδικό σας χωρίς να καταλάβουν τι πραγματικά κάνει.

Τα μειονεκτήματα της ενσωμάτωσης πηγαίου κώδικα σε μια εικόνα

Οι εικόνες καταλαμβάνουν πολύ περισσότερο χώρο αποθήκευσης από το κείμενο. Αν και είναι δυνατόν εξαγάγετε κείμενο από εικόνες, εξακολουθεί να απαιτεί επιπλέον προσπάθεια.

Το πιο σημαντικό, το κείμενο σε εικόνες είναι συχνά απρόσιτο σε εκείνους που δεν μπορούν να το δουν. Οι αναγνώστες οθόνης, για παράδειγμα, ενδέχεται να μην έχουν πρόσβαση σε τέτοιο κείμενο. Το κουμπί Tweet του Carbon παρέχει αυτόματα εναλλακτικό κείμενο που μετριάζει αυτό το ζήτημα.

Χρήση του Carbon για κοινή χρήση των αποσπασμάτων κώδικα

Το Carbon σας επιτρέπει να δημιουργείτε εύκολα ελκυστικές εικόνες αποσπασμάτων πηγαίου κώδικα. Είναι μια απλή εφαρμογή ιστού που εστιάζει σε μια συγκεκριμένη εργασία με αρκετή προσαρμογή.

Το Carbon μετατρέπει το κείμενο του πηγαίου κώδικα σε εικόνες και αυτό μπορεί να μην είναι πάντα κατάλληλο. Εάν θέλετε να μοιραστείτε τον κωδικό σας ως πραγματικό κείμενο, υπάρχουν πολλές επιλογές για να το κάνετε.

Οι 4 καλύτερες εναλλακτικές επιλογές για κοινή χρήση κώδικα και κειμένου

Αυτές οι εναλλακτικές επιλογές Pastebin σάς επιτρέπουν να πληκτρολογείτε, να επικολλάτε και να μοιράζεστε μπλοκ κώδικα ή κειμένου με άλλους στο διαδίκτυο εύκολα.

Σχετικά με τον Συγγραφέα