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

Το 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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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