মার্কডাউনের ব্যবহার | নতুনদের জন্য | How to Apply MarkDown |
মার্কডাউনের ব্যবহার
মার্কডাউন কি ?
একটি পোস্টকে সুন্দর সাবলীল ভাবে সহজেই খুব সুন্দর ভাবে অন্যের নিকট উপস্থাপন করার জন্য যে কোডগুলো ব্যবহার করা হয় সেই কোডগুলো কে মার্কডাউন বলে। এই মার্কডাউন এর আরেক নাম হচ্ছে html.
স্টিমিট মার্কডাউন সমর্থন করে এবং শুধুমাত্র html এর বেসিক কোডগুলো ব্যবহার করে আপনি আপনার পোস্ট আকর্ষণীয় করে তুলতে পারেন।
নিম্নে বেসিক মার্কডাউন এবং কিছু এডভ্যান্স মার্কডাউন কোড উপস্থাপন করা হলো যেগুলো আপনি আপনার পোস্টের ভিতরে ব্যবহার করে আপনার পোস্ট উপস্থাপনায় পরিবর্তন আনতে পারবেন পোস্টটা রুচিশীল করতে পারবেন।
এই পোস্ট থেকে সহায়তা নেয়া হয়েছে here
হেডলাইন
শিরোনাম এবং উপ-শিরোনামগুলি গুরুত্বপূর্ণ উপাদান হিসাবে তারা আপনার পোস্টের কাঠামো প্রদর্শিত করে এবং পাঠকের চোখকে পথ নির্দশনা করে।
হেডলাইন তৈরির দুইটি পদ্ধতি রয়েছে।
আপনি কোনো শব্দ বা বাক্যের সামনে হ্যাশট্যাগ #
কোড ব্যবহার করলে বাক্যটি সাধারনের চেয়ে বড় এবং গাঢ় রঙের হবে. আপনি যত হ্যাশট্যাগ #
কোডের সংখ্যা বাড়াবেন , তত শব্দ বা বাক্যের আকার ছোট হতে থাকবে।
উদাহরণস্বরুপ:
হেডলাইন ১
হেডলাইন ২
হেডলাইন ৩
হেডলাইন ৪
হেডলাইন ৫
হেডলাইন ৬
উপরোক্ত হেডলাইন গুলি নিম্নোক্ত ভাবে তৈরি করা হয়েছে:
# হেডলাইন ১
## হেডলাইন ২
### হেডলাইন ৩
#### হেডলাইন ৪
##### হেডলাইন ৫
###### হেডলাইন ৬
হেডলাইন তৈরির আরেকটি উপায় (শুধুমাত্র H1 এবং H2)
আপনি হ্যাশট্যাগ #
কোড ব্যবহারের পরিবর্তে, আপনি আপনার হেডলাইন অথবা টাইটেলের নিচে তিনটি ড্যাশ অথবা যেকোনো তিনটি একই চিহ্ন ব্যবহার করতে পারেন। ধরেন আপনার হেডলাইনটি হচ্ছে "মুভি রিভিউ" তাহলে
মুভি রিভিউ
---
মুভি রিভিউ
===
পরামর্শ: আপনি চাইলে হেডলাইন সেন্টারে, ইটালিক, স্ট্রাইক করতে পারেন। উদাহণস্বরূপ:
- সেন্টার্ড হেডলাইন
# <center>মুভি রিভিউ</center>
- ইটালিক হেডলাইন
#
মুভি রিভিউ` - স্ট্রাইক হেডলাইন
#
মুভি রিভিউ& মুভি রিভিউ
টেক্সট
আপনি অনেকগুলি জিনিস টেক্সটের সাথে করতে পারেন। স্টিমিট সম্পর্কিত প্রবন্ধ লেখার সময় আপনি আপনার টেক্সটকে জাস্টিফাই করতে পারেন।
জাস্টিফাই টেক্সট
<div class="text-justify">
আমার সোনার বাংলা, আমি তোমায় ভালোবাসি।
চিরদিন তোমার আকাশ, তোমার বাতাস, আমার প্রাণে বাজায় বাঁশি।
ও মা, ফাগুনে তোর আমের বনে ঘ্রাণে পাগল করে,
মরি হায়, হায় রে
ও মা, অঘ্রাণে তোর ভরা ক্ষেতে আমি কী দেখেছি মধুর হাসি।
কী শোভা, কী ছায়া গো, কী স্নেহ, কী মায়া গো
কী আঁচল বিছায়েছ বটের মূলে, নদীর কূলে কূলে।
মা, তোর মুখের বাণী আমার কানে লাগে সুধার মতো,
মরি হায়, হায় রে
মা, তোর বদনখানি মলিন হলে, ও মা, আমি নয়নজলে ভাসি।
</div>
আউটপুট হবে:
আমার সোনার বাংলা, আমি তোমায় ভালোবাসি।
চিরদিন তোমার আকাশ, তোমার বাতাস, আমার প্রাণে বাজায় বাঁশি।
ও মা, ফাগুনে তোর আমের বনে ঘ্রাণে পাগল করে,
মরি হায়, হায় রে
ও মা, অঘ্রাণে তোর ভরা ক্ষেতে আমি কী দেখেছি মধুর হাসি।
কী শোভা, কী ছায়া গো, কী স্নেহ, কী মায়া গো
কী আঁচল বিছায়েছ বটের মূলে, নদীর কূলে কূলে।
মা, তোর মুখের বাণী আমার কানে লাগে সুধার মতো,
মরি হায়, হায় রে
মা, তোর বদনখানি মলিন হলে, ও মা, আমি নয়নজলে ভাসি।
(টেক্সট জাস্টিফাই কমান্ড ছাড়া: > )
আমার সোনার বাংলা, আমি তোমায় ভালোবাসি। চিরদিন তোমার আকাশ, তোমার বাতাস, আমার প্রাণে বাজায় বাঁশি। ও মা, ফাগুনে তোর আমের বনে ঘ্রাণে পাগল করে, মরি হায়, হায় রে ও মা, অঘ্রাণে তোর ভরা ক্ষেতে আমি কী দেখেছি মধুর হাসি। কী শোভা, কী ছায়া গো, কী স্নেহ, কী মায়া গো কী আঁচল বিছায়েছ বটের মূলে, নদীর কূলে কূলে। মা, তোর মুখের বাণী আমার কানে লাগে সুধার মতো, মরি হায়, হায় রে মা, তোর বদনখানি মলিন হলে, ও মা, আমি নয়নজলে ভাসি।
দুটি ঘরে টেক্সট সারিবদ্ধ করার ক্ষেত্রে কমান্ড:
কোনসময় আপনার কোনোকিছু দুটি ভাষায় অথবা দুটি ঘরে লেখার প্রয়োজন হতে পারে। সেক্ষেত্রে নিম্নোক্ত পদ্ধতি অবলম্বন করবেন:
<div class="pull-left">
আমার সোনার বাংলা, আমি তোমায় ভালোবাসি।
চিরদিন তোমার আকাশ, তোমার বাতাস, আমার প্রাণে বাজায় বাঁশি।
ও মা, ফাগুনে তোর আমের বনে ঘ্রাণে পাগল করে,
মরি হায়, হায় রে
ও মা, অঘ্রাণে তোর ভরা ক্ষেতে আমি কী দেখেছি মধুর হাসি।
কী শোভা, কী ছায়া গো, কী স্নেহ, কী মায়া গো
কী আঁচল বিছায়েছ বটের মূলে, নদীর কূলে কূলে।
মা, তোর মুখের বাণী আমার কানে লাগে সুধার মতো,
মরি হায়, হায় রে
মা, তোর বদনখানি মলিন হলে, ও মা, আমি নয়নজলে ভাসি।
</div>
<div class="pull-right">
আমার সোনার বাংলা, আমি তোমায় ভালোবাসি।
চিরদিন তোমার আকাশ, তোমার বাতাস, আমার প্রাণে বাজায় বাঁশি।
ও মা, ফাগুনে তোর আমের বনে ঘ্রাণে পাগল করে,
মরি হায়, হায় রে
ও মা, অঘ্রাণে তোর ভরা ক্ষেতে আমি কী দেখেছি মধুর হাসি।
কী শোভা, কী ছায়া গো, কী স্নেহ, কী মায়া গো
কী আঁচল বিছায়েছ বটের মূলে, নদীর কূলে কূলে।
মা, তোর মুখের বাণী আমার কানে লাগে সুধার মতো,
মরি হায়, হায় রে
মা, তোর বদনখানি মলিন হলে, ও মা, আমি নয়নজলে ভাসি।
</div>
ফলাফল:
কিভাবে মাঝখানে টেক্সট লেখবেন:
আপনাকে এই কমান্ডটি যোগ করতে হবে
<center>এখানে টেক্সট লিখুন</center>
কিভাবে লিংক যোগ করবেন
আপনি চাইলে ক্লিক করতে সক্ষম এমন লিংক যোক করতে পারেন। এতে আপনার পোস্টের সৌন্দর্য বাড়বে এবং পোস্ট তথ্যবহুল হবে।
- যখন আমরা স্টিমিটে কোন নাম যোগ করি, সেই নামের পূর্বে
@
, ব্যবহার করি। এরফলে আমরা নামে ক্লিক করলেই আমরা সেই একাউন্টে ভিজিট করতে পারব। (mubdi-technology এর স্টিমিট পেজে ঢুকতে) @mubdi-technology - আমরা যখন কোনও লিঙ্ক যুক্ত করি তখন এটি স্বয়ংক্রিয়ভাবে স্বীকৃত হয় এবং ক্লিকযোগ্য হয়
https://steemit.com/@mubdi-technology
> > https://steemit.com/@mubdi-technology - আমরা শব্দের অথবা বাক্যের পিছনে লিংক লুকাতে পারি
[এক শব্দের লিংক](https://steemit.com/@mubdi-technology)
ফলাফল >>
এক শব্দের লিংক
টেবিল
আপনি দুটি পদ্ধতিতে টেবিল তৈরি করতে পারেন। আমি আপনাকে সহজ উপায়টি দেখাব
টেবিল তৈরির সহজ উপায়
নিচে প্রদত্ত কমান্ডটি কপি পেস্ট করুন এবং প্রয়জনমতো হেডার এবং সেল বসিয়ে নিন।
হেডার ১ | হেডার ২
--------- | ----------
সেল ১ | সেল ২
ফলাফল >>
হেডার ১ | হেডার ২ |
---|---|
সেল ১ | সেল ২ |
লাইন ব্রেক
কিছু সময় আছে যেখানে আমাদের বাক্যের মধ্যে একটি অতিরিক্ত লাইন বিরতির প্রয়োজন।
আমরা <br>
এই কোডটি ব্যবহার করতে পারি অতিরিক্ত লাইন বিরতির জন্য।
যেভাবে ভিডিও যোগ করবেন:
আমাদের মাঝে মধ্যেই পোস্ট ভিডিও অথবা গিফস যোগ করার প্রয়োজন পড়ে
ইউটিউব
ইউটিউব ভিডিও এর ক্ষেত্রে তেমন কিছু করার প্রয়োজন পড়েনা। ইউটিউবের ভিডিও লিংক পোস্টে যোগ করলে তা একাই পূর্ণরূপ ধারণ করে।উদাহণস্বরূপ:
https://youtu.be/bnDsE74MYPk
ফলাফল:
গিফস
গিফসের ক্ষেত্রেও একই কাজ করতে হবে। পোস্টে গিফস মাঝখানে বসাতে<center>
কমান্ড ব্যবহার করুন।
https://media4.giphy.com/media/spHCUbRqG4cjS/giphy.gif?cid=6c09b952971938f71d04b406a9a6c70ba12b3faee46f432f&rid=giphy.gif&ct=g
টিপস: আপনার গিফসের url লিংক.gif
সহ খুজে বের করে ব্যবহার করতে হবে
যেভাবে ছবি সারিবদ্ধ করবেন:
আপনি আপনার ছবি মাঝখানে, ডানে এবং বামে সারিবদ্ধ করতে পারবেন।
বামে সারিবদ্ধ করার ক্ষেত্রে:
<div class="pull-left">
![images.jpeg](https://cdn.steemitimages.com/DQmUphZA1hptE88X31BVo34zU2JSMdEmxdPi35n9PDRWbxr/images.jpeg)
</div>
text below
আপনি যদি বাম দিকে চিত্রটি প্রদর্শন করেন তবে টেক্সটটি ডানদিকে যাবে।
এটি চিত্রের মাত্রা ১/২ দ্বারা হ্রাস করবে
আরও টেক্সট এখানে যেতে পারেন
এবং আরও
এবং আরও...
চিত্র ডানে সারিবদ্ধ করার ক্ষেত্রে:
<div class="pull-right">
![13-59-14-plagiarism.jpg](![images.jpeg](https://cdn.steemitimages.com/DQmUphZA1hptE88X31BVo34zU2JSMdEmxdPi35n9PDRWbxr/images.jpeg)
)
</div>
text below
![](https://steemitimages.com/640x0/https://cdn.steemitimages.com/DQmUphZA1hptE88X31BVo34zU2JSMdEmxdPi35n9PDRWbxr/images.jpeg)
আপনি যদি ডানদিকে চিত্রটি প্রদর্শন করেন তবে টেক্সটটি বামদিকে যাবে
এটি চিত্রের মাত্রা ১/২ দ্বারা হ্রাস করবে
আরও টেক্সট এখানে যেতে পারেন
এবং আরও
এবং আরও... ----
চিত্র মাঝখানে সারিবদ্ধ করার ক্ষেত্রে:
<center> ![images.jpeg](https://cdn.steemitimages.com/DQmUphZA1hptE88X31BVo34zU2JSMdEmxdPi35n9PDRWbxr/images.jpeg)</center>
![](https://steemitimages.com/640x0/https://cdn.steemitimages.com/DQmUphZA1hptE88X31BVo34zU2JSMdEmxdPi35n9PDRWbxr/images.jpeg)
সর্বশেষ টিপস
মাঝে মাঝে আমরা কোনও পোস্টে কিছু মার্কডাউন দেখতে পাই এবং আমাদের মনে প্রশ্ন জাগতে পারে .. তিনি কীভাবে এটা করলেন!
প্রতিটি স্টিমিট পোস্টে কোড দেখা সম্ভব, আমাদের যা করতে হবে তা হল পোস্ট লিংক থেকে steemit এর জায়গায় (it) এর পরিবর্তে (d) বসিয়ে লিংক প্রবেশ করতে হবে।.
পরিবর্তন করার পর হবে <href=https://steemit.com/hive-138339/@mubdi-technology/steem-bangladesh-contest-movie-review-or-a-beautiful-mind-or-review-by-mubdi-technology
সমাপ্ত
Post Courtesy: Nahid Hasan (@nahidhasan23)
অনেক ভালো একটি পোস্ট।
এই পোস্ট নতুনদের জন্য খুবই উপকারী একটি পোস্ট।
এভাবে প্রতিনিয়ত পোস্ট করুন ভালো কিছু আসছে সামনে ।
ধন্যবাদ।
#resteemed
যেহেতু কমিউনিটি নতুন, সেহেতু এই সকল ক্যাটাগরির পোস্ট পিন করে রাখুন
Very helpful post
Yes
Nice your post. I learn many things from you post. Thank you so much.
Welcome @shakilsheikh256