Πώς να εμφανίσετε μπλοκ κώδικα στο Medium

Και πώς να γράψετε ενσωματωμένο κώδικα και κώδικα ενσωμάτωσης για επισήμανση σύνταξης

Το Medium διευκολύνει την προσθήκη μπλοκ κώδικα και inline

Το Medium έχει μια κρυφή συντόμευση που θα μετατρέψει το απλό κείμενο κειμένου…

εάν (προγραμματιστής === true) {

ακολουθήστε (this.mediumPublication);

}

… Σε ένα μορφοποιημένο μπλοκ κώδικα:

if (developer === true) {
 follow(this.mediumPublication);
}

Για να το επιτύχετε αυτό, επιλέξτε το κείμενο και, στη συνέχεια, πατήστε:

  • Windows : Control + Alt + 6
  • Mac : Εντολή + Επιλογή + 6
  • Linux : Control + Alt + 6

Ενημέρωση 19 Οκτωβρίου 2016: Το Medium υποστηρίζει επίσης την κοινή σύμβαση έναρξης ενός μπλοκ κώδικα με τριπλά πίσω. Εάν πληκτρολογήσετε "" σε μια νέα γραμμή, το Medium θα αλλάξει τώρα σε λειτουργία εισαγωγής κώδικα. Ευχαριστώ πολύ τον Luke Esterkyn και την υπόλοιπη ομάδα Medium για την εφαρμογή του!

Μπορείτε επίσης να επισημάνετε τον κώδικα ενσωματωμένο επιλέγοντας τον και, στη συνέχεια, κάνοντας κλικ στο πλήκτρο backtick (`). Για παράδειγμα, μπορείτε να μορφοποιήσετε κείμενο ως κώδικα freeCodeCamp()ακριβώς στη μέση μιας πρότασης.

Μπορείτε επίσης να ενσωματώσετε τις λίστες GitHub επικολλώντας τη διεύθυνση URL τους σε μια κενή γραμμή και, στη συνέχεια, πατώντας enter:

Πώς να ενσωματώσετε εφαρμογές ιστού

Ως μπόνους, μπορείτε να ενσωματώσετε εφαρμογές που μπορούν να εκτελεστούν απευθείας στο Medium. Σε περίπτωση που αυτές δεν αποδίδονται σωστά στις εφαρμογές για κινητά του Medium, προτείνω να συμπεριλάβετε συνδέσμους κάτω από καθεμία από τις ενσωματώσεις ως εναλλακτικό.

Επικολλήστε ένα URL CodePen.io στο Medium και, στη συνέχεια, πατήστε enter:

Δείτε το CodePen μου εδώ.

Μπορείτε επίσης να το κάνετε αυτό με το JSFiddle.net:

Δείτε το JSFiddle εδώ.

Αλλά μην χρησιμοποιείτε εικόνες κώδικα.

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

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

Επίσης, δεν μπορείτε να αλλάξετε το μέγεθος της γραμματοσειράς των στατικών εικόνων, γεγονός που δυσκολεύει την ανάγνωση σε κινητό τηλέφωνο (όπου οι περισσότεροι άνθρωποι διαβάζουν το Medium).

Τέλος, αυτό καθιστά αδύνατο για τους αναγνώστες να αντιγράψουν και να επικολλήσουν τον κωδικό σας.

Ξέρω, ξέρω - δεν πρέπει να αντιγράφετε και να επικολλάτε τον κώδικα ούτως ή άλλως.

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

Για να ανακεφαλαιώσουμε:

  • χρησιμοποιήστε τα εγγενή μπλοκ κώδικα του Medium
  • ή ενσωματώστε τις κύριες GitHub
  • Χρησιμοποιήστε παραδείγματα εργασίας από CodePen και JSFiddle όπου είναι δυνατόν
  • αλλά μην επικολλάτε εικόνες κώδικα

Καλή κωδικοποίηση και γραφή σχετικά με την κωδικοποίηση!

Γράφω μόνο για τον προγραμματισμό και την τεχνολογία. Αν με ακολουθήσετε στο Twitter δεν θα σπαταλήσω το χρόνο σας. ;