ভূমিকাঃ
আজকে আমি হাইভ (Hive) এর আরেকটি বেসিক টপিক মার্কডাউন স্টাইলিং এর মাধ্যমে পোস্ট/কমেন্ট ফরমেট করার চতুর্থ তথা শেষ ভাগ নিয়ে উপস্থিত হয়েছি। আমরা যখন হাইভে ব্লগিং করি তখন বিভিন্ন প্রয়োজনে আমাদেরকে আমাদের লেখাকে ফর্মেটিং করতে হয় অর্থাৎ সাজিয়ে নিতে হয়। যেমন কোথাও আমাদের প্রয়োজনে লেখাকে বড় করতে হবে টাইটেল বানানোর জন্য অথবা কোথাও লেখাকে হাইলাইট করার জন্য গারো বা বোল্ড করতে হবে অথবা বৈজ্ঞানিক নামের কিছু লিখতে ইটালিক করা লাগতে পারে। যারা পুরাতন ব্যবহারকারী আছে তারা এই ফরমেটিং এর বেসিক বিষয়গুলো জানেন তবে যারা নতুন ব্যবহারকারী তাদের অনেকের হয়তো বা এই ব্যাপারটাতে ধারণা নাও থাকতে পারে। যারা নতুন ব্যবহারকারী আছি তারা অন্তত বিভিন্ন পোস্টে দেখে থাকি যে লেখাকে বিভিন্নভাবে ফরম্যাটিং করা হয়েছে অর্থাৎ লেখাকে ব্লগাররা সাজিয়ে থাকেন। তো তারা কিভাবে এই কাজটি করে থাকেন, এটিই আজকের আলোচ্চ বিষয়। এই কাজটি মুলত গিটহাভ (Github) প্লাটফর্মের মার্কডাউন (MarkDown) স্টাইলিং দিয়ে করা হয়ে থাকে। আমি ধারাবাহিকভাবে এই বিষয়টিতে আগেও তিনটি পর্বে কিছু মার্কডাউন স্টাইলিং দেখিয়েছি তো প্রথমে একবার দেখে নেয়া যাক প্রথম তিন পর্বে কি কি আলোচনা করেছি…
প্রথম পর্বের আলোচ্যঃ
- মার্কডাউন কি
- মার্কডাউন স্টাইলিং এর কয়েকটি উদাহরন
- কিছু ফরমেটিং স্টাইল যেমনঃ
- হেডার
- বোল্ড (দুইভাবে)
- ইটালিক (দুইভাবে)
- বোল্ড ও ইটালিক একসাথে
- কোন ওয়েভ লিংক তৈরি করা
- কোন ওয়েভ লিংক কে হাইপারলিংক করা
দ্বিতীয় পর্বের আলোচ্যঃ
- কেন আমরা মার্কডাউন ব্যবহার করি
- কিছু ফরমেটিং স্টাইল যেমনঃ
- ক্রসড আউট (লেখার মাঝে দাগ দেখানো)
- ইনলাইন কোড (লেখার কোন পর্যায়ে কোডিং করতে চাইলে)
- মেনশন করা
- হাইলাইট করা
- আনঅর্ডারড লিস্ট মানে বুলেটিং(দুইভাবে)
- সাব বুলেটিং (যেমনটি এখানে করা হয়েছে)
- অর্ডারড লিস্ট মানে নাম্বারিং
- কোট বা উক্তি
তৃতীয় পর্বের আলোচ্যঃ
- লাইন ব্রেক (প্যারার মাঝখানে একটা লাইন দিয়ে প্যারাকে আলাদা করা)
- ইমেজ
- টেবিল তৈরী
আগের তিন পর্বের লিঙ্কগুলোঃ
প্রথম পর্বের লিঙ্কঃ
@engrsayful/how-to-format-with-markdow-styling-n-in-bengali-markdown-styling
দ্বিতীয় পর্বের লিঙ্কঃ
@engrsayful/how-to-format-with-markdow-styling-in-bengali-markdown-styling
** তৃতীয় পর্বের লিঙ্কঃ**
@engrsayful/plpqa-how-to-format-with-markdow-styling-in-bengali-markdown-styling
আজকের আলোচ্যঃ
- সুপারস্ক্রিপ্ট যেমন (a+b)2
- সাবস্ক্রিপ্ট যেমন H2O
- সেন্টার এলাইন (টেক্স)
- ছবির এলাইনমেন্ট পরিবর্তন ও লিখাকে Justify করা
- ইমুজি ও স্নিপেট
- কোডিং
সুপারস্ক্রিপ্টঃ
কখনো আপনাকে হয়ত গানিতিক সমীকরণ লিখতে হতে পারে যেখানে প্রয়োজন হতে পারে বর্গ (Square), ঘন (Cube) ইত্যাদি চিহ্নের । সেক্ষেত্রে আপনি কীভাবে মার্কডাউন দিয়ে স্টাইলিং করবেন দেখুন।
কি টাইপ করতে হবেঃ
(a+b)<sup>2</sup>
কেমন দেখাবেঃ
(a+b)2
সাবস্ক্রিপ্টঃ
আপনাকে যদি কখনো রাসায়নিক সমীকরন লিখতে হয় যেমন পানি, নাইট্রোজেন গ্যাস ইত্যাদি তাহলে সাবস্ক্রিপ্ট করতে হতে পারে অর্থাৎ সংখ্যা বা চিহ্নকে একটু নিচে লিখতে হবে। এই কাজটি কীভাবে মার্কডাউন দিয়ে স্টাইলিং করবেন দেখুন
কি টাইপ করতে হবেঃ
H<sub>2</sub>O
কেমন দেখাবেঃ
H2O
সেন্টার এলাইন (টেক্স
অনেক সময় কোন টাইটেল বা লিখা মাঝামাঝি রাখলে দেখতে সুন্দর লাগে যেমনটি আমি এই লিখার টাইটেল সেন্টার এলাইন (টেক্স) কে এখানে করেছি। এই কাজটি করলে আপনার ব্লগিং আরো সহজবোধ্য, সুন্দর ও আকর্ষনীয় হবে। নিচে দেখুন কীভাবে এটা করতে হয়।
কি টাইপ করতে হবেঃ
## <center> বিডি কমিউনিটি</center>
কেমন দেখাবেঃ
বিডি কমিউনিটি
ছবির এলাইনমেন্ট পরিবর্তন ও লিখাকে Justify করাঃ
পত্রিকাতে আমরা অনেক সময় এমনটি দেখে থাকি যেখানে কলামে লিখা হয় ও লিখার বাম পাশে বা ডান পাশে ছবি দেয়া হয়। এতে করে খুব সুন্দর ও গোছানো পোস্ট করা যায়। নিচে আমি দুইটি উদাহরণ দেখিয়ে দিচ্ছি।
ডান পাশে ছবি কীভাবে আনবেন ও লিখাকে জাস্টিফাই করবেন

বাম পাশে ছবি কীভাবে আনবেন ও লিখাকে জাস্টিফাই করবেন

একটু জটিল মনে হচ্ছে । একদম না। কাজটি যেমন দেখতে সুন্দর তেমনি খুব সহজ। আপনাকে লিখার পূর্বে একটা ছোট কোড ব্যবহার করতে হবে যাতে লিখাটি জাস্টিফাই হয় ও ছবিটি একপাশে সরে যায়।
ডান পাশের জন্য কোড
<div class="text-justify"><div class="pull-right">ইমেজ লিঙ্ক</div>
অনুরূপভাবে বাম পাশের জন্য কোড
<div class="text-justify"><div class="pull-left">ইমেজ লিঙ্ক</div>
ইমুজি ও স্নিপেটঃ
ইমুজির জন্য নির্দিষ্ট কোড বা সংকেত রয়েছে। কিন্তু এত সংকেত মনে রাখা কস্টকর। মুখস্ত করে লাভ নেই। আপনি PeakD.com থেকে যদি পোস্ট করেন তাহলে নিচের ছবিতে দেখানো বাটন থেকে সহজেই আপনার পছন্দের ইমুজি ও স্নিপেট ইন্সার্ট বা সংযোজন করে নিতে পারবেন।
কোডিংঃ
সর্বশেষ কোডিং। যারা html বা java প্রোগ্রামিং ল্যাঙ্গুয়েজ বুঝেন ও কোডিং করতে পারেন তারা চাইলে আরো আপডেট লেভেলে ফরমেটিং করতে পারবেন। এটা নির্ভর করবে আপ্নি কোডিং এ কতটা দক্ষ। যদি html প্রোগ্রামের ভাষা আপনার জানা থাকে তবে <> বন্ধনীর ভিতরে আপনার প্রয়োজনীয় কোডিং সেরে নিতে পারবেন। যারা কোডিং করতে জানেন তারা এম্নিতেই অনেক আপডেট এ বিষয়ে তাই তাদেরকে এটা নতুন করে শিখানোর বা উদাহরণ দেয়ার প্রয়োজন বোধ করছি না। আর যারা নতুন বা সাধারণ ব্লগিং করবেন তাদের এই কোডিং কখনো দরকারই হবে না। আগের তিন পর্ব মিলিয়ে যেসব ফরমেটিং দেখিয়েছি সেগুলোই যথেস্ট হবে ইনশাআল্লাহ।
চারটি পর্বে সাধারণ প্রায় সব ধরনের ফরমেটিং দেখানোর চেস্টা করেছি। কিছু বাদ পড়েছে বলে মনে হচ্ছে না। যদি কিছু বাদ পড়ে থাকে কমেন্টে জানাবেন। সেটা অন্তত কমেন্টে হলেও ব্লকচেইনে থেকে যাবে। #BDCommunity (@bdcommunity) বাংলা ভাষাভাষী ব্যবহারকারীগনের উপকারার্থে এই খুদ্র প্রয়াস। যাদের জন্য লিখা তারা উপকৃত হলেই এই পোস্টের সার্থকতা । ধন্যবাদ সবাইকে।
স্বাস্থ্যবিধি মেনে চলুন
হাইভের বেসিক বিষয়ের উপর আমার বাংলায় লেখা কিছু পোস্টঃ
নিচের কোন টপিক সম্বন্ধে জানার প্রয়োজন হলে পড়ে আসতে পারেন।
আমার অভিজ্ঞতা ও নতুনদের জন্য কিছু দিকনির্দেশনা
গতানুগতিক সোশ্যাল মিডিয়ার সাথে হাইভের পার্থক্য
হাইভ থেকে টাকা আয় করার উপায়গুলো কি কি
হাইভে নামের পাশে যে রেপুটেশন (Reputation) দেখায় তা কি, কেন, কীভাবে হিসাব করা হয় ও গুরুত্ব বিস্তারিত
হাইভ (Hive), হাইভ পাওয়ার বা এইচপি (HP) ও এইচবিডি (HBD) নিয়ে বিস্তারিত
হাইভে ডাস্ট কি ও কীভাবে তা সেভ করতে পারবেন
আমি কে
আমি বাংলাদেশে টেক্সটাইল ইঞ্জিনিয়ারিংয়ের একজন প্রভাষক এবং সদ্য বাবা। আমি আমার চিন্তাভাবনা এবং ধারণাগুলি আমার বন্ধুদের এবং সম্প্রদায়ের সাথে ভাগ করে নিতে ভালোবাসি। ইউটিউব, ডিটিউব, হাইভে ব্লগিং করতে ভালবাসি। আমি শেয়ার করতে চাই ওইসবকিছু যা আমি শিখেছি যাতে মানুয আমার থেকে কিছুটা হলেও উপকৃত হতে পারে। আমি আমার ব্লগে টেক্সটাইল, অনলাইন আয়, ও নানান রকম আকর্ষনীয় বিষয় নিয়ে কথা বলে থাকি। আমি সর্বদা একজন শিক্ষানবিস হিসেবে সবার থেকে শিখতে চাই ও এই কমিঊনিটির সাথে এগিয়ে যেতে চাই।
Upvote, Resteem and Follow me on hive @engrsayful
Find me on social media
Follow me on DTube
Follow me on Youtube
Follow me on ThreeSpeak
Follow me on Facebook
Follow me on Twitter