Cara memaparkan blok kod di Medium

Dan cara menulis kod sebaris dan kod benam untuk sorotan sintaks

Medium memudahkan untuk menambahkan blok kod dan sebaris

Medium mempunyai jalan pintas tersembunyi yang akan menjadikan teks biasa menjadi teks…

jika (pembangun === benar) {

ikuti (this.mediumPublication);

}

... ke dalam blok kod berformat:

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

Untuk mencapai ini, pilih teks, kemudian tekan:

  • Windows : Control + Alt + 6
  • Mac : Perintah + Pilihan + 6
  • Linux : Control + Alt + 6

Kemas kini 19 Oktober 2016: Medium kini juga menyokong konvensyen biasa untuk memulakan blok kod dengan tanda belakang tiga kali ganda. Sekiranya anda mengetik "" pada baris baru, Medium kini akan beralih ke mod input kod. Terima kasih banyak kepada Luke Esterkyn dan seluruh pasukan Medium kerana melaksanakan ini!

Anda juga boleh menyerlahkan kod sebaris dengan memilihnya, kemudian mengklik kekunci backtick (`). Contohnya, anda boleh memformat teks sebagai kod freeCodeCamp()tepat di tengah-tengah ayat.

Anda juga boleh menanamkan inti GitHub dengan menampal URL mereka ke baris kosong, kemudian menekan enter:

Cara Memasukkan aplikasi web

Sebagai bonus, anda boleh menanamkan aplikasi yang dapat dijalankan terus ke Medium. Sekiranya ini tidak dibuat dengan betul dalam aplikasi mudah alih Medium, saya cadangkan memasukkan pautan di bawah setiap penyisipan sebagai cadangan.

Tampal URL CodePen.io ke Medium, kemudian tekan enter:

Lihat CodePen saya di sini.

Anda juga boleh melakukan ini dengan JSFiddle.net:

Lihat JSFiddle saya di sini.

Tetapi jangan gunakan gambar kod.

Walaupun kelihatan senang mengambil tangkapan skrin kod anda dan menampalnya ke Medium, jangan lakukan ini.

Medium belum mempunyai pilihan teks alternatif, jadi ini akan menjadikan kod anda benar-benar tidak dapat diakses oleh pembangun yang cacat penglihatan. Dan ya, mereka ada di luar sana.

Anda juga tidak dapat mengubah ukuran fon gambar statik, yang menyakitkan untuk dibaca di telefon bimbit (di mana kebanyakan orang membaca Sederhana).

Akhirnya, ini tidak memungkinkan pembaca menyalin dan menampal kod anda.

Saya tahu, saya tahu - anda tidak seharusnya menyalin dan menampal kod.

Tetapi mari kita hadapi - orang melakukannya. Dan kebanyakan orang akan meninggalkan tutorial anda dengan cepat jika berhadapan dengan prospek mengetik banyak kod secara manual.

Jadi untuk merakam:

  • gunakan blok kod asli Medium
  • atau masukkan inti GitHub
  • gunakan contoh kerja dari CodePen dan JSFiddle jika boleh
  • tetapi jangan tampal gambar kod

Selamat membuat pengekodan dan penulisan mengenai pengekodan!

Saya hanya menulis mengenai pengaturcaraan dan teknologi. Sekiranya anda mengikuti saya di Twitter, saya tidak akan membuang masa anda. ?