GitHub Pages és una gran manera de crear el vostre propi lloc personal des de zero. És completament gratuït i només requereix un compte de GitHub. Tingueu en compte, però, que les pàgines de GitHub no ofereixen el disseny més fàcil d’utilitzar per crear llocs web (a diferència de Wix o Squarespace), però és una bona manera d’adquirir experiència amb HTML / CSS / JS i tots els elements d’un lloc web. Aquest wikiHow us mostrarà com començar.
Passos
Pas 1. Registreu un compte a GitHub, si encara no en teniu cap
Abans de poder crear el vostre propi lloc web a les pàgines de GitHub, heu de crear un compte a GitHub. Si ja teniu un compte a GitHub, assegureu-vos d'iniciar sessió. Es pot accedir a tots dos des de la barra d'eines superior dreta.
Pas 2. Creeu un dipòsit a GitHub.
Assegureu-vos de posar el nom del dipòsit "[el vostre nom d'usuari de GitHub aquí].github.io". Això inicialitzarà el vostre lloc web de GitHub.
Mètode 1 de 2: utilitzar un editor de codi
Pas 1. Descarregueu l'escriptori GitHub, si encara no el teniu instal·lat
Instal·lar l'escriptori GitHub és tan senzill com anar a https://desktop.github.com/ i fer clic al botó gran "Descarregar" de color porpra. A continuació, executeu l'instal·lador. Això és necessari per introduir canvis al vostre dipòsit.
Pas 2. Instal·leu un editor de codi
Necessiteu una per tal de ressaltar la sintaxi a GitHub. Les opcions més populars inclouen Atom, Visual Studio Code, Sublime Text i Notepad ++, donat el seu aspecte ric en funcions i minimalista. Després d’instal·lar un editor de codi, ja podeu començar.
Pas 3. Creeu un fitxer anomenat "index.html"
Podeu fer-ho a l’editor de codi o en línia. També podeu anar a la ubicació del vostre dipòsit al disc dur i crear un fitxer "index.html" a la carpeta del dipòsit de la vostra unitat.
Pas 4. Afegiu el vostre HTML
Haureu d’aprendre HTML per poder codificar una pàgina web bàsica. També us serà útil aprendre CSS i JavaScript per afegir estil i funcionalitat a la vostra pàgina web.
Recordeu guardar el fitxer
Pas 5. Comproveu els canvis
Torneu a l'escriptori de GitHub i feu clic al botó blau Confirma el domini. A continuació, feu clic a Push Origin. Això carregarà els canvis a GitHub.
Si teniu previst fer més canvis, també voldreu treure l'origen. Feu clic al botó Extreure origen a l'escriptori GitHub per descarregar l'últim commit al vostre equip
Pas 6. Visualitzeu la vostra pàgina web
Aneu a "[el vostre nom d'usuari de GitHub aquí].github.io" en un navegador web. És possible que hagueu d’evitar la memòria cau del navegador mantenint premudes les tecles Ctrl o ⌘ mentre feu clic al botó d’actualització per veure la nova pàgina web.
Mètode 2 de 2: utilitzar GitHub Online
Pas 1. Creeu un fitxer anomenat "index.html"
Feu clic a Afegeix un fitxer i després a Crea un fitxer nou. Això obrirà un editor de fitxers. Afegiu "index.html" al camp "Nom del fitxer".
Pas 2. Afegiu el vostre HTML
Haureu d’aprendre HTML per poder codificar una pàgina web bàsica. També us serà útil aprendre CSS i JavaScript per afegir estil i funcionalitat a la vostra pàgina web.
Recordeu guardar el fitxer
Pas 3. Comprometeu els canvis
Feu clic al botó verd Confirma un fitxer nou per desar-lo a GitHub.
Pas 4. Visualitzeu la vostra pàgina web
Aneu a "[el vostre nom d'usuari de GitHub aquí].github.io" en un navegador web. És possible que hagueu d’evitar la memòria cau del navegador mantenint premudes les tecles Ctrl o ⌘ mentre feu clic al botó d’actualització per veure la nova pàgina web.
Consells
- Per afegir subpàgines, simplement creeu una carpeta nova a GitHub i afegiu un fitxer "index.html" a aquesta carpeta.
- Si registreu un nom de domini, podeu fer que GitHub Pages utilitzi aquest nom de domini en lloc del predeterminat.
- Els dipòsits de pàgines de GitHub han de ser públics, tret que tingueu un compte premium.