מה זה GitHub Pages?

לפני כמה שנים הקים ארגון GitHub שירות חדש בשם GitHub Pages, אשר פועל תחת דומיין github.io אשר בבעלות GitHub. השירות משתמש בקבצים המאוחסנים במאגר (repository) של GitHub על מנת לבנות דפי אינטרנט סטטיים באמצעות כלי בשם jekyll.

ג'קלי (Jekyll) הוא מחולל פשוט לבניית אתרים סטטיים, אשר מבוסס חבילת RubyGems (מנהל חבילות לשפת התכנות Ruby המספק פורמט סטנדרטי להפצת תוכניות וספריות Ruby). jekyll מסוגל לעבד סוגים שונים של מקורות כולל HTML, CSS, JS, JSON, שפת GitHub Markdown, קבצי נתונים שטוחים ועוד. הכלי עושה לוקח את הקבצים אשר אנחנו שומרים במאגר ב GitHub תחת השירות של GitHub Pages, מעבד את התכנים של הקבצים ומייצר קוד HTML עבור אתר אינטרנט סטטי שלם. בכל פעם שאנחנו מבצעים שינויים בקבצי המקור במאגר, jekyll בונה את דפי האינטרנט הקשורים. ג'קלי הוא שירות/אפליקציה חינמי אשר פועל תחת פרוייקט קוד פתוח חינמי במערכת GitHub, עם רשיון MIT.

ישנם שני סוגים של אתרי GitHub Pages בהתאם למאגר המשמש לאחסון קבצי המקור של האתר: (1) אתרי Project Pages בהם אנחנו יכולים לאחסן את הקבצים בכל פרוייקט שרוצים. (2) אתרי דפי חשבון (משתמש או ארגון), שבהם הקבצים נמצאים במאגר עם שם מזהה ייחודי.

דף אינטרנט סטטי הוא דף אינטרנט אשר נמסר ללקוח בדיוק כפי שמאוחסן בשרת, בניגוד לדפי אינטרנט דינמיים אשר נוצרים בצד השרת. ככזה אתר שמבוסס על דפים סטטיים, הוא בדרך כלל הרבה יותר מהיר ועלות נמוכה בהרבה מאתר דינמי. דף אינטרנט סטטי מבוסס על קוד צד לקוח כמו HTML, CSS וסקריפטים בצד לקוח (JS, VBS). GitHub היא פלטפורמת אירוח קוד לשיתוף פעולה ובקרת גרסאות. באמצעות דפי GitHub, אנו משיגים את הכוח של אתר אינטרנט סטטי יחד עם בקרת גרסאות וניהול דינמי של תוכן האתר שלנו.

על מה המאמר הזה?

מאמר זה משלב מידע ממספר תיעודים רשמיים ופוסטים ברשת ומספק הצצה ראשונה לשירות GitHub Pages, במדריך פשוט בסגנון צעד-אחרי-צעד. את כל המידע במאמר זה ניתן למצוא באינטרנט, ומומלץ לעקוב אחר הקישורים בפיסקה של "מידע נוסף". פוסט זה הוא בעיקרו תרגום של מאמר שלי אשר פרסמתי ב-TechNet Wiki ב-28 בפברואר 2019.

במהלך ההדרכה בפוסט זה, אנחנו נבנה אתר פשוט באמצעות חשבון GitHub חינמי. אנחנו נראה כיצד להשתמש בדומיין/תת-דומיין משלך לאתר. במשך ההדרכה היום אני אשתמש רק בדפדפן דרכו נגלוש אל אתר האינטרנט של GitHub באופן ישיר (לא נעזר בהתקנה מקומית או באפליצחית git).

דרישות קדם: חשבון GitHub

אם עדיין אין לך חשבון GitHub, אז אתה יכול לבחור מבין התוכניות של GitHub השונות בהתאם לצרכים שלך ומחיר השירות של התוכנית. עבור מדריך זה וכנראה עבור רוב המשתמשים הפרטיים אתה יכול להשתמש בחשבון החינמי, אשר מספק לך מאגרים ציבוריים בלתי מוגבלים ומאגרים פרטיים ללא הגבלה. אתה יכול לקרוא עוד על הגבלת החשבון החינמי כאן.

לאחר שיש לך חשבון, התחבר והמשך לעקוב אחרי המדריך.

✔צור אתר חשבון חדש

כפי שהזכרתי בהקדמה, ישנם שני סוגים של אתרי GitHub Pages. בחלק זה ניצור אתר של חשבון GitHub. חשבון יכול להיות קשור למשתמש או לארגון. 

כפי שהשם מרמז, אנו יכולים ליצור רק "אתר חשבון" בודד עבור כל חשבון, שכן השירות מבוסס על מאגר המשתמש בשם החשבון.

שלב 1: צור מאגר

1.1 נווט לדף הבית של GitHub והתחבר לחשבון שלך. בצד שמאל, אתה יכול לראות רשימה של המאגרים הנוכחיים שלך.

Image 01: Repositories list on GitHub Home Page

1.2 לחץ על הכפתור "חדש" על מנת ליצור מאגר חדש, בו תשמור את הקבצים לאתר שלך.

Image 02: Create Repository

1.3 השלם את שם המאגר החדש, לפי הפורמט הבא (השם חייב להתאים בדיוק לפורמט הבא): 

כאשר הוא שם המשתמש שלך או שם הארגון, ואל תשכח להוסיף "github.io" כחלק מהשם של המאגר החדש.

Image 03: Configure New repository

1.4 בחר באפשרות "ציבורי" על מנת שהאתר יהיה זמין לכולם, ואל תסמן את האפשרות של "אתחול מאגר זה עם README", כפי שמוצג בתמונה למעלה

1.5 לחץ על "צור מאגר"

ברגע שהמאגר שלך יהיה מוכן, אתה תופנה אוטומטית למאגר החדש, ותראה עמוד כמו תמונה למטה:

Image 04: New repository home page

שלב 2. הפעלת GitHub Pages

2.1 בראש העמוד לחץ על Setting על מנת לעבור אל הגדרות המאגר שלנו

2.2 גלול לתחת העמוד תוך כדי שאתה ממלא את הפרטים הנחוצים בהתאם לצילום המסך הבא

image 05: Repository setting form

2.3 מתחת לכותרת GitHub Pages, לחץ על הקישור Check it out here

במיקום זה אתה יכול להגדיר את האתר החדש שלך

אתר האינטרנט לא יהיה זמין עד שתעלה קבצים את המאגר.

בראש העמוד לחץ על הקישור ל Code של המאגר

.

מידע נוסף ומקורות מידע