Github Pages এর সাথে Jekyll ব্যবহার করে সহজেই, ব্লগ-সচেতন, স্ট্যাটিক সাইট তৈরি করা যায়। এই ভিডিওতে আপনি দেখতে পাবেন কিভাবে মাত্র ৬০ সেকেন্ডে একটি মিনিমাল Jekyll ফ্ল্যাট ফাইল স্ট্রাকচার তৈরি করা যায়!

সেটাপের পর আপনার ডিজাইনের জন্য অনুপ্রেরণা দরকার, চেক করে দেখতে পারেন জেকিলের জন্য কি কি আছে এনভাটো মার্কেটে। লিঙ্কঃ Jekyll themes on Envato Market।

আপনি যদি অডিও ভিডিওর চেয়ে পড়া বেশি পছন্দ করেন, তাহলে সেটার জন্য নিচে প্রতিটি ধাপের বিবরণ নিয়ে দিয়ে দেয়া রয়েছেঃ

নতুন প্রজেক্ট

নতুন রিপো বানানোর জন্য একটি নতুন ফোল্ডার তৈরি করুন। টার্মিনালে ন্যাভিগেট করে নতুন তৈরি ফোল্ডারে ডেস্টিনেশন পাথ বেছে দিন, এরপর টাইপ করুনঃ mkdir mysite. আমাদের নতুন ফোল্ডারের নাম "mysite", কিন্তু আপনি আপনার পছন্দ মত যে কোন নামই ব্যবহার করতে পারেন।

টার্মিনালে cd mysite লিখে ডাইরেক্টরি পরিবর্তন করে নতুন ফোল্ডারের ভিতরে জান - সেখানে গিয়ে কনফিগারেশন ফাইল তৈরি করতে টার্মিনালে টাইপ করুন vim_config.yml. এখন টার্মিনালে এই ফাইলের ভিতরের কন্টেন্ট দেখা যাবে, তাই i প্রেস করে ইনসার্ট মোডে যান। এবার নিচের দেখা কন্টেন্ট গুলো ফাইলে লিখে ফেলুনঃ

1

title: My Site

Esc চেপে ইনসার্ট মোড থেকে বেড়িয়ে আসুন, এবার :x চেপে ফাইলের চেঞ্জ সেভ করুন।

Index তৈরি করুন

এবার ইনডেক্স ডকুমেন্ট তৈরি করতে vim index.md লিখে এন্টার দিন, এরপর নিম্নোক্ত কন্টেন্ট ইনডেক্স ফাইলে বসানঃ

1

---

2

title: Hello

3

layout: default

4

---

5

6

Hello!

Layouts ফোল্ডার অ্যাড করুন

mkdir _layouts কমান্ড দিয়ে নতুন একটি ফোল্ডার তৈরি করুন, cd _layouts কমান্ড দিয়ে সেই ডাইরেক্টরির ভিতরে প্রবেশ করুন। এখানে vim default.html কমান্ড দিয়ে ডিফল্ট টেমপ্লেট তৈরি করুন, এরপর নিচে দেয়া কন্টেন্ট বসান।

1

{{ content }}

নতুন রিপো ইনিশিয়ালাইজ করুন

এখন চেঞ্জগুলোর হিস্ট্রি সংরক্ষণে রাখার জন্য ফোল্ডারটিকে নতুন রিপো হিসেবে ইনিশিয়ালাই করতে হবে। টার্মিনালে ন্যাভিগেট করে, cd .. কমান্ড দিয়ে প্রজেক্টের root ডাইরেক্টরিতে ফিরে আসুন। এরপর git init কমান্ড দিন, এরপরে git add --all && git commit --all দিয়ে ইনিশিয়ালাইজ করে ফেলুন। 

GitHub এ পাবলিশ করা

ব্রাউজার দিয়ে Github এ  যান এবং একটি নতুন রিপো তৈরি করুন।

এখানে আপনাকে বেশ কয়েকটি অপশন দেয়া হবে, সেখান থেকে push an existing repository from the command line অপশনটি বেছে নিন। কমান্ডগুলো দেখতে এরকমঃ

1

git remote add origin git@github.com:your_username/mysite.git

2

git push -u origin master

টার্মিনালে এই কমান্ড লিখে আপনার লোকাল রিপো GitHub এ পুশ করে দিন।

GitHub সেটিংস

অবশেষে, GitHub রিপো এর Settings পেজে GitHub Pages এর সোর্স হিসেবে master branch সিলেক্ট করে Save করে ফেলুন।

তো হয়ে গেল জেকিল সেটাপ, এখন আমাদের ওয়েবসাইট বিল্ড করতে হবে।

জেকিল ফাইল স্ট্রাকচারের বিস্তারিত বিবরণ

• _config.yml টি হচ্ছে জেকিলের কনফিগারেশন ফাইল। GitHub Pages এটা পড়েই সমগ্র সাইটের সেটিংস এর জন্য গ্লোবাল ভেরিয়েবল এবং অন্যান্য ভেরিয়েবল নিয়ে নেয়।
• index.md ফাইলটি root ডাইরেক্টরির ইন্ডেক্স ফাইল হিসেবে থাকে।
• _layouts/default.html ফাইলটি এই ফাইলের আলোকেই তৈরি হয়ে থাকে।

প্রয়োজনীয় রিসোর্সসমুহ

জেকিল দিয়ে স্ট্যাটিট সাইট বানানোর ব্যাপারে আরও জানতে Envato Tuts+ এর অন্যান্য রিসোর্স দেখুন!

• 

  কিভাবে একটি Jekyll থিম সেটআপ করবেন

  এই টিউটোরিয়ালে কিভাবে জেকিল থিম বানাতে হয়, বেসিক ইন্সটলেশন ও অ্যাডভান্স টেকটিকস প্রাথমিক দিক থেকে বিস্তারিত আলোচনা করা হয়েছে।
• 

  নতুন কোর্সঃ Jekyll দিয়ে স্ট্যাটিক ওয়েবসাইট বানানো

  এই সাইটে জেকিল দিয়ে কিভাবে স্ট্যাটিক সাইট বানাতে হয়, তা প্রাথমিক লেভেল থেকে বিস্তারিত বর্ননা মাত্র ২ ঘন্টায় শেখানো হয়েছে। গাই রটলেজের সাথে এই কোর্স করতে যোগ দিন...
• 

  ওয়েব ডিজাইনের জন্য কমান্ড লাইনঃ বেসিকগুলো শেখা

  এই টিউটোরিয়ালে আপনি শিখতে পারবেন কিভাবে টার্মিনাল বা কমান্ড প্রম্পট ব্যবহার করতে হয় সেটার প্রাথমিক জ্ঞান। যেমন, কিভাবে টার্মিনাল ওপেন করে, কমান্ড কিভাবে রান করে, কিভাবে একটা কাজ রিপিট করতে হয় ইত্যাদি।