Relacionat

<aside> <img src="/icons/info-alternate_blue.svg" alt="/icons/info-alternate_blue.svg" width="40px" />

Si sols es vol incrustar un <iframe> el procés és molt senzill.

Incrustar widgets a Notion.

Aquest tutorial en canvi és per exemples més avançats. En aquest entendrem una mica com funcionen les webs, aprendrem a crear una web des de zero i publicar-la, per després incrustar-la al Notion.

</aside>

https://mapaor4.github.io/notion/quotes/lagrange.html

Exemples del que es vol aconseguir

https://mapaor4.github.io/notion/quotes/lagrange.html

Idea general

<aside> 📌 En el Notion es poden incrustar pàgines externes (embed page).

</aside>

<aside> <img src="/icons/info-alternate_blue.svg" alt="/icons/info-alternate_blue.svg" width="40px" /> En general per allotjar una pàgina web s’ha de pagar un servidor i un domini públic.

</aside>

<aside> <img src="/icons/star_purple.svg" alt="/icons/star_purple.svg" width="40px" /> GitHub pages et permet allotjar webs (estàtiques) gratuïtament i per sempre.

</aside>

Utilitzarem doncs GitHub pages com a servidor i com a proveïdor d’un domini públic, tot sense haver de pagar res. Això és així perquè GitHub és el magatzem de codi obert més gran del món.

Explicació: HTML, CSS i JS d’una web

Guia per crear una web estàtica amb GitHub Pages

Guia oficial

Creating a GitHub Pages site - GitHub Docs

Tutorial (de moment breu, un dia en faig una versió més detallada)

Molt ràpid, et crees un usuari de GitHub, crees un nou repositori, hi poses un fitxer anomenat index.html on hi poses el codi HTML que calgui.

Després en la vista normal del repositori vas a ‘Settings’

I després a la barra lateral entres a ‘Pages’