Εάν έχετε έναν απλό ιστότοπο, δεν χρειάζεται να πληρώσετε για web hosting.  Μπορείτε να χρησιμοποιήσετε τις σελίδες GitHub δωρεάν!

Πώς να φιλοξενήσετε μια ιστοσελίδα για δωρεάν χρήση σελίδων GitHub

Διαφήμιση Web hosting σχέδια έρχονται σε μια ποικιλία επιλογών και τιμών σημεία. Υπάρχουν πιο ακριβά σχέδια που έχουν τη δυνατότητα φιλοξενίας των μεγαλύτερων ιστοσελίδων στον κόσμο, αλλά τι γίνεται αν χρειάζεστε απλά μια απλή λύση φιλοξενίας για έναν απλό ιστότοπο; Για έναν στατικό ιστότοπο ή μικρές εφαρμογές ιστού, υπάρχουν δωρεάν σχέδια φιλοξενίας που μπορούν να σας βοηθήσουν να ξεκινήσετε τη λειτουργία σας σε λίγο. Απαιτούν λίγο περισσότερη εγκατάσταση από έναν πληρωμένο κεντρικό υπολογιστή, αλλά είναι μια άξια ανταλλαγή δωρεάν. Οι σελίδες GitHub είναι μια τέτοια επιλογή και σε αυτό το άρθρ

Διαφήμιση

Web hosting σχέδια έρχονται σε μια ποικιλία επιλογών και τιμών σημεία. Υπάρχουν πιο ακριβά σχέδια που έχουν τη δυνατότητα φιλοξενίας των μεγαλύτερων ιστοσελίδων στον κόσμο, αλλά τι γίνεται αν χρειάζεστε απλά μια απλή λύση φιλοξενίας για έναν απλό ιστότοπο;

Για έναν στατικό ιστότοπο ή μικρές εφαρμογές ιστού, υπάρχουν δωρεάν σχέδια φιλοξενίας που μπορούν να σας βοηθήσουν να ξεκινήσετε τη λειτουργία σας σε λίγο. Απαιτούν λίγο περισσότερη εγκατάσταση από έναν πληρωμένο κεντρικό υπολογιστή, αλλά είναι μια άξια ανταλλαγή δωρεάν.

Οι σελίδες GitHub είναι μια τέτοια επιλογή και σε αυτό το άρθρο θα σας δείξουμε πώς μπορείτε να φιλοξενήσετε έναν απλό ιστότοπο χρησιμοποιώντας τις σελίδες GitHub δωρεάν.

Τι είναι οι σελίδες του GitHub;

Σημείωση: Για να φιλοξενήσετε σελίδες GitHub, θα χρειαστεί να έχετε πρόσβαση σε ολόκληρο τον κώδικα του ιστοτόπου σας. Συνήθως, αυτή η επιλογή λειτουργεί καλύτερα όταν κωδικοποιείτε τον ιστότοπό σας από την αρχή.

Οι σελίδες GitHub είναι μια υπηρεσία που δημιουργήθηκε από το GitHub και σας επιτρέπει να δημοσιεύσετε έναν ιστότοπο ή μια εφαρμογή στο διαδίκτυο αποθηκεύοντάς την σε ένα δωρεάν χώρο αποθήκευσης GitHub.

Δείγμα προβολής για σελίδες GitHub

Μπορείτε να φιλοξενήσετε έναν πλήρη ιστότοπο και απεριόριστους "ιστότοπους έργου" που μπορούν να θεωρηθούν ως "σελίδες" σε έναν ιστότοπο. Ο κώδικας ιστότοπου αποθηκεύεται σε έναν καθορισμένο χώρο αποθήκευσης GitHub, τον οποίο θα δημοσιεύσει στη συνέχεια το GitHub σε οποιονδήποτε υπολογιστή ή tablet.

Η διαδικασία είναι πολύ απλή, αλλά υπάρχει λίγο παραπάνω. Ας πηδήσουμε στο πώς να το πετύχουμε αυτό.

Βασικά στοιχεία του GitHub

Το GitHub είναι μια δημοφιλής υπηρεσία ελέγχου εκδόσεων για προγραμματιστές υπολογιστών που χρησιμοποιεί το Git για την αποθήκευση και τον έλεγχο κώδικα. Ο κώδικας αποθηκεύεται σε αποθετήρια, τα οποία είναι μόνο δοχεία σε ένα διακομιστή σύννεφο που σας επιτρέπει να αποκτήσετε πρόσβαση στον κώδικα σας από όλους τους υπολογιστές σας.

Μπορείτε να δημιουργήσετε νέα αποθετήρια χρησιμοποιώντας τον ιστότοπο του GitHub ή μέσω της γραμμής εντολών όταν έχετε εγκαταστήσει το Git. Τα αποθετήρια έχουν ονόματα, μπορούν να είναι δημόσια ή ιδιωτικά και μπορούν να αποθηκεύουν κώδικα σε οποιαδήποτε γλώσσα. Μόλις δημιουργήσετε το αποθετήριο σας, μπορείτε να τραβήξετε τον κώδικα από το διακομιστή, για να πραγματοποιήσετε αλλαγές και στη συνέχεια μεταφορτώστε το στο GitHub.

Το Git είναι εύκολο να εγκατασταθεί σε υπολογιστές υπολογιστών Mac και Mac μεταβαίνοντας στον ιστότοπο Git και ακολουθώντας τα βήματα εγκατάστασης. Υπάρχουν πολλά για το Git, αλλά μπορείτε να μάθετε τα βασικά του Git και να το χρησιμοποιείτε πολύ γρήγορα Διαχειριστείτε την έκδοση του αρχείου σας σαν προγραμματιστής με το Git Διαχειριστείτε την έκδοση του αρχείου σας σαν προγραμματιστής Με Git Οι προγραμματιστές δημιούργησαν συστήματα ελέγχου έκδοσης (VCS) προβλήματα. Ας δούμε τα βασικά στοιχεία του ελέγχου της έκδοσης χρησιμοποιώντας το κορυφαίο σύστημα σήμερα, Git. Διαβάστε περισσότερα .

Το GitHub είναι ήδη ένα οικιακό όνομα στον προγραμματισμό και οι Σελίδες GitHub γίνονται πολύ χρήσιμες όταν γνωρίζετε ήδη πώς να το χρησιμοποιήσετε.

Ρύθμιση της ιστοσελίδας σας στις σελίδες του GitHub

Η διαδικασία φιλοξενίας μιας ιστοσελίδας με τη χρήση σελίδων GitHub μπορεί να απλουστευθεί σε τρία βήματα:

  1. Δημιουργήστε έναν λογαριασμό GitHub
  2. Δημιουργήστε ένα νέο αποθετήριο με μερικούς κανόνες
  3. Επεξεργαστείτε τον κωδικό σας και μεταφορτώστε το στο GitHub για να μεταφέρετε τον ιστότοπό σας ζωντανό
  4. Ας δούμε λίγο λεπτομερέστερα πώς μπορείτε να δημοσιεύσετε ζωντανά τη στατική ιστοσελίδα σας στις σελίδες GitHub. Θα χρειαστεί κάποια γνώση HTML, οπότε τώρα είναι μια καλή στιγμή για να βουρτσίσετε σε κάποια βασικά HTML 5 βήματα για την κατανόηση του βασικού κώδικα HTML 5 βήματα για την κατανόηση του βασικού κώδικα HTML HTML είναι η ραχοκοκαλιά της κάθε ιστοσελίδας. Εάν είστε αρχάριος, ας σας οδηγήσουμε στα βασικά βήματα για την κατανόηση HTML. Διαβάστε περισσότερα .

    Δημιουργία του λογαριασμού σας GitHub

    Θα πρέπει να έχετε εγκαταστήσει το Git αυτή τη στιγμή, αν δεν επιστρέψετε στο GitHub και βεβαιωθείτε ότι έχετε εγκαταστήσει πλήρως. Θα χρειαστείτε το Git για τον έλεγχο του κώδικα σας μέσω του GitHub. Προχωρήστε στον ιστότοπο του GitHub για να εγγραφείτε.

    Θα χρειαστεί να επιλέξετε ένα όνομα χρήστη και να εγγραφείτε με τη διεύθυνση ηλεκτρονικού ταχυδρομείου σας και έναν κωδικό πρόσβασης. Το όνομα χρήστη θα είναι σημαντικό για την εύρεση της ιστοσελίδας σας. Μόλις εγγραφείτε, συνδεθείτε στην αρχική σελίδα για να ξεκινήσετε τον ιστότοπό σας.

    Δημιουργία του καταστήματός σας GitHub

    Από την αρχική σελίδα του GitHub, θα δείτε μια ενότητα "αποθετήρια" στα αριστερά. Εδώ θα βρείτε μια λίστα όλων των αποθετηρίων σας, καθώς και ένα κουμπί "Νέο" το οποίο θα σας επιτρέψει να δημιουργήσετε ένα νέο αποθετήριο.

    Νέα οθόνη χώρου αποθήκευσης για το GitHub

    Κάντε κλικ στο "Νέα" και θα μεταφερθείτε σε μια νέα οθόνη για να εισάγετε τις πληροφορίες του αποθετηρίου. Αρχικά, θα πρέπει να εισάγετε το όνομα του αποθετηρίου. Το όνομα του αποθετηρίου πρέπει να είναι ως εξής, όπου το [USERNAME] είναι το επιθυμητό όνομα χρήστη:

     [USERNAME].github.io 

    Για παράδειγμα, εάν το όνομα χρήστη σας είναι Jake, τότε το όνομα του αποθετηρίου σας θα είναι Jake.github.io . Αυτό είναι ένα πολύ σημαντικό βήμα. Ο τρόπος με τον οποίο οι Σελίδες GitHub προσδιορίζουν το χώρο αποθήκευσης ως ζωντανό ιστότοπο σε σχέση με ένα κενό κοντέινερ στο οποίο θέλετε να κωδικοποιήσετε.

    Μόλις εισαγάγετε το όνομα χρήστη, μπορείτε να εισαγάγετε μια προαιρετική περιγραφή για να προσθέσετε κάποιες λεπτομέρειες στο αποθετήριο σας (δηλ. "Ο ιστότοπος μου στον αθλητισμό").

    Επιλέξτε είτε "δημόσιο" είτε "ιδιωτικό" για να ελέγξετε αν άλλοι χρήστες μπορούν να τροποποιήσουν το αποθετήριο σας. Δημόσια σημαίνει οποιοσδήποτε μπορεί να τροποποιήσει, ιδιωτικά μέσα μόνο που μπορείτε να τροποποιήσετε.

    Τέλος, μπορείτε να δημιουργήσετε ένα αρχείο README για το χώρο αποθήκευσής σας, το οποίο προορίζεται μόνο για την τεκμηρίωση των έργων. Είναι εντελώς προαιρετικό.

    Τώρα που έχετε συμπληρώσει αυτό το πατήστε "Δημιουργία αποθετηρίου" για να τελειώσετε!

    Επεξεργασία και φόρτωση του ιστότοπού σας

    Τώρα που έχετε το αποθετήριό σας ζωντανά στο GitHub, κατευθυνθείτε στο τερματικό γραμμής εντολών. Πλοηγηθείτε στη θέση που θέλετε να αποθηκεύσετε το έργο σας και εκτελέστε την ακόλουθη εντολή, φροντίζοντας να αντικαταστήσετε το [USERNAME] με το πραγματικό όνομα χρήστη σας:

     git clone https://github.com/[USERNAME]/[USERNAME].github.io 

    Η λειτουργία "κλωνοποίηση" του git κάνει απλώς ένα αντίγραφο του αποθετηρίου σας στον υπολογιστή σας, ώστε να μπορείτε να επεξεργαστείτε τον κώδικα. Οποιεσδήποτε αλλαγές κάνετε σε αυτόν τον κώδικα μπορούν να αποθηκευτούν στο κύριο αποθετήριο μέσω της γραμμής εντολών.

    Τώρα που η αποθήκη αποθηκεύεται σε ένα φάκελο, μεταβείτε σε αυτόν το φάκελο χρησιμοποιώντας είτε το τερματικό είτε απλά κάνοντας κλικ στο φάκελο του υπολογιστή σας. Δημιουργήστε ένα αρχείο index.html μέσα σε αυτό το φάκελο. Αυτό το αρχείο HTML θα φιλοξενήσει τον κωδικό σας.

    Ανοίξτε το αρχείο HTML στον επεξεργαστή κειμένου και προσθέστε μια γραμμή, πληκτρολογώντας "Hello". Αυτή είναι απλά μια γραμμή για την εμφάνιση κειμένου και βεβαιωθείτε ότι ο ιστότοπος λειτουργεί.

    Επιστρέψτε στο φάκελο που αποθηκεύει τον κωδικό σας χρησιμοποιώντας το τερματικό. Τώρα μπορείτε να αποθηκεύσετε τις αλλαγές σας στο χώρο αποθήκευσης σας εκτελώντας τον κώδικα git

     git add --all git commit -m "Save changes" git push -u origin master 

    Αυτό μπορεί να προκαλεί σύγχυση εάν δεν έχετε χρησιμοποιήσει ποτέ το Git πριν, αλλά είναι πολύ απλό. git add -all προσθέτει όλες τις αλλαγές που κάνατε σε μια ουρά για αποθήκευση. Η εντολή git commit προετοιμάζει τις αλλαγές, με την προαιρετική συνάρτηση -m που προσθέτει μια περιγραφή για το τι άλλαξε σε αυτήν τη δέσμευση. ("Αποθήκευση αλλαγών" είναι ένα παράδειγμα. Θα μπορούσατε να κάνετε τίποτα.) Τέλος, το git push ολοκληρώνει τις αλλαγές και φορτώνει τον νέο κώδικα στην αποθήκη σας.

    Προβολή της ιστοσελίδας των Σελίδων GitHub

    Υπήρξαν πολλά εδώ, αλλά τώρα είστε έτοιμοι να δείτε το τελικό αποτέλεσμα. Τοποθετήστε το αγαπημένο σας πρόγραμμα περιήγησης στο Web και μεταβείτε στη διεύθυνση https: // [USERNAME] .github.io όπου και πάλι το [USERNAME] αντικαθίσταται από το όνομα του αποθετηρίου σας.

    Θα δείτε την ιστοσελίδα σας να δημοσιεύεται ζωντανά! Μπορεί να προβάλλεται σε οποιοδήποτε πρόγραμμα περιήγησης σε οποιονδήποτε υπολογιστή, tablet ή τηλέφωνο. Είναι ένας πλήρως λειτουργικός ιστότοπος.

    Περισσότερες επιλογές για δωρεάν Web Hosting

    Τώρα που ξέρετε πώς να δημιουργήσετε έναν ιστότοπο που φιλοξενείται δωρεάν στις σελίδες GitHub, μπορείτε να δημιουργήσετε σχεδόν οποιοδήποτε τύπο στατικού ιστότοπου που θέλετε. Είναι μια μεγάλη επιλογή για προγραμματιστές και άτομα που χρειάζονται απλά μια μικρή λύση.

    Χρειάζεστε κάτι πιο ισχυρό από τις Σελίδες GitHub; Ελέγξτε έξω αυτά τα φοβερά δωρεάν υπηρεσίες φιλοξενίας ιστοσελίδων Το Best Free Website Hosting Services το 2019 Το Best Free Website Hosting Services το 2019 Εδώ είναι οι καλύτερες δωρεάν web hosting υπηρεσίες που προσφέρουν πολλά και έχουν καλύτερη φήμη από τους περισσότερους. Διαβάστε περισσότερα .

Εξερευνήστε περισσότερα σχετικά με: Κωδικοποίηση Tutorials, GitHub, Web Hosting.