מדריך הורדה והתקנה של Jekyll: בנה אתר בלוג סטטי מאפס במחשב המקומי שלך

המאמר הזה ג'קיל הורד את מדריך ההתקנה ולמד אותך צעד אחר צעד✨אתה יכול להחזיק בלוג משלך מבלי לבזבז כסף!

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

מה זה ג'קיל?

Jekyll, מחולל אתרים סטטי, מתאים מאוד לבניית אתרי בלוגים.

זה יכול להשתמש בטקסט שנכתב בשפת סימון ולהשתמש בפריסה כדי לבנות אתרים סטטיים.

ניתן לשנות את מראה האתר, כתובת האתר, הנתונים המוצגים בעמוד ועוד...

החסרונות של ג'קיל ברורים. מכיוון שהוא לא משתמש במסד נתונים, הוא לחלוטין לא מתאים לבנייהסחר אלקטרוניסוג האתר.

מהם היתרונות של ג'קיל?

• ג'קיל קל לשימוש וללמוד.
• Jekyll יכולה ליצור אתרים סטטיים מהירים ומאובטחים.
• ל-Jekyll יש מספר רב של ערכות נושא ותוספים זמינים.

כיצד להתחיל להשתמש בג'קיל?

1. התקן את Jekyll.
2. צור אתר Jekyll חדש.
3. בחר ערכת נושא של Jekyll.
4. הוסף את התוכן שלך.
5. תצוגה מקדימה של האתר שלך.
6. בנה את האתר שלך.
7. פרוס את האתר שלך:הבלוג הסטטי של Jekyll נפרס ל-Surge.sh בחינם

התקן את Jekyll על ידי הורדת RubyInstaller

הדרך הקלה ביותר להתקין את Ruby and Jekyll היא להשתמש ב-RubyInstaller עבור Windows.

RubyInstaller הוא מתקין עצמאי מבוסס Windows הכולל את שפת Ruby, סביבת ביצוע, תיעוד חשוב וכו'.

אנחנו מכסים רק RubyInstaller-2.4 ומעלה כאן. גרסאות ישנות יותר דורשות התקנה ידנית של Devkit.

שלב 1:הורד את RubyInstaller

• הורד והתקן מהורדות של RubyInstallerRuby+Devkitגִרְסָה.
• התקן באמצעות אפשרויות ברירת המחדל.

第 2 步:הזן cmd

לחץמקש WIN + מקש R, ואז הכנס cmd, ולאחר מכן הקש Enter ▼

第 3 步:הזן קלט פקודה ridk installשלבים בשלבי ההתקנה האחרונים.

• זה נדרש כדי להתקין אבני חן עם הרחבות מקוריות.
• בחר מבין האפשרויותMSYS2 and MINGW development tool chain.

• הפעל פקודה ruby -v ו - gem -v כדי לבדוק את מספר הגרסה כדי לאשר אם ההתקנה הצליחה.

פתח את תפריט התחל של Windows ומצאStart Command Prompt with Ruby, כדי להפעיל את שורת הפקודה Ruby.

第 4 步:החלף מקור אבן חן למקור סיני

עקב בעיות חיבור ומהירות לרשת, לפני ששוקלים לעדכן את אבן החן, מומלץ מאוד להחליף את מקור החן למקור הסיני▼

gem sources --remove https://rubygems.org/
gem sources -a https://gems.ruby-china.com/

אוֹ

gem sources --add https://gems.ruby-china.com/ --remove https://rubygems.org/

第 5 步:בואו נבדוק את המקורות הנוכחיים ▼

gem sources -l

• תוודא שיש רק gems.ruby-china.com

第 6 步:עדכן Ruby gem▼

gem update

第 7 步:אנו מתקינים רכיבים ▼

gem install jekyll bundler

第 8 步:בדוק אם Jekyll מותקן במלואו▼

jekyll -v

בנה אתר בלוג סטטי של Jelly במחשב המקומי שלך

第 1 步:שנה את אות הכונן▼
הכנס ישירות ב-cmdd:

第 2 步:שנה את התיקיה הנוכחית▼

cd d:\Jekyll\

第 3 步:צור אתר Jekyll חדש באמצעות הפקודה הבאה ▼

jekyll new site1

第 4 步:היכנסו לספריית הפרויקט▼

cd site1

第 5 步:התחל את שירות Jekyll▼

jekyll serve

לְהַעֲבִיר--livereloadאפשרויות לserveרענן אוטומטית את הדף בכל פעם שנעשים שינויים בקובץ המקור▼

bundle exec jekyll serve --livereload

• כאשר אתה מפתח את האתר שלך, השתמשjekyll serveאו jekyll build
• כדי לאלץ את הדפדפן לרענן בכל שינוי, השתמשjekyll serve --livereload.
• jekyll serveגרסת אתר מובנית_siteלא מתאים לפריסה.
• השתמש בקישורים ובכתובות אתרים של נכסים מהאתר שנוצר jekyll serve אשתמש https://localhost:4000 הערך מוגדר דרך תצורת שורת הפקודה, ולא בקובץ התצורה של האתר.

第 6 步:访问 http://localhost:4000 צפה בפרויקט.

הערה:

• אם הקובץ ממוקם ב-xxx.github .io/blog, זה עלול לגרום לדף Github לא להתעדכן.
• הסיבה לתופעה היא ש-GitHub יקרא רק את xxx.github .io/_includes ב-Jekyll ולא יכנס לבלוג/_includes לעומק.
• למרבה המזל, בעיה זו אינה בעיה קשה. פשוט הגדר עמוד Github ב- GitHub והבעיה תיפתר ברגע!

כיצד למחוק את אתר Jekyll המותקן במחשב המקומי באמצעות פקודות?

אתה יכול להשתמש בפקודה הבאה כדי למחוק אתר אינטרנט של Jekyll המותקן באופן מקומי.

מחק את הקבצים שנוצרו:

第 1 步:הפעל את הפקודה הבאה כדי לנקות את הקבצים שנוצרו▼

jekyll clean

第 2 步:מחק את כל ספריות האתר

• אם אתה רוצה למחוק לחלוטין את כל ספריית האתר, אתה יכול למחוק ידנית את C:/Users/a/myblog תיקייה.

משאבי ג'קיל

Jekyll היא מסגרת פשוטה בסגנון בלוג לבניית אתרים סטטיים.

זה משתמש Markdown ושפת תבנית נוזלית, המאפשרת לך ליצור בקלות אתרים יפים ודינמיים.

עיין בתיעוד של Jekyll למידע נוסף.

הנה כמה משאבים שימושיים על Jekyll. אני מקווה שהמשאבים האלה יכולים לעזור לך להשתמש ב-Jekyll כדי לבנות אתר!