Markdown প্রিভিউ

Markdown কী?

Markdown হলো একটি হালকা মার্কআপ ভাষা যা জন গ্রুবার ২০০৪ সালে তৈরি করেন। এটি কাঠামো নির্দেশ করতে অ্যাস্টেরিস্ক, হ্যাশ ও ড্যাশের মতো সাধারণ প্রতীক ব্যবহার করে — যেমন হেডিং, বোল্ড, ইটালিক, তালিকা, লিঙ্ক ও কোড ব্লক। একটি Markdown প্রিভিউয়ার সেই সাধারণ টেক্সটকে ফরম্যাটেড HTML-এ রূপান্তরিত করে, যাতে প্রকাশের আগেই চূড়ান্ত দেখতে কেমন হবে তা দেখা যায়। মূল Markdown বিনির্দেশনা গ্রুবারের Daring Fireball ডকুমেন্টেশনে বর্ণিত এবং পরবর্তীতে CommonMark হিসেবে আনুষ্ঠানিক রূপ পেয়েছে।

Markdown ডেভেলপার ডকুমেন্টেশন, README ফাইল, স্ট্যাটিক সাইট জেনারেটর (Jekyll, Hugo, Astro), উইকি ও জ্ঞানভাণ্ডারের জন্য প্রামাণিক লেখার ফরম্যাট হয়ে উঠেছে। GitHub, GitLab, Bitbucket, Stack Overflow, Reddit ও Notion সবাই Markdown সরাসরি সমর্থন করে। উৎস সাধারণ টেক্সট হওয়ায় Markdown ফাইলগুলো Git দিয়ে সংস্করণ নিয়ন্ত্রণ করা, শাখা জুড়ে পার্থক্য দেখা এবং ফাইলের আলাদা আলাদা অংশে conflict ছাড়াই merge করাও সহজ।

একটি Markdown প্রিভিউ টুল আপনার ইনপুট বিশ্লেষণ করে রিয়েল টাইমে HTML-এ রূপান্তরিত করে। এর ফলে ফাইল কমিট করার বা পেজ প্রকাশের আগেই ফরম্যাটিং ত্রুটি, ভাঙা লিঙ্ক ও অপ্রত্যাশিত নেস্টিং ধরা যায়। এই প্রিভিউয়ার সম্পূর্ণ আপনার ব্রাউজারে চলে, কোনো সার্ভার রাউন্ড-ট্রিপ ছাড়াই, তাই নেটওয়ার্কে বিষয়বস্তু না পাঠিয়ে গোপনীয় বা সংবেদনশীল ডকুমেন্টেশনে কাজ করা যায়।

অনলাইন Markdown প্রিভিউয়ার কেন ব্যবহার করবেন?

প্রিভিউ ছাড়া সাধারণ সম্পাদকে Markdown লেখা মানে আউটপুট অনুমান করা। একটি লাইভ প্রিভিউয়ার সেই ফিডব্যাক লুপ তাৎক্ষণিকভাবে বন্ধ করে দেয়।

Markdown প্রিভিউয়ের ব্যবহারের ক্ষেত্র

Markdown সিনট্যাক্স রেফারেন্স

নিচের সারণিটি সাধারণ Markdown সিনট্যাক্সকে এর রেন্ডার ফলাফল ও সংশ্লিষ্ট HTML উপাদানের সাথে মেলায়। এটি CommonMark ভিত্তি কভার করে যা প্রায় প্রতিটি Markdown পার্সার সমর্থন করে।

Markdown ফ্লেভারের তুলনা

বিভিন্ন প্ল্যাটফর্ম অতিরিক্ত বৈশিষ্ট্য দিয়ে মূল Markdown বিনির্দেশনা প্রসারিত করে। আপনি কোন ফ্লেভার লক্ষ্য করছেন তা জানলে অন্য রেন্ডারারে কাজ না-করা syntax এড়ানো যায়।

কোড উদাহরণ: কোড দিয়ে Markdown রেন্ডারিং

যখন ব্রাউজার টুলের পরিবর্তে কোনো অ্যাপ্লিকেশনের ভেতরে Markdown রেন্ডার করতে হয়, এই লাইব্রেরিগুলোর যেকোনো একটি ব্যবহার করুন। প্রতিটি উদাহরণ একটি Markdown স্ট্রিংকে HTML স্ট্রিংয়ে রূপান্তরিত করে।

import { marked } from 'marked'

const md = '# Hello\n\nThis is **Markdown**.'
const html = marked(md)
// → "<h1>Hello</h1>\n<p>This is <strong>Markdown</strong>.</p>\n"

// With options
marked.setOptions({ gfm: true, breaks: true })
const gfmHtml = marked('Line one\nLine two')
// → "<p>Line one<br>Line two</p>\n"

import markdown

md = '# Hello\n\nThis is **Markdown**.'
html = markdown.markdown(md)
# → '<h1>Hello</h1>\n<p>This is <strong>Markdown</strong>.</p>'

# With extensions
html = markdown.markdown(md, extensions=['fenced_code', 'tables'])

# Convert a file
with open('README.md') as f:
    html = markdown.markdown(f.read(), extensions=['extra'])

package main

import (
	"bytes"
	"fmt"
	"github.com/yuin/goldmark"
)

func main() {
	source := []byte("# Hello\n\nThis is **Markdown**.")
	var buf bytes.Buffer
	if err := goldmark.Convert(source, &buf); err != nil {
		panic(err)
	}
	fmt.Println(buf.String())
	// → <h1>Hello</h1>
	// → <p>This is <strong>Markdown</strong>.</p>
}

# Convert Markdown file to HTML
pandoc README.md -f markdown -t html -o output.html

# Convert with GitHub Flavored Markdown
pandoc README.md -f gfm -t html --standalone -o output.html

# Pipe from stdin
echo '# Hello **world**' | pandoc -f markdown -t html
# → <h1>Hello <strong>world</strong></h1>

প্রায়শই জিজ্ঞাসিত প্রশ্ন