Kuinka lisätä koodin korostaminen keskisuuriin artikkeleihin poistumatta editorista

Selaimen laajennus Chromelle ja Firefoxille. Voit luoda ja muokata GitHub Gists -sovelluksia suoraan Mediumista

Nykyinen tapa

Medium voi näyttää sekä inline- että multi-line-koodilohkoja. Yksikään niistä ei tue syntaksin korostamista:


  
     Hei maailma 
  

Kiertotapa on upottaa olemassa olevat GitHub-luettelot. Voit tehdä niin "Lisää upotus" -painikkeella:

Kun olet painanut painiketta, liitä sisällön URL-osoite ja lisää se artikkeliin painamalla Enter:

Se on melko ärsyttävää

Sinun on mentävä GitHubiin luodaksesi sisällön:

  • Siirry GitHubiin
  • Luo ydin
  • Kopioi sen URL-osoite
  • Palaa Mediumiin
  • Liitä URL-osoite

Entä jos huomaat sitten tehneesi virheen koodiin?

  • Takaisin GitHubiin
  • Löydä oikea ydin
  • Päivitä se
  • Takaisin keskipitkälle
  • Lisää sisältö uudelleen tai lataa sivu uudelleen

Tästä tulee ärsyttävää, kun luot paljon luetteloita artikkeleihisi.

Helpoin tapa

Onko mitään keinoa yksinkertaistaa tätä ainakin hiukan?

Totta, meidän on silti käytettävä ylimääräisiä luetteloita.

Totta, meidän on silti sotkea GitHub-tiliämme loputtomalla määrällä niitä.

Mutta onko tapa tehdä luetteloiden luominen ja päivittäminen hiukan nopeammaksi tai helpommaksi?

Kehittämäni ratkaisu on Code Medium: selaimen laajennus Chromelle ja Firefoxille.

Sen avulla voit luoda ja muokata luetteloita suoraan Medium-editorista.

Koodi Medium

Se lisää painikkeen tekstityökaluriville uuden sisällön luomiseksi:

Voit myös kaksoisnapsauttaa olemassa olevaa luetteloa muokataksesi sitä:

Voit poistaa olemassa olevat luettelot tililtäsi painamalla “Poista luettelo” -painiketta.

Riittävää sanoa, että sinun on oltava ydin voidaksesi tehdä niin :)

HUOMAUTUS: Laajennus käyttää GitHub Gist -sovellusliittymää. Sinun on kirjauduttava sisään GitHub-tililläsi. Kirjautumispainike näkyy ensimmäistä kertaa, kun käytät laajennusta.

Asennat sen

Voit asentaa sen verkkokaupasta:

  • Kromi
  • Firefox

Laajennus on avoimen lähdekoodin löydät lähdekoodin GitHubista.

Useita tiedostoja koskevat luettelot

GitHubissa sisältö voi sisältää useita tiedostoja.

Tapa yksinkertaistaa kokemusta entisestään olisi luoda erillinen ydin jokaiselle Medium-artikkelille.

Lisääisit sitten uuden tiedoston jokaiselle koodinpätkää artikkeliin.

Tämä vähentäisi GitHub-tilin sotkua.

Toivon että se oli mahdollista.

Medium käyttää Embedlyä luetteloiden upottamiseen, mutta ei tue yhden tiedoston upottamista.

Jos yrität upottaa yhtä tiedostoa, se sisältää myös kaikki muut tiedostot.

Näyttää siltä, ​​että meidän on toistaiseksi luovuttava tästä ajatuksesta.

rajoitukset

Laajennuksella on rajoitettu tuki monitiedostojen luetteloille. Syynä on käyttöliittymän pitäminen yksinkertaisena yleisimmässä käytössä.

  • Tällä hetkellä voit luoda vain yhden tiedoston luettelot.
  • Kun kaksoisnapsautat olemassa olevan monitiedoston sisältöä, vain ensimmäinen tiedosto näkyy modaalissa. Huomaa, että voit silti muokata tiedostoa tai poistaa koko luettelon.

Mitä seuraavaksi

Seuraavia versioita varten haluan tarkastella tarkemmin kuinka Medium toimii konepellin alla.

Onko mitään keinoa yhden tiedoston upottamiseksi monitiedoston ytimeen?

Medium tukee myös muita palveluntarjoajia, kuten JSFiddle.

JSFiddle on “vain” hyödyllinen HTML + CSS + JavaScript-esimerkkeille. Tuen lisääminen useammalle palveluntarjoajalle olisi silti hienoa.

Kerro minulle kommentti, jos olet kokeillut sitä tai jotain, todella. Hei hei!