Χρησιμοποιήστε το Gitlab για το hosting των στατικών σας ιστοσελίδων.

gitlab pages

Το gitlab πέρα από υπηρεσίες αποθετηρίου παρέχει και υπηρεσίες hosting όπως θα δούμε στη συνέχεια του παρόντος άρθρου.

Όπως γράψαμε σε προηγούμενο άρθρο, αρκετοί χρήστες δυσαρεστήθηκαν από την πώληση του Github στην Microsoft. C’est la vie που λένε και οι Γάλλοι. Αρκετοί εξ αυτών των χρηστών μετέβησαν στην open source πλατφόρμα του Gitlab και δεν ξανακοίταξαν πίσω.

Gitlab Pages

Στα πρότυπα του Github pages που σχετικό άρθρο είχαμε γράψει, το gitlab pages μας επιτρέπει την εύκολη δημιουργία στατικών ιστοσελίδων, για το hosting των project μας, τη δημιουργία blog, ή οτιδήποτε άλλο μπορεί να χρειάζεται μια απλή διαδικτυακή παρουσία και μάλιστα χρησιμοποιώντας δωρεάν domain name για το site μας με τη βοήθεια του Freenom.

Προσωπικά βρίσκω τρομερά χρήσιμη αυτή την υπηρεσία γιατί μας αποτρέπει από τη δημιουργία δωρεάν hosting πλάνων σε ανάλογες εταιρείες και από τη φασαρία του maintenance και του uptime.

Ας δούμε όμως πως φτιάχνουμε μια τέτοια σελίδα.

Δημιουργία λογαριασμού Gitlab

Εντάξει δε νομίζω ότι χρειάζεται οδηγός για αυτό, απλά μεταβαίνουμε στη σελίδα https://gitlab.com/users/sign_in και επιλέγουμε την καρτέλα Register όπου πρωτίστως θα έχουμε εισάγει τα στοιχεία μας (όνομα, email, username κλπ)

Δημιουργία στατικής σελίδας

Χάριν ευκολίας θα δημιουργήσουμε μια απλή σελίδα, αν όμως επιθυμούμε αργότερα μπορούμε να ανεβάσουμε μια πιο σύνθετη στατική σελίδα (με εικόνες, links, css κλπ). Φυσικά αυτό προϋποθέτει να γνωρίζουμε πως δουλεύει ένα git αποθετήριο.

Με το που κάνουμε login στη σελίδα στην αρχική οθόνη επιλέγουμε Create a project

gitlab pages 1
Με το που εισάγουμε τα στοιχεία μας στη νέα σελίδα επιλέγουμε Create a project

Στη συνέχεια στην επόμενη οθόνη, δίνουμε ένα όνομα στο project μας και προσθέτουμε μια περιγραφή (description) αν φυσικά το επιθυμούμε. Τα υπόλοιπα τα αφήνουμε ως έχουν, εκτός αν θέλουμε να έχουν και άλλοι πρόσβαση στο αποθετήριο μας.

gitlab page 2
Δίνουμε ένα όνομα στο poject μας και μια περιγραφή

Μόλις ολοκληρώσουμε τη διαδικασία πατούμε Create project και μεταβαίνουμε στη σελίδα του νεοσυσταθέντος αποθετηρίου μας

gitlab page 3
To νεοσυσταθέν απόθετήριο μας

Στην προηγούμενη εικόνα βλέπουμε το άδειο αποθετήριο μας. Δε θα μείνει για πολύ έτσι. Πατάμε το πλήκτρο New File και δημιουργούμε το αρχείο index.html όπως φαίνεται στην ακόλουθη εικόνα.

gitlab page 4

Όπως βλέπουμε έχουμε εισάγει και τον HTML κώδικα της απλής ιστοσελίδας μας. Μόλις τελείωσουμε πατάμε το πλήκτρο Commit changes όπως φαίνεται στην εικόνα

gitlab page 5
Μόλις τελειώσουμε τις αλλαγές, πατάμε το πλήκτρο Commit changes

Βέβαια δεν τελειώσαμε εδώ. Πρέπει να ενημερώσουμε το gitlab ότι πρόκειται να κάνει host μια HTML σελίδα, αυτό θα γίνει δημιουργώντας ένα ακόμα αρχείο.

Στη όχι άδεια πλέον σελίδα του αποθετηρίου μας θα πατήσουμε το πλήκτρο + και θα επιλέξουμε New File όπως φαίνεται στην εικόνα.

gitlab page 9
Επιλέγουμε το πλήκτρο + και New File

Στη νέα σελίδα επιλέγουμε στην αριστερή καρτέλα το Template .gitlab-ci.yml και στη 2η HMTL

gitlab page 6
Κάνουμε τις επιλογές όπως φαίνονται στην εικόνα και στη 2η καρτέλα επιλέγουμε HTML

οριστικοποιούμε τις αλλάγές πάλι με το πλήκτρο Commit changes όπως και στο προηγούμενο αρχείο.

Η σελίδα μας είναι μεν έτοιμη αλλά δεν μπορούμε να έχουμε πρόσβαση σε αυτή.

Πρόσβαση στη σελίδα

Στην αριστερή στήλη επιλέγουμε Settings και στο δεξι μέρος της σελίδας βρίσκουμε την επικεφαλίδα Advanced και πατούμε το πλήκτρο Expand

gitlab page 7

Ακολούθως βρίσκουμε την κατηγορία Rename Repository και αλλάζουμε στο Path αλλάζουμε το όνομα σε username_πουέχουμεστο_gitlab.io και Rename Project

gitlab page 8
Μετονομάζουμε το path σε username.gitlab.io

Η σελίδα μας είναι έτοιμη και προσβάσιμη στο https://username_πουέχουμεστο_gitlab.io

gitlab page 9
H σελίδα μας είναι έτοιμη

Τη δική μου θα τη βρειτε στο https://becoming_i.gitlab.io/. Εναλλακτικά μπορείτε να πάρετε όπως είπα και στην αρχή, δωρεάν domain name για το site μας με τη βοήθεια του Freenom.

Εργαλείο για τον developer και τον απλό χρήστη

Όπως κάθε σύγχρονη υπηρεσία αποθετηρίων που σέβεται τον εαυτό της, το gitlab προσφέρει μια πληθώρα ποιοτικών και χρήσιμων υπηρεσιών. Το Pages είναι ένα από τα πιο ουσιώδη εργαλεία για τον developer ενώ ταυτόχρονα αποτελεί μια πολύ καλή λύση για τον απλό χρήστη που ενδιαφέρεται να έχει ένα διαδικτυακό CV ή κάτι που να ξεχωρίζει από το σωρό τον Social media sites.

Εσείς σε πια κατηγορία ανήκετε;

Μοιραστείτε μαζί μας τις στατικές σελίδες σας (αν έχετε ήδη) ή τις δημιουργίες που κάνατε με τη βοήθεια του οδηγού.

Advertisements

One thought on “Χρησιμοποιήστε το Gitlab για το hosting των στατικών σας ιστοσελίδων.

Σου άρεσε το άρθρο; Πες την άποψή σου... έστω και Ανώνυμα:

Εισάγετε τα παρακάτω στοιχεία ή επιλέξτε ένα εικονίδιο για να συνδεθείτε:

Λογότυπο WordPress.com

Σχολιάζετε χρησιμοποιώντας τον λογαριασμό WordPress.com. Αποσύνδεση /  Αλλαγή )

Φωτογραφία Google+

Σχολιάζετε χρησιμοποιώντας τον λογαριασμό Google+. Αποσύνδεση /  Αλλαγή )

Φωτογραφία Twitter

Σχολιάζετε χρησιμοποιώντας τον λογαριασμό Twitter. Αποσύνδεση /  Αλλαγή )

Φωτογραφία Facebook

Σχολιάζετε χρησιμοποιώντας τον λογαριασμό Facebook. Αποσύνδεση /  Αλλαγή )

Σύνδεση με %s

This site uses Akismet to reduce spam. Learn how your comment data is processed.