Ang Mga Pahina ng GitHub ay isang mahusay na paraan upang makagawa ng iyong sariling personal na site mula sa simula. Ito ay ganap na libre at nangangailangan lamang ng isang GitHub account. Gayunpaman, tandaan na ang Mga Pahina ng GitHub ay hindi nag-aalok ng pinaka-disenyo na madaling gamitin para sa paggawa ng mga website (hindi katulad ng Wix o Squarespace), ngunit ito ay isang mahusay na paraan upang makakuha ng karanasan sa HTML / CSS / JS at lahat ng mga elemento ng isang website. Ipapakita sa iyo ng wikiHow na ito kung paano magsisimula.
Mga hakbang
Hakbang 1. Magrehistro ng isang account sa GitHub, kung wala ka pa
Bago ka makalikha ng iyong sariling website sa mga pahina ng GitHub, kailangan mong lumikha ng isang account sa GitHub. Kung mayroon ka nang account sa GitHub, tiyaking mag-login. Ang parehong maaaring ma-access mula sa kanang itaas na toolbar.
Hakbang 2. Lumikha ng isang repository sa GitHub.
Siguraduhing pangalanan ang repository na "[iyong username ng GitHub dito].github.io". Sisimulan nito ang iyong GitHub website.
Paraan 1 ng 2: Paggamit ng isang Code Editor
Hakbang 1. I-download ang GitHub desktop, kung wala mo itong naka-install na
Ang pag-install ng GitHub desktop ay kasing simple ng pagpunta sa https://desktop.github.com/ at pag-click sa malaking lila na "I-download" na pindutan. Pagkatapos ay patakbuhin ang installer. Kailangan ito upang maitulak ang mga pagbabago sa iyong imbakan.
Hakbang 2. Mag-install ng isang editor ng code
Kailangan mo ng isa upang makakuha ng pag-highlight ng syntax sa GitHub. Kasama sa mga tanyag na pagpipilian ang Atom, Visual Studio Code, Sublime Text, at Notepad ++, na binigyan ng kanilang tampok na mayaman at minimalistic na pakiramdam. Matapos mag-install ng isang code editor, handa ka nang magsimula.
Hakbang 3. Lumikha ng isang file na tinatawag na "index.html"
Maaari mo itong gawin sa iyong code editor o online. Maaari ka ring pumunta sa lokasyon ng iyong imbakan sa iyong hard drive at lumikha ng isang "index.html" na file sa folder ng repository sa iyong drive.
Hakbang 4. Idagdag ang iyong HTML
Kakailanganin mong malaman ang HTML upang makapag-code ng isang pangunahing webpage. Magiging kapaki-pakinabang din para sa iyo upang malaman ang CSS at JavaScript upang maidagdag mo ang estilo at pag-andar sa iyong webpage.
Tandaan na i-save ang file
Hakbang 5. Ipagawa ang mga pagbabago
Bumalik sa GitHub desktop at mag-click sa asul na Commit to master button. Pagkatapos mag-click sa Push Origin. I-a-upload nito ang mga pagbabago sa GitHub.
Kung balak mong gumawa ng higit pang mga pagbabago, gugustuhin mong hilahin din ang pinagmulan. Mag-click sa pindutan ng Pinagmulan ng pinagmulan sa GitHub desktop upang i-download ang pinakabagong komit sa iyong machine
Hakbang 6. Tingnan ang iyong webpage
Pumunta sa "[iyong username ng GitHub dito].github.io" sa isang web browser. Maaaring kailanganin mong laktawan ang cache ng iyong browser sa pamamagitan ng pagpindot sa Ctrl o ⌘ Command habang nag-click sa pindutan ng pag-refresh upang matingnan ang bagong webpage.
Paraan 2 ng 2: Paggamit ng GitHub Online
Hakbang 1. Lumikha ng isang file na tinatawag na "index.html"
Mag-click sa Magdagdag ng file pagkatapos mag-click sa Lumikha ng bagong file. Magbubukas ito ng isang editor ng file. Idagdag ang "index.html" sa patlang na "Pangalanan ang iyong file".
Hakbang 2. Idagdag ang iyong HTML
Kakailanganin mong malaman ang HTML upang makapag-code ng isang pangunahing webpage. Magiging kapaki-pakinabang din para sa iyo upang malaman ang CSS at JavaScript upang maidagdag mo ang estilo at pag-andar sa iyong webpage.
Tandaan na i-save ang file
Hakbang 3. Ipagawa ang mga pagbabago
Mag-click sa berdeng Commit bagong file button upang mai-save ang file sa GitHub.
Hakbang 4. Tingnan ang iyong webpage
Pumunta sa "[iyong username ng GitHub dito].github.io" sa isang web browser. Maaaring kailanganin mong laktawan ang cache ng iyong browser sa pamamagitan ng pagpindot sa Ctrl o ⌘ Command habang nag-click sa pindutan ng pag-refresh upang matingnan ang bagong webpage.
Mga Tip
- Upang magdagdag ng mga subpage, lumikha lamang ng isang bagong folder sa GitHub at magdagdag ng isang "index.html" na file sa folder na iyon.
- Kung nagparehistro ka ng isang domain name, maaari kang gumamit ng Mga Pahina ng GitHub na gamitin ang pangalan ng domain sa halip na ang default.
- Ang mga repository ng GitHub na pahina ay dapat na pampubliko, maliban kung mayroon kang isang premium account.
