কিভাবে GitHub পেজে একটি ওয়েবসাইট তৈরি করবেন: 12 টি ধাপ (ছবি সহ)

সুচিপত্র:

কিভাবে GitHub পেজে একটি ওয়েবসাইট তৈরি করবেন: 12 টি ধাপ (ছবি সহ)
কিভাবে GitHub পেজে একটি ওয়েবসাইট তৈরি করবেন: 12 টি ধাপ (ছবি সহ)

ভিডিও: কিভাবে GitHub পেজে একটি ওয়েবসাইট তৈরি করবেন: 12 টি ধাপ (ছবি সহ)

ভিডিও: কিভাবে GitHub পেজে একটি ওয়েবসাইট তৈরি করবেন: 12 টি ধাপ (ছবি সহ)
ভিডিও: মিনিটে ডিভিডিতে সিনেমা বার্ন করুন 2024, এপ্রিল
Anonim

গিটহাব পৃষ্ঠাগুলি আপনার নিজস্ব ব্যক্তিগত সাইটকে শুরু থেকে তৈরি করার একটি দুর্দান্ত উপায়। এটি সম্পূর্ণ বিনামূল্যে এবং শুধুমাত্র একটি GitHub অ্যাকাউন্ট প্রয়োজন। উল্লেখ্য, যদিও, গিটহাব পেজ ওয়েবসাইট তৈরির জন্য সবচেয়ে বেশি ব্যবহারকারী বান্ধব ডিজাইন দেয় না (উইক্স বা স্কয়ারস্পেসের বিপরীতে), তবে এটি এইচটিএমএল/সিএসএস/জেএস এবং ওয়েবসাইটের সমস্ত উপাদানগুলির সাথে অভিজ্ঞতা অর্জনের একটি দুর্দান্ত উপায়। এই উইকিহাউ আপনাকে দেখাবে কিভাবে শুরু করতে হয়।

ধাপ

গিটহাব পেজে ধাপ 1 এ একটি ওয়েবসাইট তৈরি করুন
গিটহাব পেজে ধাপ 1 এ একটি ওয়েবসাইট তৈরি করুন

ধাপ 1. GitHub- এ একটি অ্যাকাউন্ট নিবন্ধন করুন, যদি আপনার এখনও অ্যাকাউন্ট না থাকে।

GitHub পেজে আপনার নিজের ওয়েবসাইট তৈরি করার আগে, আপনাকে GitHub এ একটি অ্যাকাউন্ট তৈরি করতে হবে। যদি আপনার ইতিমধ্যে গিটহাব এ অ্যাকাউন্ট থাকে তবে লগইন করতে ভুলবেন না। উভয়ই উপরের ডানদিকের টুলবার থেকে অ্যাক্সেস করা যায়।

গিটহাব পেজ স্টেপ 2 এ একটি ওয়েবসাইট তৈরি করুন
গিটহাব পেজ স্টেপ 2 এ একটি ওয়েবসাইট তৈরি করুন

ধাপ ২. GitHub এ একটি সংগ্রহস্থল তৈরি করুন।

সংগ্রহস্থলের নাম নিশ্চিত করুন "[আপনার GitHub ব্যবহারকারীর নাম এখানে].github.io"। এটি আপনার গিটহাব ওয়েবসাইটটি আরম্ভ করবে।

2 এর পদ্ধতি 1: কোড এডিটর ব্যবহার করা

গিটহাব পেজ স্টেপ 3 এ একটি ওয়েবসাইট তৈরি করুন
গিটহাব পেজ স্টেপ 3 এ একটি ওয়েবসাইট তৈরি করুন

ধাপ 1. গিটহাব ডেস্কটপ ডাউনলোড করুন, যদি আপনার এটি ইতিমধ্যে ইনস্টল না থাকে।

GitHub ডেস্কটপ ইনস্টল করা https://desktop.github.com/ এ গিয়ে বড় বেগুনি "ডাউনলোড" বোতামে ক্লিক করার মতো সহজ। তারপর ইন্সটলার চালান। আপনার সংগ্রহস্থলে পরিবর্তনগুলি চাপানোর জন্য এটি প্রয়োজন।

গিটহাব পেজ ধাপ 4 এ একটি ওয়েবসাইট তৈরি করুন
গিটহাব পেজ ধাপ 4 এ একটি ওয়েবসাইট তৈরি করুন

ধাপ 2. একটি কোড সম্পাদক ইনস্টল করুন।

GitHub এ সিনট্যাক্স হাইলাইট করার জন্য আপনার একটি প্রয়োজন। জনপ্রিয় বৈশিষ্ট্যগুলির মধ্যে রয়েছে অ্যাটম, ভিজ্যুয়াল স্টুডিও কোড, সাবলাইম টেক্সট এবং নোটপ্যাড ++, তাদের বৈশিষ্ট্য সমৃদ্ধ এবং ন্যূনতম অনুভূতি দেওয়া। একটি কোড এডিটর ইনস্টল করার পর, আপনি শুরু করার জন্য প্রস্তুত।

গিটহাব পেজ ধাপ 5 এ একটি ওয়েবসাইট তৈরি করুন
গিটহাব পেজ ধাপ 5 এ একটি ওয়েবসাইট তৈরি করুন

ধাপ 3. "index.html" নামে একটি ফাইল তৈরি করুন।

আপনি আপনার কোড এডিটর বা অনলাইনে এটি করতে পারেন। আপনি আপনার হার্ড ড্রাইভে আপনার সংগ্রহস্থলের অবস্থানে যেতে পারেন এবং আপনার ড্রাইভের রিপোজিটরির ফোল্ডারে একটি "index.html" ফাইল তৈরি করতে পারেন।

GitHub পেজ 6 এ একটি ওয়েবসাইট তৈরি করুন
GitHub পেজ 6 এ একটি ওয়েবসাইট তৈরি করুন

ধাপ 4. আপনার HTML যোগ করুন।

একটি প্রাথমিক ওয়েবপেজ কোড করতে সক্ষম হওয়ার জন্য আপনাকে HTML শিখতে হবে। এটি আপনার জন্য CSS এবং জাভাস্ক্রিপ্ট শিখতেও সহায়ক হবে যাতে আপনি আপনার ওয়েবপেজে স্টাইলিং এবং কার্যকারিতা যোগ করতে পারেন।

ফাইলটি সংরক্ষণ করতে ভুলবেন না।

GitHub পেজ 7 এ একটি ওয়েবসাইট তৈরি করুন
GitHub পেজ 7 এ একটি ওয়েবসাইট তৈরি করুন

পদক্ষেপ 5. পরিবর্তনগুলি করুন।

গিটহাব ডেস্কটপে ফিরে যান এবং নীল কমিট টু মাস্টার বোতামে ক্লিক করুন। তারপর Push Origin এ ক্লিক করুন। এটি গিটহাবের পরিবর্তনগুলি আপলোড করবে।

আপনি যদি আরও পরিবর্তন করার পরিকল্পনা করেন, আপনি মূলটিও টানতে চাইবেন। আপনার মেশিনে সর্বশেষ কমিট ডাউনলোড করতে GitHub ডেস্কটপে Pull Origin বাটনে ক্লিক করুন।

গিটহাব পেজ ধাপ 8 এ একটি ওয়েবসাইট তৈরি করুন
গিটহাব পেজ ধাপ 8 এ একটি ওয়েবসাইট তৈরি করুন

পদক্ষেপ 6. আপনার ওয়েবপেজ দেখুন।

একটি ওয়েব ব্রাউজারে "[আপনার GitHub ব্যবহারকারীর নাম].github.io" এ যান। নতুন ওয়েবপেজ দেখার জন্য রিফ্রেশ বাটনে ক্লিক করার সময় Ctrl বা ⌘ Command চেপে আপনার ব্রাউজারের ক্যাশে বাইপাস করতে হতে পারে।

2 এর পদ্ধতি 2: গিটহাব অনলাইন ব্যবহার করা

গিটহাব পৃষ্ঠায় ধাপ 9 এ একটি ওয়েবসাইট তৈরি করুন
গিটহাব পৃষ্ঠায় ধাপ 9 এ একটি ওয়েবসাইট তৈরি করুন

ধাপ 1. "index.html" নামে একটি ফাইল তৈরি করুন।

Add file এ ক্লিক করুন তারপর Create new file এ ক্লিক করুন। এটি একটি ফাইল এডিটর খুলবে। "আপনার ফাইলের নাম দিন" ফিল্ডে "index.html" যোগ করুন।

GitHub পেজ ধাপ 10 এ একটি ওয়েবসাইট তৈরি করুন
GitHub পেজ ধাপ 10 এ একটি ওয়েবসাইট তৈরি করুন

ধাপ 2. আপনার HTML যোগ করুন।

একটি প্রাথমিক ওয়েবপেজ কোড করতে সক্ষম হওয়ার জন্য আপনাকে HTML শিখতে হবে। এটি আপনার জন্য CSS এবং জাভাস্ক্রিপ্ট শিখতেও সহায়ক হবে যাতে আপনি আপনার ওয়েবপেজে স্টাইলিং এবং কার্যকারিতা যোগ করতে পারেন।

ফাইলটি সংরক্ষণ করতে ভুলবেন না।

গিটহাব পেজ ধাপ 11 এ একটি ওয়েবসাইট তৈরি করুন
গিটহাব পেজ ধাপ 11 এ একটি ওয়েবসাইট তৈরি করুন

পদক্ষেপ 3. পরিবর্তনগুলি করুন।

GitHub এ ফাইল সংরক্ষণ করতে সবুজ কমিট নতুন ফাইল বাটনে ক্লিক করুন।

গিটহাব পেইজে ধাপ 12 এ একটি ওয়েবসাইট তৈরি করুন
গিটহাব পেইজে ধাপ 12 এ একটি ওয়েবসাইট তৈরি করুন

ধাপ 4. আপনার ওয়েবপেজ দেখুন।

একটি ওয়েব ব্রাউজারে "[আপনার GitHub ব্যবহারকারীর নাম].github.io" এ যান। নতুন ওয়েবপেজ দেখার জন্য রিফ্রেশ বাটনে ক্লিক করার সময় Ctrl বা ⌘ Command চেপে আপনার ব্রাউজারের ক্যাশে বাইপাস করতে হতে পারে।

পরামর্শ

  • উপপৃষ্ঠা যুক্ত করতে, কেবল GitHub এ একটি নতুন ফোল্ডার তৈরি করুন এবং সেই ফোল্ডারে একটি "index.html" ফাইল যুক্ত করুন।
  • আপনি যদি একটি ডোমেইন নাম নিবন্ধন করেন, তাহলে আপনি GitHub পৃষ্ঠাগুলিকে ডিফল্টের পরিবর্তে সেই ডোমেন নামটি ব্যবহার করতে পারেন।
  • গিটহাব পেজের সংগ্রহস্থলগুলি সর্বজনীন হতে হবে, যদি না আপনার প্রিমিয়াম অ্যাকাউন্ট থাকে।

প্রস্তাবিত: