Jekyll အပြင်အဆင်ကို ဘယ်လိုသုံးမလဲ။ Jekyll ဘလော့ဂ် အပြင်အဆင် တပ်ဆင်ခြင်း သင်ခန်းစာ

💥 စိတ်ကြိုက်လုပ်ပါ။Jekyllမင်းရဲ့ဘလော့ဂ် အပြင်အဆင်ကို အဆ 100 ပိုအဆင့်မြင့်အောင် လုပ်နိုင်တဲ့ အံ့သြစရာကောင်းတဲ့ လျှို့ဝှက်ချက်၊ ငါ အံ့သြသွားတယ်။ 🤯

ဤသင်ခန်းစာတွင် Jekyll အပြင်အဆင်ကို ထည့်သွင်းအသုံးပြုပုံအဆင့်ဆင့်ကို သင်ကြားပေးပါမည်။ သင်သည် အတွေ့အကြုံမရှိသေးသူဖြစ်လျှင်ပင် အလွယ်တကူ စတင်နိုင်ပါသည်။

ပျင်းစရာကောင်းသော ဘလော့ဂ်များကို နှုတ်ဆက်ပြီး ထူးခြားပြီး စိတ်ကြိုက်နေရာတစ်ခု ဖန်တီးပါ။

ဘလော့ဂါတစ်ယောက်ဖြစ်လာအောင် ကူညီပေးဖို့ အမျိုးမျိုးသော လက်တွေ့ကျသော အကြံပြုချက်များနှင့် အကြံဉာဏ်ကောင်းများ။ 🚀✨

Jekyll အပြင်အဆင်ကဘာလဲ။

Jekyll အခင်းအကျင်းသည် သင့်ကိုယ်ပိုင်ဝဘ်ဆိုဒ်ကို တည်ဆောက်ရန်အတွက် အစမှတ်အဖြစ် သင်အသုံးပြုနိုင်သည့် ကြိုတင်တည်ဆောက်ထားသော Jekyll ဝဘ်ဆိုက်တစ်ခုဖြစ်သည်။

Theme တွင် သင်စတင်ရန်လိုအပ်သည့် ကုဒ်များ၊ စတိုင်များနှင့် ပုံစံများ အားလုံးပါဝင်ပါသည်။

Jekyll ဘလော့ဂ် အပြင်အဆင်ကို မည်သို့ ထည့်သွင်းရမည်နည်း။

Inအကောင်းဆုံးနှင့် ရိုးရှင်းသော Jekyll အပြင်အဆင်ကို ရွေးချယ်ပါ။နောက်ဆုံးတွင်၊ ဤအဆင့်များကို လိုက်နာခြင်းဖြင့် သင့်ဝဘ်ဆိုဒ်ကို စတင်တည်ဆောက်နိုင်သည်-

အဆင့် 1: ။ Jekyll ကို install လုပ်ပါ။

• သင့်တွင် Ruby ကို ထည့်သွင်းထားကြောင်း သေချာပါစေ။
• အောက်ပါ command ကိုသုံးပြီး Jekyll ကို install လုပ်ပါ။

gem install jekyll

အဆင့် 2- Jekyll ဝဘ်ဆိုဒ်အသစ်တစ်ခု ဖန်တီးပါ။

• အောက်ပါ command ကိုအသုံးပြု၍ Jekyll ဝဘ်ဆိုဒ်အသစ်တစ်ခုဖန်တီးပါ။

jekyll new site1

• သို့မဟုတ် site1 directory ကို ဦးစွာဖန်တီးရန် အောက်ပါ command ကိုသုံးပါ။

mkdir site1

ပြီးရင် ဒီကိုသွားပါ။ site1 လမ်းညွှန်အတွင်း-

cd site1

လက်ရှိလမ်းညွှန်တွင် Jekyll ဝဘ်ဆိုက်ကို ဖန်တီးပါ-

jekyll new .

အဆင့် 3: ဆောင်းပါးဖိုင်များကို ကော်ပီကူးပါ။

• သင်ရွေးချယ်ထားသော ဆောင်းပါးဖိုင်ကို ကူးယူပါ။_postsဖိုင်တွဲ။

အဆင့် 4- သင့်ဝဘ်ဆိုဒ်ကို ပြင်ဆင်ပါ။

• ဆိုက် ၁ ကို တည်းဖြတ်ပါ။/_config.yml သင့် website ကို configure လုပ်ရန်ဖိုင်။

• အောက်ပါဆက်တင်များကို သင် configure လုပ်ရန် လိုအပ်သည်-

  • site.name: မင်းရဲ့ ဝဘ်ဆိုဒ်နာမည်။
  • site.description: သင့်ဝဘ်ဆိုဒ်၏ ဖော်ပြချက်။
  • baseurl: သင့်ဝဘ်ဆိုဒ် URL။

အဆင့် 5: သင်၏အကြောင်းအရာကိုထည့်ပါ။

• အသစ်ဖန်တီးပါ။ Markdown သင်၏အကြောင်းအရာကိုထည့်ရန်ဖိုင်။
• Markdown ဖိုင်များတွင် စာသား၊ ပုံများ၊ ကုဒ်နှင့် အခြားအကြောင်းအရာများ ပါဝင်နိုင်သည်။

အဆင့် 6- သင့်ဝဘ်ဆိုဒ်ကို အစမ်းကြည့်ရှုပါ။

• အောက်ပါ command ကို အသုံးပြု၍ သင့်ဆိုဒ်ကို အစမ်းကြည့်ရှုပါ-

bundle exec jekyll serve

• ဤအမိန့်စာသည် နှေးကွေးပြီး ဒေသတွင်း ဆာဗာကို လုပ်ဆောင်ပြီး စက်တွင်းတွင် အစမ်းကြည့်ရှုရန် လိုအပ်သည်။

အဆင့် 7: သင့် website ကိုတည်ဆောက်ပါ။

• အောက်ပါ command များကို အသုံးပြု၍ သင့်ဝဘ်ဆိုဒ်ကို တည်ဆောက်ပါ

bundle exec jekyll build

• ဤအမိန့်မှာ ပိုမိုမြန်ဆန်ပြီး static ဖိုင်များကို ထုတ်လုပ်ရန်နှင့် ဝဘ်ဆိုက်ကို အသုံးချရန်သာ လိုအပ်သည်။

အဆင့် 8: သင့်ဝဘ်ဆိုဒ်ကို အသုံးပြုပါ။

• အလိုတော် _site ဖိုင်တွဲကို သင့်ဝဘ်ဆာဗာသို့ ဖြန့်ကျက်ပါ။

git clone command ကို အသုံးပြု၍ local computer တွင် Jekyll အပြင်အဆင်ကို မည်သို့ထည့်သွင်းရမည်နည်း။

အသုံးပြုရန် လိုအပ်သည်။ git clone သင့်စက်တွင်းကွန်ပျူတာပေါ်တွင် Jekyll အပြင်အဆင်ကို အသုံးပြုရန်၊ အောက်ပါအဆင့်များကို လိုက်နာနိုင်သည်-

1. command line သို့မဟုတ် terminal ကိုဖွင့်ပါ။

2. သင် အပြင်အဆင်ကို အသုံးချလိုသည့် ဖိုင်တွဲသို့ သွားပါ။

3. အောက်ပါ command ကို run ပါ။

git clone https://github.com/melangue/dactl.git

• ဤ command သည် Jekyll အပြင်အဆင် repository ကို လက်ရှိ folder တွင် clone လုပ်ပါမည်။

4. ပုံတူကူးထားသော အပြင်အဆင်ဖိုင်တွဲသို့ သွားပါ။

5. အောက်ပါ command ကို run ပါ။

bundle exec jekyll serve

• ဤအမိန့်သည် Jekyll ဆာဗာကို စတင်ပြီး သင့်ဝဘ်ဆိုဒ်ကို စက်တွင်း၌ စတင်လက်ခံပါမည်။

အောက်ပါ URL ကိုဝင်ရောက်ခြင်းဖြင့် သင့်ဝဘ်ဆိုဒ်ကို ကြည့်ရှုနိုင်သည်-

• http://localhost:4000

ဤတွင် နောက်ထပ် အကြံပြုချက်အချို့ရှိပါသည်။

• သင်သုံးနိုင်သည်။ --branch ရွေးစရာများ သည် ပုံတူပွားရန် အကိုင်းအခက်ကို သတ်မှတ်သည်။ ဥပမာအားဖြင့် မွေးထုတ်ရန် master ဌာနခွဲ၊ အောက်ပါ command ကို run ပါ။

git clone https://github.com/melangue/dactl.git --branch master

• သင်သုံးနိုင်သည်။ --depth Option သည် ကိုယ်ပွားလုပ်ရန် commit history ၏ အတိမ်အနက်ကို သတ်မှတ်သည်။ ဥပမာအားဖြင့်၊ နောက်ဆုံး 10 commits ကိုပွားရန်၊ အောက်ပါ command ကို run ပါ။

git clone https://github.com/melangue/dactl.git --depth 10

ဤအဆင့်များသည် သင့်စက်တွင်းကွန်ပျူတာပေါ်တွင် Jekyll အပြင်အဆင်ကို အသုံးပြုရန် ကူညီပေးလိမ့်မည်ဟု မျှော်လင့်ပါသည်။