Jinsi ya Kuunda Tovuti kwenye Kurasa za GitHub: Hatua 12 (na Picha)

Orodha ya maudhui:

Jinsi ya Kuunda Tovuti kwenye Kurasa za GitHub: Hatua 12 (na Picha)
Jinsi ya Kuunda Tovuti kwenye Kurasa za GitHub: Hatua 12 (na Picha)

Video: Jinsi ya Kuunda Tovuti kwenye Kurasa za GitHub: Hatua 12 (na Picha)

Video: Jinsi ya Kuunda Tovuti kwenye Kurasa za GitHub: Hatua 12 (na Picha)
Video: Nyumba ya kisasa ya tofali za kuchoma 2024, Aprili
Anonim

Kurasa za GitHub ni njia nzuri ya kutengeneza tovuti yako ya kibinafsi kutoka mwanzoni. Ni bure kabisa na inahitaji tu akaunti ya GitHub. Kumbuka, hata hivyo, kwamba Kurasa za GitHub haitoi muundo mzuri zaidi wa utengenezaji wa wavuti (tofauti na Wix au Squarespace), lakini ni njia nzuri ya kupata uzoefu na HTML / CSS / JS na vitu vyote vya wavuti. Hii wikiHow itakuonyesha jinsi ya kuanza.

Hatua

Unda Wavuti kwenye Kurasa za GitHub Hatua ya 1
Unda Wavuti kwenye Kurasa za GitHub Hatua ya 1

Hatua ya 1. Sajili akaunti kwenye GitHub, ikiwa bado unayo

Kabla ya kuunda tovuti yako mwenyewe kwenye kurasa za GitHub, unahitaji kuunda akaunti kwenye GitHub. Ikiwa tayari unayo akaunti kwenye GitHub, hakikisha kuingia. Zote zinaweza kupatikana kutoka kwa mwambaa zana wa juu kulia.

Unda Wavuti kwenye Kurasa za GitHub Hatua ya 2
Unda Wavuti kwenye Kurasa za GitHub Hatua ya 2

Hatua ya 2. Unda hazina kwenye GitHub.

Hakikisha kutaja ghala "[jina lako la mtumiaji la GitHub hapa].github.io". Hii itaanzisha tovuti yako ya GitHub.

Njia 1 ya 2: Kutumia Mhariri wa Nambari

Unda Wavuti kwenye Kurasa za GitHub Hatua ya 3
Unda Wavuti kwenye Kurasa za GitHub Hatua ya 3

Hatua ya 1. Pakua eneo-kazi la GitHub, ikiwa huna tayari imewekwa

Kuweka desktop ya GitHub ni rahisi kama kwenda https://desktop.github.com/ na kubonyeza kitufe kikubwa cha "Pakua" zambarau. Kisha kukimbia kisakinishi. Hii inahitajika ili kushinikiza mabadiliko kwenye hazina yako.

Unda Wavuti kwenye Kurasa za GitHub Hatua ya 4
Unda Wavuti kwenye Kurasa za GitHub Hatua ya 4

Hatua ya 2. Sakinisha kihariri msimbo

Unahitaji moja ili kupata mwangaza wa sintaksia kwenye GitHub. Chaguo maarufu ni pamoja na Atom, Msimbo wa Studio ya Visual, Maandishi Matukufu, na Notepad ++, kutokana na hisia zao tajiri na ndogo. Baada ya kusanidi kihariri msimbo, uko tayari kuanza.

Unda Wavuti kwenye Kurasa za GitHub Hatua ya 5
Unda Wavuti kwenye Kurasa za GitHub Hatua ya 5

Hatua ya 3. Unda faili inayoitwa "index.html"

Unaweza kufanya hivyo katika kihariri chako cha nambari au mkondoni. Unaweza pia kwenda kwenye eneo la hazina yako kwenye gari yako ngumu na uunda faili ya "index.html" kwenye folda ya hazina kwenye gari lako.

Unda Wavuti kwenye Kurasa za GitHub Hatua ya 6
Unda Wavuti kwenye Kurasa za GitHub Hatua ya 6

Hatua ya 4. Ongeza HTML yako

Utahitaji kujifunza HTML ili uweze kuweka alama kwenye ukurasa wa wavuti msingi. Pia itakuwa muhimu kwako kujifunza CSS na JavaScript ili uweze kuongeza mtindo na utendaji kwenye ukurasa wako wa wavuti.

Kumbuka kuhifadhi faili

Unda Wavuti kwenye Kurasa za GitHub Hatua ya 7
Unda Wavuti kwenye Kurasa za GitHub Hatua ya 7

Hatua ya 5. Fanya mabadiliko

Rudi kwenye eneo-kazi la GitHub na bonyeza kitufe cha Bluu Kujitolea kwa bwana. Kisha bonyeza Push Asili. Hii itapakia mabadiliko kwenye GitHub.

Ikiwa unapanga kufanya mabadiliko zaidi, utahitaji kuvuta asili pia. Bonyeza kitufe cha Vuta asili kwenye eneo-kazi la GitHub kupakua ahadi ya hivi karibuni kwenye mashine yako

Unda Wavuti kwenye Kurasa za GitHub Hatua ya 8
Unda Wavuti kwenye Kurasa za GitHub Hatua ya 8

Hatua ya 6. Tazama ukurasa wako wa wavuti

Nenda kwa "[jina lako la mtumiaji la GitHub hapa].github.io" katika kivinjari. Huenda ukahitaji kupitisha kashe ya kivinjari chako kwa kushikilia Ctrl au ⌘ Amri ukibofya kitufe cha kuonyesha upya kuona ukurasa mpya wa wavuti.

Njia 2 ya 2: Kutumia GitHub mkondoni

Unda Wavuti kwenye Kurasa za GitHub Hatua ya 9
Unda Wavuti kwenye Kurasa za GitHub Hatua ya 9

Hatua ya 1. Unda faili inayoitwa "index.html"

Bonyeza Ongeza faili kisha bonyeza Unda faili mpya. Hii itafungua kihariri cha faili. Ongeza "index.html" kwenye uwanja wa "Jina faili yako".

Unda Wavuti kwenye Kurasa za GitHub Hatua ya 10
Unda Wavuti kwenye Kurasa za GitHub Hatua ya 10

Hatua ya 2. Ongeza HTML yako

Utahitaji kujifunza HTML ili uweze kuweka alama kwenye ukurasa wa wavuti msingi. Pia itakuwa muhimu kwako kujifunza CSS na JavaScript ili uweze kuongeza mtindo na utendaji kwenye ukurasa wako wa wavuti.

Kumbuka kuhifadhi faili

Unda Wavuti kwenye Kurasa za GitHub Hatua ya 11
Unda Wavuti kwenye Kurasa za GitHub Hatua ya 11

Hatua ya 3. Fanya mabadiliko

Bonyeza kitufe cha faili mpya cha kijani kuweka faili kwenye GitHub.

Unda Wavuti kwenye Kurasa za GitHub Hatua ya 12
Unda Wavuti kwenye Kurasa za GitHub Hatua ya 12

Hatua ya 4. Tazama ukurasa wako wa wavuti

Nenda kwa "[jina lako la mtumiaji la GitHub hapa].github.io" katika kivinjari. Huenda ukahitaji kupitisha kashe ya kivinjari chako kwa kushikilia Ctrl au ⌘ Amri wakati unabofya kitufe cha kuonyesha upya kuona ukurasa mpya.

Vidokezo

  • Ili kuongeza vifungu vidogo, tengeneza tu folda mpya kwenye GitHub na ongeza faili ya "index.html" kwenye folda hiyo.
  • Ikiwa unasajili jina la kikoa, unaweza kuwa na Kurasa za GitHub zinatumia jina la kikoa badala ya chaguomsingi.
  • Hifadhi za kurasa za GitHub lazima ziwe za umma, isipokuwa ikiwa una akaunti ya malipo.

Ilipendekeza: