כיצד ליצור אתר בדפי GitHub: 12 שלבים (עם תמונות)

תוכן עניינים:

כיצד ליצור אתר בדפי GitHub: 12 שלבים (עם תמונות)
כיצד ליצור אתר בדפי GitHub: 12 שלבים (עם תמונות)

וִידֵאוֹ: כיצד ליצור אתר בדפי GitHub: 12 שלבים (עם תמונות)

וִידֵאוֹ: כיצד ליצור אתר בדפי GitHub: 12 שלבים (עם תמונות)
וִידֵאוֹ: 13 דרכים לשגע מורה - סרט ה1 בנות בית ספר "דעת" עופרה תשע"ו 2024, מאי
Anonim

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

צעדים

צור אתר בדפי GitHub שלב 1
צור אתר בדפי GitHub שלב 1

שלב 1. רשום חשבון ב- GitHub, אם עדיין אין לך חשבון

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

צור אתר בדפי GitHub שלב 2
צור אתר בדפי GitHub שלב 2

שלב 2. צור מאגר ב- GitHub.

הקפד לקרוא למאגר בשם "[שם המשתמש שלך ב- GitHub כאן].github.io". פעולה זו תאתחל את אתר GitHub שלך.

שיטה 1 מתוך 2: שימוש בעורך קוד

צור אתר בדפי GitHub שלב 3
צור אתר בדפי GitHub שלב 3

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

התקנת שולחן העבודה של GitHub היא פשוטה כמו להיכנס אל https://desktop.github.com/ ולחיצה על כפתור "הורד" הסגול הגדול. לאחר מכן הפעל את תוכנית ההתקנה. זה נחוץ כדי לדחוף שינויים במאגר שלך.

צור אתר בדפי GitHub שלב 4
צור אתר בדפי GitHub שלב 4

שלב 2. התקן עורך קוד

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

צור אתר בדפי GitHub שלב 5
צור אתר בדפי GitHub שלב 5

שלב 3. צור קובץ בשם "index.html"

אתה יכול לעשות זאת בעורך הקוד שלך או באינטרנט. תוכל גם ללכת למיקום המאגר שלך בכונן הקשיח וליצור קובץ "index.html" בתיקיית המאגר בכונן שלך.

צור אתר בדפי GitHub שלב 6
צור אתר בדפי GitHub שלב 6

שלב 4. הוסף את ה- HTML שלך

יהיה עליך ללמוד HTML על מנת שתוכל לקודד דף אינטרנט בסיסי. זה יהיה שימושי גם לך ללמוד CSS ו- JavaScript, כך שתוכל להוסיף עיצוב ופונקציונליות לדף האינטרנט שלך.

זכור לשמור את הקובץ

צור אתר בדפי GitHub שלב 7
צור אתר בדפי GitHub שלב 7

שלב 5. בצע את השינויים

חזור לשולחן העבודה של GitHub ולחץ על הכפתור הכחול Commit to master. לאחר מכן לחץ על Push Origin. פעולה זו תעלה את השינויים ל- GitHub.

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

צור אתר בדפי GitHub שלב 8
צור אתר בדפי GitHub שלב 8

שלב 6. צפה בדף האינטרנט שלך

עבור אל "[שם המשתמש שלך ב- GitHub כאן].github.io" בדפדפן אינטרנט. ייתכן שיהיה עליך לעקוף את המטמון של הדפדפן על ידי החזקת Ctrl או ⌘ Command תוך לחיצה על כפתור הרענון כדי לצפות בדף האינטרנט החדש.

שיטה 2 מתוך 2: שימוש ב- GitHub Online

צור אתר בדפי GitHub שלב 9
צור אתר בדפי GitHub שלב 9

שלב 1. צור קובץ בשם "index.html"

לחץ על הוסף קובץ ולאחר מכן לחץ על צור קובץ חדש. פעולה זו תפתח עורך קבצים. הוסף "index.html" לשדה "שם הקובץ שלך".

צור אתר בדפי GitHub שלב 10
צור אתר בדפי GitHub שלב 10

שלב 2. הוסף את ה- HTML שלך

יהיה עליך ללמוד HTML על מנת שתוכל לקודד דף אינטרנט בסיסי. זה יהיה שימושי גם לך ללמוד CSS ו- JavaScript, כך שתוכל להוסיף עיצוב ופונקציונליות לדף האינטרנט שלך.

זכור לשמור את הקובץ

צור אתר בדפי GitHub שלב 11
צור אתר בדפי GitHub שלב 11

שלב 3. בצע את השינויים

לחץ על הלחצן הירוק Commit new file כדי לשמור את הקובץ ב- GitHub.

צור אתר בדפי GitHub שלב 12
צור אתר בדפי GitHub שלב 12

שלב 4. הצג את דף האינטרנט שלך

עבור אל "[שם המשתמש שלך ב- GitHub כאן].github.io" בדפדפן אינטרנט. ייתכן שיהיה עליך לעקוף את המטמון של הדפדפן על ידי החזקת Ctrl או ⌘ Command תוך לחיצה על כפתור הרענון כדי לצפות בדף האינטרנט החדש.

טיפים

  • כדי להוסיף דפי משנה, פשוט צור תיקיה חדשה ב- GitHub והוסף קובץ "index.html" לתיקייה זו.
  • אם אתה רושם שם דומיין, תוכל לתת לדפי GitHub להשתמש בשם הדומיין הזה במקום ברירת המחדל.
  • מאגרי דפי GitHub חייבים להיות ציבוריים, אלא אם כן יש לך חשבון פרימיום.

מוּמלָץ: