מדריך | שימוש בגיטאהב לאיחסון האתר שלכם (סטטי)
-
נראה מפחיד אבל ממש קל...
בהנחה שיש לכם חשבון בגיטאהב... (אם לא אתם מוזמנים לפתוח)
פותחים מאגר חדש
בעמוד הבא מלאו את שם המאגר באנגלית (מסומן באדום)
שימו לב הרשיון חייב להיות ציבורי public (מסומן בכחול)
מומלץ להפעיל ADD RADME (מסומן בירוק)
ולשמור (מסומן בצהוב)
כעת בתוך המאגר עברו ללשונית settings ובחרו בצד בpages
כעת תחת branch בחרו בmain כמו בתמונה
לאחר הבחירה זה אמור להראות כך
לא לשכוח save
כעת תתבקשו לבחור דומיין מותאם אישית
הדומיין אמור להיות מורכב כך:
https://your-username.github.io/your-repository-nameכשבמקום
your-usernameשם המשתמש שלכם ובמקוםyour-repository-nameשם המאגר שלכם...ולשמור כמובן...
זיכרו את הדומיין או שימרו אותו באיזה שהוא מקום... זה כתובת האתר שלכם...
כעת החלק הקשה מאחורינו...
עכשיו חיזרו ללשונית code
והעלו את קבצי האתר הסטטי שלכם
בחרו add file ולאחמ"כ upload files
כעת ליחצו על choose your files כדי לבחור קבצים מהמחשב שלכם או גררו לתוך התיבה המיועדת... ולשמור כמובן... (commit changes)
שימו לב שם הקובץ הראשי צריך להיות
index.htmlניתן לעלות קבצים לגיטאהב בכל דרך אחרת שאתם מכירים...
כעת פיתחו את הכתובת הדומיין ששמרנו... ו... הופ... נפתח האתר שלכם...
(שימו לב לפעמים זה עלול לקחת מספר רגעים עד שהקבצים נטענים בפעם הראשונה...)
אתר כזה מתאים לבלוגים תיקי עבודות וכדו'
לדוג':
https://yo-2580.github.io/profile2580/
בהצלחה
-
C cfopuser התייחס לנושא זה
 { const baseUrl = "https://www.google.co.il/search?q=site:mitmachim.top"; const m = location.pathname.match(/^\/(topic|category)\/(\d+)/); const type = m ? m[1] : null; const id = m ? m[2] : null; let searchInput; function search(path = "") { const query = searchInput.value.trim(); if (query) { window.open(`${baseUrl}${path}%20${encodeURIComponent(query)}`, "_blank"); } } let buttons = {}; buttons.searchAll = { id: "bb-search-all", label: `חיפוש ${type ? "בכל הפורום" : ""}`, className: type ? "btn-secondary" : "btn-primary", callback: () => search(), }; if (type === "topic") { buttons.searchTopic = { label: "חיפוש בנושא זה", className: "btn-primary", callback: () => search(`/topic/${id}`), }; } else if (type === "category") { buttons.searchCategory = { label: "חיפוש בקטגוריה זו", className: "btn-primary", callback: () => search(`/category/${id}`), }; } buttons.cancel = { label: "ביטול", className: "btn-default", "data-bs-dismiss": "modal" }; const dialog = bootbox.dialog({ title: '<div style="text-align:center;"><img src="/assets/uploads/files/1625950269825-mt-google.png" width="400" alt="חיפוש בגוגל"></div>', message: '<input id="bb-inp" class="bootbox-input bootbox-input-text form-control" placeholder="הקלידו כדי לחפש בגוגל" autocomplete="off"/>', buttons, backdrop: true, show: true, onEscape: true }); dialog.on("shown.bs.modal", function () { searchInput = document.getElementById("bb-inp"); if (searchInput) { searchInput.focus(); searchInput.addEventListener("keydown", function (e) { if (e.key === "Enter") { e.preventDefault(); const query = this.value.trim(); if (query) { search(); dialog.modal("hide"); } } else if (e.key === "Escape") { e.preventDefault(); dialog.modal("hide"); } }); } const searchAllButton = document.getElementById("bb-search-all"); if (searchAllButton) { searchAllButton.title = "לחצו על אנטר כדי לחפש"; } }); })(); void 0;){kind=link}