GitHub Nplooj Ntawv yog txoj hauv kev zoo los ua koj tus kheej lub xaib los ntawm kos. Nws yog dawb kiag li thiab tsuas yog xav tau GitHub tus account. Nco tseg, txawm li cas los xij, GitHub Nplooj ntawv tsis muab cov neeg siv zoo tshaj plaws tsim rau tsim cov vev xaib (tsis zoo li Wix lossis Squarespace), tab sis nws yog txoj hauv kev zoo kom tau txais kev paub nrog HTML/CSS/JS thiab txhua lub ntsiab lus ntawm lub vev xaib. Qhov wikiHow no yuav qhia koj yuav pib li cas.
Cov kauj ruam
Kauj Ruam 1. Sau npe tus account ntawm GitHub, yog tias koj tseem tsis tau muaj
Ua ntej koj tuaj yeem tsim koj tus kheej lub vev xaib ntawm GitHub nplooj ntawv, koj yuav tsum tsim tus as khauj ntawm GitHub. Yog tias koj twb muaj tus as khauj ntawm GitHub, nco ntsoov nkag mus. Ob leeg tuaj yeem nkag los ntawm lub cuab yeej sab saud sab xis.
Kauj ruam 2. Tsim cov chaw cia khoom ntawm GitHub.
Nco ntsoov sau lub chaw cia khoom "[koj lub npe siv GitHub ntawm no].github.io". Qhov no yuav pib koj li GitHub lub vev xaib.
Txoj Kev 1 ntawm 2: Siv Tus Code Editor
Kauj Ruam 1. Rub tawm GitHub desktop, yog tias koj tsis muaj nws twb tau teeb tsa
Txhim kho GitHub desktop yog yooj yim li mus rau https://desktop.github.com/ thiab nyem rau ntawm lub pob liab liab loj "Rub". Tom qab ntawd khiav lub installer. Qhov no xav tau txhawm rau txhawm rau thawb hloov pauv rau koj lub chaw cia khoom.
Kauj Ruam 2. Txhim kho tus lej editor
Koj xav tau ib qho txhawm rau kom tau txais cov ntsiab lus tseem ceeb ntawm GitHub. Cov kev xaiv nrov suav nrog Atom, Visual Studio Code, Sublime Text, thiab Notepad ++, muab lawv cov txiaj ntsig zoo thiab qhov yooj yim. Tom qab teeb tsa tus kws kho kab ntawv code, koj npaj tau pib.
Kauj Ruam 3. Tsim cov ntawv hu ua "index.html"
Koj tuaj yeem ua li ntawd hauv koj tus lej editor lossis online. Koj tseem tuaj yeem mus rau koj lub chaw cia khoom ntawm koj lub hard drive thiab tsim "index.html" cov ntaub ntawv hauv cov chaw cia khoom ntawm koj lub tsav.
Kauj Ruam 4. Ntxiv koj li HTML
Koj yuav tsum tau kawm HTML txhawm rau txhawm rau muaj peev xwm sau lub vev xaib yooj yim. Nws tseem yuav muaj txiaj ntsig zoo rau koj kom kawm CSS thiab JavaScript yog li koj tuaj yeem ntxiv cov qauv thiab ua haujlwm rau koj lub vev xaib.
Nco ntsoov khaws cov ntawv
Kauj Ruam 5. Ua raws qhov kev hloov pauv
Rov qab mus rau GitHub desktop thiab nyem rau ntawm Blue Commit to master khawm. Tom qab ntawv nyem rau Push Origin. Qhov no yuav xa cov kev hloov pauv mus rau GitHub.
Yog tias koj npaj yuav hloov pauv ntau ntxiv, koj yuav xav rub lub hauv paus ib yam nkaus. Nyem rau ntawm Rub keeb kwm khawm hauv GitHub desktop txhawm rau rub tawm qhov kev cog lus kawg rau koj lub tshuab
Kauj Ruam 6. Saib koj lub vev xaib
Mus rau "[koj lub npe siv GitHub ntawm no].github.io" hauv lub vev xaib. Tej zaum koj yuav tsum hla koj tus browser lub cache los ntawm kev tuav Ctrl lossis ⌘ Hais kom ua thaum nyem rau khawm rov ua haujlwm kom pom lub vev xaib tshiab.
Txoj Kev 2 ntawm 2: Siv GitHub Online
Kauj Ruam 1. Tsim cov ntaub ntawv hu ua "index.html"
Nyem rau Ntxiv cov ntawv ces nyem rau Tsim cov ntawv tshiab. Qhov no yuav qhib cov ntaub ntawv editor. Ntxiv "index.html" mus rau "Npe koj cov ntaub ntawv" teb.
Kauj ruam 2. Ntxiv koj li HTML
Koj yuav tsum tau kawm HTML txhawm rau txhawm rau muaj peev xwm sau lub vev xaib yooj yim. Nws tseem yuav muaj txiaj ntsig zoo rau koj kom kawm CSS thiab JavaScript yog li koj tuaj yeem ntxiv cov qauv thiab ua haujlwm rau koj lub vev xaib.
Nco ntsoov khaws cov ntawv
Kauj Ruam 3. Txiav txim siab hloov pauv
Nyem rau ntawm ntsuab Commit cov ntawv tshiab khawm kom txuag cov ntawv rau GitHub.
Kauj Ruam 4. Saib koj lub vev xaib
Mus rau "[koj lub npe siv GitHub ntawm no].github.io" hauv lub vev xaib. Tej zaum koj yuav tsum hla koj tus browser lub cache los ntawm kev tuav Ctrl lossis ⌘ Hais kom ua thaum nyem rau khawm rov ua haujlwm kom pom lub vev xaib tshiab.
Lub tswv yim
- Txhawm rau ntxiv cov ntawv me, tsuas yog tsim daim nplaub tshev tshiab ntawm GitHub thiab ntxiv cov ntawv "index.html" rau hauv daim nplaub tshev ntawd.
- Yog tias koj sau npe lub npe, koj tuaj yeem muaj GitHub Nplooj ntawv siv lub npe ntawd hloov pauv lub neej ntawd.
- GitHub nplooj ntawv chaw cia khoom yuav tsum yog pej xeem, tshwj tsis yog tias koj muaj tus as khauj hwm nyiaj.
