Kako dodati isticanje koda u Srednje članke bez napuštanja uređivača

Proširenje preglednika za Chrome i Firefox. Omogućuje vam izradu i uređivanje GitHub Giste izravno iz medija

Sadašnji način

Medij može prikazivati ​​blokove kodnih linija i linijski. Nijedan od njih ne podržava isticanje sintakse:


  
     Pozdrav svijet 
  

Rješavanje je ugraditi postojeće GitHub Giste. Da biste to učinili, možete upotrijebiti gumb "Dodaj ugrađivanje":

Nakon pritiska na gumb, zalijepite URL suštine i pritisnite Enter da biste ga dodali u članak:

Prilično je neugodno

Morate otići na GitHub da biste stvorili suštinu:

  • Idite na GitHub
  • Stvorite suštinu
  • Kopirajte njegov URL
  • Vratite se na Medium
  • Zalijepite URL

Što ako tada shvatite da ste pogriješili u kodu?

  • Povratak na GitHub
  • Pronađite ispravnu suštinu
  • Ažurirajte ga
  • Natrag na Medium
  • Ponovno dodajte suštinu ili ponovno učitajte stranicu

To postaje neugodno kada stvorite puno sadržaja za svoje članke.

Jednostavniji način

Postoji li neki način da to bar malo pojednostavim?

Istina, još uvijek moramo koristiti giste.

Istina, još uvijek moramo zatrpati naš GitHub račun beskonačnom količinom istih.

No, postoji li način da se stvaranje i ažuriranje sučelja malo brže ili jednostavnije učini?

Rješenje koje sam smislio je Code Medium: proširenje preglednika za Chrome i Firefox.

Omogućuje vam izradu i uređivanje popisa izravno iz uređivača Medium.

Srednji kôd

Na alatnoj traci teksta dodaje gumb za stvaranje novog sučelja:

Možete i dvaput kliknuti postojeći popis da biste ga uredili:

Možete izbrisati postojeće popise s računa pritiskom na gumb "Izbriši popis".

Dovoljno je reći, morate imati suštinu da biste to mogli učiniti :)

NAPOMENA: Proširenje koristi GitHub Gist API. Kao takav, morate se prijaviti sa svojim GitHub računom. Gumb za prijavu prikazat će se prvi put kada koristite proširenje.

Instaliranje

Možete ga instalirati iz web trgovine:

  • Krom
  • Firefox

Proširenje je otvorenog koda, izvorni kôd možete pronaći na GitHubu.

Popisi više datoteka

U GitHubu, popis može sadržavati više datoteka.

Način da se još više pojednostavi iskustvo bilo bi stvaranje posvećene suštine za svaki članak u mediju.

Tada biste u članak dodali novu datoteku za svaki isječak koda.

To bi umanjilo nered na GitHub računu.

Volio bih da je to moguće.

Medium koristi Embedly za umetanje popisa, ali ne podržava umetanje jedne datoteke.

Ako pokušate ugraditi jednu datoteku, ona će sadržavati i sve ostale datoteke u popisu.

Izgleda da se za sada moramo odreći ove ideje.

Ograničenja

Ovo proširenje ima ograničenu podršku za datoteke s više datoteka. Razlog je to što je korisničko sučelje jednostavno za najčešći slučaj uporabe.

  • Trenutno možete stvoriti samo pojedinačne sučelja.
  • Kada dvaput kliknete na postojeći popis datoteka s više datoteka, u modalu će se prikazati samo prva datoteka. Imajte na umu da još uvijek možete urediti tu datoteku ili izbrisati cijelu suštinu.

Što je sljedeće

Za sljedeće verzije želim pogledati više kako Medium djeluje ispod haube.

Postoji li rješenje za umetanje jedne datoteke iz više datoteka?

Medium također podržava druge davatelje usluga, kao što je JSFiddle.

JSFiddle je "samo" koristan za HTML + CSS + JavaScript primjere. Ipak, dodavanje podrške za više pružatelja usluga bilo bi prilično cool.

Javite mi uz komentar ako ste probali ili nešto drugo, stvarno. Pozdrav!