Το GitHub Pages είναι ένας πολύ καλός τρόπος για να φτιάξετε τον προσωπικό σας ιστότοπο από την αρχή. Είναι εντελώς δωρεάν και απαιτεί μόνο λογαριασμό GitHub. Σημειώστε, ωστόσο, ότι οι σελίδες GitHub δεν προσφέρουν το πιο φιλικό προς τον χρήστη σχεδιασμό για την κατασκευή ιστότοπων (σε αντίθεση με το Wix ή το Squarespace), αλλά είναι ένας πολύ καλός τρόπος για να αποκτήσετε εμπειρία με HTML/CSS/JS και όλα τα στοιχεία ενός ιστότοπου. Αυτό το wikiHow θα σας δείξει πώς να ξεκινήσετε.
Βήματα
Βήμα 1. Καταχωρήστε έναν λογαριασμό στο GitHub, εάν δεν έχετε ακόμη
Για να μπορέσετε να δημιουργήσετε τον δικό σας ιστότοπο στις σελίδες του GitHub, πρέπει να δημιουργήσετε έναν λογαριασμό στο GitHub. Εάν έχετε ήδη λογαριασμό στο GitHub, βεβαιωθείτε ότι έχετε συνδεθεί. Μπορείτε να έχετε πρόσβαση και στα δύο από την επάνω δεξιά γραμμή εργαλείων.
Βήμα 2. Δημιουργήστε ένα αποθετήριο στο GitHub.
Βεβαιωθείτε ότι έχετε ονομάσει το αποθετήριο "[το όνομα χρήστη GitHub εδώ].github.io". Αυτό θα προετοιμάσει τον ιστότοπό σας GitHub.
Μέθοδος 1 από 2: Χρήση επεξεργαστή κώδικα
Βήμα 1. Κατεβάστε την επιφάνεια εργασίας GitHub, εάν δεν την έχετε ήδη εγκατεστημένη
Η εγκατάσταση της επιφάνειας εργασίας GitHub είναι τόσο απλή όσο η μετάβαση στη διεύθυνση https://desktop.github.com/ και το κλικ στο μεγάλο μοβ κουμπί "Λήψη". Στη συνέχεια, εκτελέστε το πρόγραμμα εγκατάστασης. Αυτό είναι απαραίτητο για να προωθήσετε τις αλλαγές στο αποθετήριο σας.
Βήμα 2. Εγκαταστήστε έναν επεξεργαστή κώδικα
Χρειάζεστε ένα για να επισημάνετε τη σύνταξη στο GitHub. Οι δημοφιλείς επιλογές περιλαμβάνουν Atom, Visual Studio Code, Sublime Text και Notepad ++, δεδομένης της πλούσιας σε χαρακτηριστικά και μινιμαλιστικής αίσθησής τους. Αφού εγκαταστήσετε έναν επεξεργαστή κώδικα, είστε έτοιμοι να ξεκινήσετε.
Βήμα 3. Δημιουργήστε ένα αρχείο που ονομάζεται "index.html"
Μπορείτε να το κάνετε στον επεξεργαστή κώδικα ή στο διαδίκτυο. Μπορείτε επίσης να μεταβείτε στη θέση του αποθετηρίου σας στον σκληρό σας δίσκο και να δημιουργήσετε ένα αρχείο "index.html" στο φάκελο του αποθετηρίου στη μονάδα δίσκου σας.
Βήμα 4. Προσθέστε το HTML σας
Θα χρειαστεί να μάθετε HTML για να μπορέσετε να κωδικοποιήσετε μια βασική ιστοσελίδα. Θα είναι επίσης χρήσιμο για εσάς να μάθετε CSS και JavaScript, ώστε να μπορείτε να προσθέσετε στυλ και λειτουργικότητα στην ιστοσελίδα σας.
Θυμηθείτε να αποθηκεύσετε το αρχείο
Βήμα 5. Αναλάβετε τις αλλαγές
Επιστρέψτε στην επιφάνεια εργασίας του GitHub και κάντε κλικ στο μπλε κουμπί Commit to master. Στη συνέχεια, κάντε κλικ στο Push Origin. Αυτό θα ανεβάσει τις αλλαγές στο GitHub.
Αν σκοπεύετε να κάνετε περισσότερες αλλαγές, θα θέλετε να τραβήξετε και την προέλευση. Κάντε κλικ στο κουμπί Pull προέλευσης στην επιφάνεια εργασίας του GitHub για να κάνετε λήψη της πιο πρόσφατης δέσμευσης στο μηχάνημά σας
Βήμα 6. Προβάλετε την ιστοσελίδα σας
Μεταβείτε στο "[το όνομα χρήστη GitHub σας εδώ].github.io" σε ένα πρόγραμμα περιήγησης ιστού. Mayσως χρειαστεί να παρακάμψετε την προσωρινή μνήμη του προγράμματος περιήγησής σας κρατώντας πατημένο το πλήκτρο Ctrl ή ⌘ Command ενώ κάνετε κλικ στο κουμπί ανανέωσης για να δείτε τη νέα ιστοσελίδα.
Μέθοδος 2 από 2: Χρήση του GitHub Online
Βήμα 1. Δημιουργήστε ένα αρχείο που ονομάζεται "index.html"
Κάντε κλικ στο Προσθήκη αρχείου και στη συνέχεια κάντε κλικ στο Δημιουργία νέου αρχείου. Αυτό θα ανοίξει έναν επεξεργαστή αρχείων. Προσθέστε "index.html" στο πεδίο "Ονομάστε το αρχείο σας".
Βήμα 2. Προσθέστε το HTML σας
Θα χρειαστεί να μάθετε HTML για να μπορέσετε να κωδικοποιήσετε μια βασική ιστοσελίδα. Θα είναι επίσης χρήσιμο για εσάς να μάθετε CSS και JavaScript, ώστε να μπορείτε να προσθέσετε στυλ και λειτουργικότητα στην ιστοσελίδα σας.
Θυμηθείτε να αποθηκεύσετε το αρχείο
Βήμα 3. Αναλάβετε τις αλλαγές
Κάντε κλικ στο πράσινο κουμπί Δέσμευση νέου αρχείου για να αποθηκεύσετε το αρχείο στο GitHub.
Βήμα 4. Προβάλετε την ιστοσελίδα σας
Μεταβείτε στο "[το όνομα χρήστη GitHub σας εδώ].github.io" σε ένα πρόγραμμα περιήγησης ιστού. Mayσως χρειαστεί να παρακάμψετε την προσωρινή μνήμη του προγράμματος περιήγησής σας κρατώντας πατημένο το πλήκτρο Ctrl ή ⌘ Command ενώ κάνετε κλικ στο κουμπί ανανέωσης για να δείτε τη νέα ιστοσελίδα.
Συμβουλές
- Για να προσθέσετε υποσελίδες, απλώς δημιουργήστε έναν νέο φάκελο στο GitHub και προσθέστε ένα αρχείο "index.html" σε αυτόν το φάκελο.
- Εάν καταχωρίσετε ένα όνομα τομέα, μπορείτε να ζητήσετε από τις Σελίδες GitHub να χρησιμοποιούν αυτό το όνομα τομέα αντί για το προεπιλεγμένο.
- Τα αποθετήρια σελίδων GitHub πρέπει να είναι δημόσια, εκτός εάν έχετε λογαριασμό premium.
