אם חיפשתם אחסון קובץ HTML או להעלות אתר לאינטרנט, כנראה אין לכם צורך בהרצאה על תשתיות ענן. יש לכם index.html, אולי style.css, כמה תמונות, ורצון לשלוח למישהו קישור שפשוט נפתח בדפדפן.
זה לא אותו דבר כמו לבחור חברת אחסון מסורתית. כאן המשימה צרה יותר: להעלות את הקבצים בצורה נכונה, לוודא שהדפדפן מוצא את ה-CSS, התמונות וה-JavaScript, ולקבל קישור HTTPS שאפשר לשתף. אם האתר יישאר שימושי, אפשר לחבר אליו אחר כך דומיין מותאם אישית.
מה נחשב אתר HTML?
לצרכי פרסום, אתר HTML הוא בדרך כלל אחד מאלה:
| סוג פרויקט | מה מעלים | דוגמאות נפוצות |
|---|---|---|
| עמוד יחיד | index.html | קורות חיים, עמוד אירוע, אבטיפוס מהיר |
| תיקייה סטטית | index.html, CSS, JS, תמונות | תיק עבודות, אתר אישי, דף נחיתה |
| תוצר build | dist, build, out, public | Vite, React, Astro, Next.js static export |
| קובץ ZIP | תיקייה דחוסה עם קבצי האתר | העברת לקוח, אתר שנוצר עם AI, תבנית שהורדה |
הנקודה החשובה היא השורש. ברוב המקרים צריך קובץ index.html ברמה העליונה של התיקייה שמעלים. אם ה-ZIP נפתח ל-my-site/index.html, העלו את התיקייה הנכונה או ודאו שהפלטפורמה מזהה את המבנה הפנימי.
הדרך המהירה: מעלים את הקבצים המוכנים
לאתר סטטי קטן, תהליך upload-first הוא לרוב הדרך הכי נקייה:
- שמים את
index.htmlבשורש התיקייה. - שומרים נכסים בתיקיות צפויות כמו
css,js,imagesאוassets. - מעלים את התיקייה או את ה-ZIP.
- פותחים את קישור ה-HTTPS שנוצר.
- עוברים על כל עמוד וקובץ נכס.
- שומרים את הפרויקט בחשבון או מחברים דומיין מותאם אישית רק אחרי שהקישור שווה שמירה.
השלב האחרון חשוב. הרבה אתרים קטנים מתחילים כמשהו זמני: תצוגה ללקוח, פרויקט לימודים, טיוטת דף נחיתה או פלט מכלי AI. דרישה לפתוח חשבון, ליצור repo ולהגדיר תהליך מלא לפני ה-URL הראשון מוסיפה חיכוך במקום הלא נכון.
ב-DeployPages אפשר להתחיל מאזור ההעלאה בדף הבית, לפרסם את הקבצים הסטטיים, ואז להחליט אם לשמור את הפרויקט בחשבון. להדרכה ממוקדת יותר ראו את מדריך פרסום HTML.
בדקו נתיבים לפני שמאשימים את האחסון
רוב התקלות של "ה-HTML עובד אצלי אבל שבור באינטרנט" מגיעות מנתיבים שעבדו מקומית ונשברו ב-URL אמיתי.
| דפוס מקומי | דפוס בטוח יותר | למה |
|---|---|---|
C:\Users\you\Desktop\logo.png | ./images/logo.png | דפדפן של מבקר לא יכול לקרוא את הדיסק שלכם. |
/Users/you/site/style.css | ./style.css | נתיב מחשב מוחלט לא קיים באתר שפורסם. |
file:///.../script.js | ./script.js | file:// קיים רק במחשב המקומי. |
href="/about.html" | href="./about.html" לתצוגות תיקייה | קישור מהשורש תלוי בשורש הפרסום. |
אם יש כמה עמודים, פתחו כל אחד מה-URL שפורסם ולא רק את דף הבית. ניווט הוא המקום שבו נתיבים בעייתיים מופיעים ראשונים.
מתי העלאה מהדפדפן עדיפה על Git?
Git מצוין כשיש פיתוח מתמשך, סקירה וחזרות קבועות ל-production. הוא לא תמיד הצעד הראשון הנכון.
העלאה מהדפדפן מתאימה כש:
- קיבלתם תיקייה סטטית ממעצב, לקוח, מחולל או כלי AI.
- צריך קישור לפני שמחליטים אם הפרויקט ראוי ל-repo.
- מפרסמים עמוד חד-פעמי, אתר אירוע, קורות חיים או פרויקט כיתה.
- רוצים לבדוק build שנוצר לפני שמחברים CI.
- האדם שמעלה את האתר אינו האדם שכתב את הקוד.
האות מהשוק ברור: משתמשים עדיין מחפשים דרך פשוטה להעלות קבצי אתר ולקבל URL. גם פלטפורמות מפתחים גדולות מתעדות תהליכי העלאת תיקייה או ZIP, כי לא כל אתר סטטי מתחיל מ-repository.
מה מעלים מכלים נפוצים?
| כלי או stack | מה להעלות |
|---|---|
| HTML/CSS/JS רגיל | התיקייה שמכילה את index.html |
| Vite | dist אחרי npm run build |
| Create React App | build אחרי npm run build |
| Astro | dist אחרי npm run build |
| Next.js static export | out אחרי export |
| תבנית HTML שהורדה | תיקיית התבנית אחרי חילוץ, עם index.html בשורש |
| אתר סטטי שנוצר עם AI | התיקייה המיוצאת, לא שיחת הפרומפט |
אם לא ברור איזו תיקייה נכונה, חפשו את זו שיש בה index.html יחד עם נכסים בנויים. תיקיות מקור כמו src הן בדרך כלל לא מה שמפרסמים.
מה הופך קישור HTML לאמין?
קישור זמני יכול להיות פשוט. קישור שנשלח ללקוחות, מגייסים, משקיעים או קמפיין צריך עוד כמה דברים:
- HTTPS כברירת מחדל, לא
http://. - URL תצוגה יציב שאפשר לפתוח שוב.
- החלפה קלה כשמעלים גרסה מתוקנת.
- אפשרות לדומיין מותאם אישית.
- שחזור גרסה קודמת אם העדכון החדש גרוע מהישן.
- סטטיסטיקות בסיסיות, כי לנחש אם מישהו פתח את הקישור נמאס מהר.
DeployPages בנוי סביב המסלול הזה: העלאה מהירה, ואז דומיינים מותאמים אישית, תעודת SSL ו-HTTPS, סטטיסטיקות ו-שחזור גרסה קודמת כשהעמוד הופך ממשהו זמני לפרויקט שצריך לנהל.
צ׳קליסט קצר לפני העלאה
- פתחו את התיקייה וודאו ש-
index.htmlנמצא בשורש. - החליפו שמות קבצים עם רווחים או תווים חריגים אם הם מופיעים ב-HTML.
- העדיפו אותיות קטנות בשמות קבצים.
Logo.PNGו-logo.pngאינם תמיד אותו קובץ במערכות פרסום. - חפשו ב-HTML את
file://,localhostואת שם המשתמש במחשב. - דחסו ל-ZIP רק אחרי בדיקת מבנה השורש.
- אחרי הפרסום, בדקו גם בטלפון ולא רק בלפטופ הפיתוח.
זה תופס יותר בעיות אמיתיות מעוד סבב השוואת ספקי אחסון.
מתי לעבור מעבר להעלאה פשוטה?
הישארו עם direct upload אם האתר סטטי ברובו ומתעדכן מדי פעם. עברו ל-CLI או לפרסום מבוסס Git כשהאתר משתנה לעיתים קרובות, יש build שצריך לשחזר, או צוות שצריך תהליך סקירה.
DeployPages לא נועל אתכם במסלול הראשון. התחילו מהדפדפן בשביל הקישור הראשון. עברו ל-CLI deploys כשהפרויקט מקבל תהליך קבוע. חברו דומיין אחרי שהתוכן מאושר.
זה הסדר שבו הרבה פרויקטים אמיתיים קורים. הדבר הראשון שצריך הוא לא pipeline. זה קישור שעובד.