Medium | Code Blocks & Inline Code

Medium, blog yazılarında satır içi kodları ve kod bloklarını desteklemektedir. 🤓

Selamlar, 👋 Medium’da yazılar okuyup, yazılar yazan kişilerdenseniz sık sık dikkatinizi çeken kod içi satırları ya da kod blokları nasıl ekleniyor diye merak etmişsinizdir diye düşünüyorum.Bugün sizlerle bunların eklenmesiyle ilgili bilgiler vereceğim. Haydi öğrenmeye başlayalım. 🚀

Medium Blogging

Medium’da blog yazmaya başladığım zamanlarda düz text paylaşır gibi kodları paylaşıyordum. Okunabilitesi oldukça kötüydü. Daha sonra bu işin daha efektif yollarını araştırdım ve Medium’un biz yazılımcılara birçok güzel olanaklar sunduğunu farkettim. 🧐

Inline Code ℹ️

Inline Code

Paragraflarda satır içi kısa kodları öne çıkarmak için ya da önemli kavramları belirtmek için kullanılır. Inline Code’u kullanabilmek için (`) back-tick karakterini kullanmanız gerekir.

Örnek: Android Developer — Halil Özel

Back-tick karakterini, Mac cihazlarda Option + ; , Windows cihazlarda Alt + 96 şeklinde görüntüleyebilirsiniz.

💻 Mac cihazlarda back-tick (`) karakteri, Inline Code için kullanıldığından bahsetmiştim fakat kullanılan klavye türüne göre farklılıklarda olabilir. Benim kullandığım TR-Q Klavye’de (`) karakterinden sonra 1 boşluk bıraktıktan sonra Inline Code oluşturulabiliyor.

Benzer durumlar yaşarsanız StackOverFlow’daki cevapları denemenizi öneririm. 👇🏻

Code Blocks 🧱

Code Blocks

Blog yazınızın içinde kod bloklarını kullanmak istediğinizde ise Mac cihazlarda Cmd + Opt + 6 , Windows cihazlarda ise Ctrl + Alt + 6 şeklinde kod bloklarını kullanabilirsiniz.

Örnek: 👇🏻

Name/Surname: Halil ÖzelJob: Android Developer

GitHub Gist 🐱

GitHub Gist

Renkli code blocks paylaşmak istediğinizi duyar gibiyim 🤨 Merak etmeyin GitHub Gist bunu bizim için yapıyor. Gist adresine gidiyoruz. Bunu yazılarımda sık sık kullanmaktayım. Sizlerede öneririm. 😉

Kullanmak istediğiniz kod bloğunu yapıştırıyorsunuz. Kullandığınız dilin uzantısını ekliyorsunuz. Son adımda herkesin görebilmesi için Public Gist seçeneğini tıklayarak gist dosyanızı oluşturmuş oldunuz.

GitHub Gist

Medium, blog yazınıza gist dosyanızın url’ini copy + paste yaptığınızda aşağıdaki gibi kod bloğunuzu okunabilirliği yüksek, renkli hale getirmiş oldu.

Evet Dostlar, yazılar yazarken yazılarınızın okunabilirliğini yükseltecek tricklerden bahsettim. Herkese keyifli okumalar dilerim. 📖

Mobile Application Developer 👨🏻‍💻

Mobile Application Developer 👨🏻‍💻