Exemple Intern: Blocs de codi dins del Notion

Exemple Intern: Blocs de codi dins del Notion

Aquesta pàgina és a mode d’exemple

Es poden posar blocs de codi al Notion, com ara el següent:
a = 5 b = 6 c = a + b print(c)
Poden servir per fer explicacions d’apunts digitals.

Playground

També es pot tenir incrustat un compilador buit on provar el que es necessiti

Executar blocs de codi predefinits

Res impedeix incrustar un compilador (intèrpret) online de Python amb un codi ja predefinit. Tot i que de moment no he trobat un que sigui prou maco i senzill com el que es veu a dalt.
Aviam
Codi de CodePad incrustat
page icon
Clicar les tres barres de dalt a la dreta i després el botó ▶️ Run.
Nota: estaria bé buscar un compilador, que al ser incrustat tingués un millor disseny. Per exemple un disseny similar al de replit.
Codi de replit ncrustat
Aquest disseny és bastant més estètic, però no és executable.
Un altre compilador xulo és el següent
Compilador Programiz incrustat
L’inconvenient és que surt lo de acceptar galetes cada vegada.
El millor que he trobat de moment: utilitzar Trinket (utilitza Skulpt, els dos Open Source) o Crumb.sh i posar el codi <iframe> a una github page.
Compilador Trinket incrustat
Es pot configurar que hi hagi el codi i la consola en dos finestres de costat, o que cada una ocupi tota la pantalla i vagis d’una a l’altra
Compilador Crumb.sh incrustat
Molt estètic, però no sembla ser customitzable. Només hi ha aquesta playground
I una altra manera seria simplement com a jupyter notebook.
Altres

Bloc de codi i link extern

També, es pot simplement deixar el link dins la Caption del bloc de codi.
Bla bla
a = 5 b = 6 c = a + b print(c)
▶️ Executar codi
I com veiem bla bla

Pendent de mirar

Codapi pinta molt bé (et crees tu des de zero l’embed, i és molt senzilla la interfaç)
Cal instalar-lo en el repositori de github que sigui, i des d’allà generar els iframes.