Sådan tilføjes markering af kode i Medium-artikler uden at forlade redaktøren

En browserudvidelse til Chrome og Firefox. Gør det muligt at oprette og redigere GitHub Gists lige fra Medium

Den nuværende måde

Medium kan vise både inline og multi-line kodeblokke. Ingen af ​​dem understøtter syntaksbelysning:


  
     Hello World 
  

En løsning er at integrere eksisterende GitHub Gists. For at gøre dette kan du bruge knappen "Tilføj et embed":

Når du har trykket på knappen, skal du indsætte den vigtigste URL og trykke på Enter for at tilføje den til artiklen:

Det er ret irriterende

Du skal gå til GitHub for at oprette kernen:

  • Gå til GitHub
  • Opret kernen
  • Kopier dens URL
  • Gå tilbage til Medium
  • Indsæt webadressen

Hvad hvis du så er klar over, at du begik en fejl i koden?

  • Tilbage til GitHub
  • Find den rigtige kerne
  • Opdater det
  • Tilbage til Medium
  • Tilføj genstanden igen, eller genindlæs siden

Dette bliver irriterende, når du opretter en masse gists til dine artikler.

En lettere måde

Er der nogen måde at forenkle dette i det mindste lidt på?

Det er sandt, at vi stadig skal bruge gists.

Det er sandt, at vi stadig må rodet vores GitHub-konto med en uendelig mængde af dem.

Men er der en måde at gøre oprettelse og opdatering af oversigter lidt hurtigere eller lettere?

Den løsning, jeg er kommet på, er Code Medium: en browserudvidelse til Chrome og Firefox.

Det giver dig mulighed for at oprette og redigere gists lige fra Medium-editoren.

Kode Medium

Det tilføjer en knap i tekstværktøjslinjen til at oprette en ny central:

Du kan også dobbeltklikke på en eksisterende kerne for at redigere den:

Du kan slette eksisterende gists fra din konto ved at trykke på knappen "Slet gist".

Det er nok at sige, du skal eje kernen for at kunne gøre det :)

BEMÆRK: Udvidelsen bruger GitHub Gist API. Som sådan skal du logge ind med din GitHub-konto. En login-knap vises første gang du bruger udvidelsen.

Installation af det

Du kan installere det fra webshoppen:

  • Chrome
  • Firefox

Udvidelsen er open source, du kan finde kildekoden på GitHub.

Multi-fil gists

I GitHub kan en gisting indeholde mere end en fil.

En måde at forenkle oplevelsen endnu mere på ville være at skabe en dedikeret essens for hver Medium-artikel.

Derefter tilføjer du en ny fil til hvert kodestykket i artiklen.

Dette ville reducere rodet i GitHub-kontoen.

Jeg ville ønske, det var muligt.

Medium bruger integreret til indlejring af gists, men understøtter ikke indlejring af en enkelt fil.

Hvis du prøver at integrere en enkelt fil, vil den også indeholde alle andre filer i kernen.

Det ser ud til, at vi er nødt til at opgive denne idé i øjeblikket.

Begrænsninger

Udvidelsen har begrænset understøttelse af gistere med flere filer. Årsagen er at holde brugergrænsefladen enkel til den mest almindelige brugssag.

  • I øjeblikket kan du kun oprette gists med én fil.
  • Når du dobbeltklikker på en eksisterende hukommelse med flere filer, vises kun den første fil i modalen. Bemærk, at du stadig kan redigere denne fil eller slette hele kernen.

Hvad er det næste

For de næste versioner vil jeg se mere på, hvordan Medium fungerer under hætten.

Er der nogen løsning på at integrere en enkelt fil fra en multifil-fil?

Medium understøtter også andre udbydere, såsom JSFiddle.

JSFiddle er "kun" nyttig til HTML + CSS + JavaScript-eksempler. Det ville stadig være ret cool at tilføje support til flere udbydere.

Fortæl mig det med en kommentar, hvis du virkelig prøvede det eller noget. Farvel!