GitHub ei ole vain hyvä paikka tallentaa ja jakaa koodia toiset, mutta ne myös tarjoavat ilmaisia web hosting, HTML -, CSS -, ja JavaScript-hankkeita!

tässä artikkelissa näytän sinulle, miten saada asetukset, jotta voidaan julkaista ja jakaa omia staattisen HTML-sivuston GitHub käyttää GitHub-työpöytäsovellus! 🚀

First thing ’ s first: get yourself a GitHub account! Sinulla ei ole pääsyä ilmaiseksi hosting tai muita mahtavia ominaisuuksia GitHub on tarjota ilman yksi.,

GitHub kotisivu kirjautumislomakkeen oikealla puolella näytön. Ylhäällä on pääsuunnistusalue. Ruudun vasemmalla puolella lukee ”Built for developers”, jossa on kuvaus siitä, mistä GitHubissa on kyse.

Kanssa GitHub-tilin, voit myös pystyä keskustella muiden web-kehittäjille, kuten itse, kautta Kysymyksiä, ja edistää muita avoimen lähdekoodin projekteja!,

Lataa ja asenna GitHub-työpöytäsovellus

Tämä on sovellus, että voimme käyttää saada koodin jopa GitHub. Se on helppokäyttöinen, joten Älä tuskailla; käyttöliittymä on helppo oppia!

GitHub Työpöydän kotisivu ”Lataa macOS” – linkkiä, sekä Windows-linkkiä. Ylhäällä on pääsuunnistusalue. Ruudun keskellä lukee ”The new native”, jossa on kuvaus siitä, mistä Github Desktopissa on kyse.,
  • Lataa GitHub Desktop macOS
  • Lataa GitHub Desktop for Windows

(Jos nämä linkit eivät toimi, tutustu GitHub Työpöydän kotisivu.)

Avaa ladattu sovellustiedosto ja jatka asennusprosessia tietokoneen käyttöjärjestelmän edellyttämällä tavalla.

Next, we ’ ll be creating a new guthub project!

Luo uusi GitHub projekti

Ennen kuin me ladata meidän koodi GitHub ensin täytyy tehdä GitHub Desktop tietoisia projektin tiedostoja., Teemme tämän luomalla uuden Arkistokansion, jonka jälkeen kopioimme verkkosivustomme tiedostot tähän uuteen kansioon.

3.1 — avaa Github-työpöytäsovellus ja napsauta ”Luo uusi Arkisto” – painiketta.

”Luo Uusi Arkisto” – painiketta. Edellä tekstissä lukee, ”Luo uusi projekti ja julkaista sen GitHub”

3.,2 — Kun ”Luo Uusi Arkisto” dialogi-ikkuna tulee näkyviin, täytä ”Nimi” syötä tekstiä seuraavasti:

.github.io

Vaihda oman GitHub-tilin käyttäjätunnus.

Huomautus: on erittäin tärkeää nimen omaan arkistoon tällä tavalla; tämä kertoo GitHub järjestää tiedostot tämän hankkeen automaattisesti ja näyttää ne, kun joku osoittaa heidän selain:


Tämä on web-osoitteen voit jakaa tämän, kun sivustosi on valmis julkaistavaksi ja mennä elää!

3.,3 — ”Local Path” – tekstinsyöttö on, missä arkistosi elää tietokoneeseen; tämä ei ole, jossa sivuston tiedostot tällä hetkellä sijaitsevat tietokoneen kiintolevylle. Github työpöydän on luotava uusi, tyhjä kansio.

sivustosi tiedostot pitää kopioida myöhemmin, mutta valitse toistaiseksi kotikansiostasi kansio, kuten /Sites., Tämä luo uuden kansion sisälle /Sites kansion nimi repository, joka näyttää:

/Sites/.github.io

”Luo Uusi Arkisto” dialogi-ikkuna. Muotosäätimiä ovat muun muassa” nimi”,” paikallinen polku”,” alustaa tämä arkisto README”,” Git Ignore ”ja”lisenssi”. Kaksi toimintaa ohjaa alareunassa on merkitty, ”Peruuta” ja ”Luo Arkisto”.,

3.4 — Jättää kaikki muut vaihtoehdot muodossa niiden oletusasetukset, ja klikkaa ”Luo Arkisto” – painiketta. Nyt haluamme vain luoda kansion, jonka Github Desktop tunnistaa kansioksi, jonka kanssa se voi työskennellä. Oppaan vuoksi kuvataan tämä uusi kansio Github-Arkistokansioksi.,

Kun GitHub Repository kansio on luotu klikkaamalla ”Luo Arkisto” – painiketta, GitHub-työpöytäsovellus pitäisi näyttää tältä:

GitHub-työpöytäsovellus tyhjä arkisto-kansioon. Ylhäällä ovat ”Current Repository” -, ”Current Branch” – ja ”Publish repository” – vaihtoehtojen hallintalaitteet., Vasemmalla puolella on tilaa tiedostojen luetteloinnille,” Yhteenveto ”tekstinsyöttö,” kuvaus ”tekstiruutu ja” Commit to master ” – painike.

Kopioi tiedostot uuteen Repository kansio

sanotaan, että tähän asti olet työskennellyt sivuston kansioon, joka sijaitsee osoitteessa /Documents/my-site; me kuvata tätä työskentely-kansioon. Sisällä tämä työkansio siellä on luultavasti joitakin tiedostoja ja kansioita nimeltä – index.html, /css tai /javascript., Meidän on kopioitava kaikki työkansiosta uuteen Github-arkistokansioon.

edellisessä vaiheessa, olemme luoneet GitHub Repository kansion sisälle /Sites kansion nimi .github.io. Joten, tämä tarkoittaa, että Github-Arkistokansion tulisi sijaita osoitteessa /Sites/.github.io.,

GitHub Desktop app pitäisi nyt näyttää tältä:

GitHub-työpöytäsovellus, nyt näyttää lisätyt tiedostot vasemmalla puolella bar ja tekstiä korostetun tiedoston tärkein osa app.

kaikki tiedostot GitHub Repository kansio, olemme valmiita sitoutumaan meidän tiedostoja!,

”commit” – tiedostojen avulla voit ottaa ”snapshot” tiedostot ja kansiot niiden nykyisessä tilassa. Näin saamme heidät valmiiksi, jotta heidät työnnetään GitHubin arkistoon.

4.2 — Ennen kuin sitoudumme meidän tiedostoja, julkaista, meidän täytyy ensin kertoa GitHub, mitä tämä on tehnyt kaiken. Täytä ”Yhteenveto” – tekstinsyöttö, joka sijaitsee lähellä vasemmassa alareunassa käyttöliittymä, jossa on korkean tason otsikko, mitä tämä on tehnyt edellyttää; jotain yksinkertaista kuten, ”ensimmäinen commit! 😀 ”toimii aivan hyvin tässä tapauksessa.,

valinnaisesti voit lisätä lisätietoja toimituksesta ”Kuvaus” – tekstiruutuun. Yleensä haluat sisällyttää asioita, kuten mikä muuttui; ehkä olet korjannut virheen tai lisännyt jotain uutta sisältöä. On hienoa, että nämä muistiinpanot ovat saatavilla muille kehittäjille tai jopa tulevaisuudessa voit varmistaa, että tiedät, miksi teit nämä muutokset oh niin kauan sitten!

Kun ”Yhteenveto” ja valinnainen ”Kuvaus” – kentät ovat täytetty mieleisekseen, valitse ”Tee mestari” – painiketta!,

Julkaise

Jälkeen klikkaamalla ”Tee mestari” – painiketta edellisessä vaiheessa, sinulla voi olla miettimättä:

Mitä juuri tapahtui? Tiedostoni ovat poissa ja sovellus on tyhjä nyt!

Älä tuskailla! Vasemmassa alakulmassa Github työpöydän käyttöliittymä on pieni indikaattori, että toimitus onnistui.,

Alla ”Sitoutua master” – painiketta näyttää viime sitoutua viestejä, jokainen kanssa ”Kumoa” – painiketta kumoa viimeisin sitoutua.

nyt kun tiedostomme ovat sitoutuneet, näin voimme työntää sitoutumistamme GitHubiin!

”push” – tiedostot tapa ladata sitoutunut tiedostoja niiden nykyinen valtion arkiston GitHub.

5.,1-Etsi ”Publish repository” – painike GitHub Desktop-käyttöliittymän yläreunasta.

”Julkaise repository” – painiketta, löytyy pitkin yläpalkissa GitHub Työpöydän käyttöliittymä. Pääetiketin alla oleva teksti kuuluu: ”Julkaise tämä arkisto GitHubille”.

Mene eteenpäin ja klikkaa tätä, jos haluat lähettää tiedostoja GitHu…

odota, emme ole kirjautunut sisään GitHub sisällä GitHub-työpöytäsovellus vielä!, Tehdään se ensimmäinen…

*record scratch*

5.05 — Kun ”Julkaise Repository” dialogi-ikkuna tulee näkyviin, kun klikkaamalla ”Julkaise repository” – painiketta, se tulee ensin pyytää sinua kirjautumaan sisään GitHub jos et vielä ole tehnyt sitä jo.

Napsauta ”Kirjaudu sisään” – painiketta näyttääksesi ”Kirjaudu sisään” – ikkunan; täytä käyttäjätunnus ja salasana ja napsauta ”Kirjaudu sisään” – painiketta prosessin loppuun saattamiseksi. Sinun pitäisi nyt olla kirjautunut sisään ja hyvä jatkaa!,

”Kirjaudu Sisään” – dialogi-ikkunan, jossa on ”Käyttäjätunnus tai sähköpostiosoite” ja ”Salasana” – tekstin tuloa. Linkki valinnaisesti ”Kirjaudu sisään selaimesi avulla” on myös saatavilla. Kaksi toimintaa ohjaa alareunassa on merkitty, ”Peruuta” ja ”Kirjaudu Sisään”.

5.1, ottaa 2 — Nyt, että olemme kirjautunut sisään GitHub, mennä eteenpäin ja klikkaa ”Julkaise repository” – painiketta aloittaa lähetyksen.

5.,2 – ”Publish Repository” – valintaikkuna ilmestyy viimeisillä valinnoilla, joista voit valita ennen kuin asetat verkkosivustosi liveksi.

Kaikki lomakkeen asetukset ovat kunnossa, kun-on paitsi ”Pitää tämä oma koodi” – kenttä; tämä on oltava valittuna, jotta voit jakaa sivuston ystävien ja perheen kanssa.

animoitu graafinen ”Julkaise Repository” dialogi-ikkuna., Tietokoneen hiiren kursori siirtyy sisään ja asettaa” pidä tämä koodi yksityisenä ” unchecked. Muita kontrolleja ovat muun muassa” nimi”,” kuvaus ”ja”organisaatio”. Kaksi toimintaa ohjaa alareunassa on merkitty, ”Peruuta” ja ”Julkaise Repository”.

5.3 — Klikkaa ”Julkaise Repository” – painiketta lähettää tiedostoja jopa GitHub!

Nyt, selaimen, mene uusi GitHub repository-sivun varmista, että tiedostot on tehty matka uuteen kotiin:


kaikki tiedostot tallessa? Hyvä! Hyvää työtä!, 👍

Jaa nettisivusi!

aivan viimeinen askel on innostua ja katsoa nettisivut selaimestasi! Surf yli:


sivuston pitäisi näkyä ennen silmiesi! ✨😄✨

Vastaa

Sähköpostiosoitettasi ei julkaista. Pakolliset kentät on merkitty *