Markdown থেকে HTML কনভার্ট করুন

Markdown-কে বানান গোছানো, স্বয়ংসম্পূর্ণ ওয়েব পেজ, অথবা ব্লগ বা CMS-এ পেস্ট করার মতো পরিষ্কার HTML — GitHub-এর মতো টেবিল, হাইলাইট করা কোড আর লিংকযোগ্য হেডিংসহ।

কখনো সংরক্ষণ করা হয় না
কোনো লাইন নেই, অপেক্ষা নেই
সাইনআপ নেই, ওয়াটারমার্ক নেই

হাতের কাছে ফাইল নেই?

যেভাবে কাজ করে

Markdown দিন

একটি .md ফাইল ছাড়ুন, অথবা সরাসরি এডিটরে লিখুন বা পেস্ট করুন।

আউটপুট বেছে নিন

স্টাইলসহ পুরো একটি পেজ, যা যেকোনো জায়গায় খোলে, অথবা শুধু HTML, আপনার নিজের সাইটের জন্য।

কপি বা ডাউনলোড করুন

HTML ক্লিপবোর্ডে কপি করুন, অথবা .html ফাইল হিসেবে সেভ করুন।

ফ্র্যাগমেন্ট নাকি পুরো পেজ — আপনার কোনটি দরকার

কাজের আউটপুট দুটি, আর একটির বদলে অন্যটি চলে না। ফ্র্যাগমেন্ট হলো শুধু কনভার্ট করা মার্কআপ — হেডিং, প্যারাগ্রাফ, তালিকা, লিংক — কোনো ডকুমেন্ট র‍্যাপার ছাড়া; ফলাফল যখন কোনো টেমপ্লেট, CMS-এর ঘর বা অন্য পেজে যাবে, তখন এটিই দরকার। পুরো পেজ এর সঙ্গে doctype, head, ক্যারেক্টার-সেট ঘোষণা আর একটি স্টাইলশিট যোগ করে, ফলে এটি নিজে নিজেই খোলে এবং দেখতে গোছানো লাগে। CMS-এ পুরো পেজ পেস্ট করলে ডকুমেন্টের ভেতরে আরেকটি ডকুমেন্ট ঢুকে যায়; ব্রাউজারে ফ্র্যাগমেন্ট খুললে পাবেন স্টাইলহীন লেখা।

কনভার্শন ব্যাপকভাবে স্বীকৃত বর্ধিত Markdown-এর সবকিছু সামলায়: হেডিং, জোর দেওয়া লেখা, তালিকা, লিংক, ছবি, ব্লক কোট, টেবিল, সিনট্যাক্স হাইলাইটিংসহ ফেন্সড কোড ব্লক, টাস্ক লিস্ট, স্ট্রাইকথ্রু আর ফুটনোট। হেডিংগুলো তাদের লেখা থেকে তৈরি আইডেন্টিফায়ার পায়, তাই সরাসরি সেগুলোতে লিংক করা যায় — যে অ্যাঙ্কর লিংক দীর্ঘ ডকুমেন্টেশনকে ব্যবহারযোগ্য করে তোলে।

Markdown-এর ভেতরের কাঁচা HTML যেমন আছে তেমনই চলে যায় — এটি স্পেসিফিকেশনেরই অংশ, আর এ বিষয়ে সচেতন থাকা দরকার: অবিশ্বস্ত উৎসের একটি Markdown ফাইলে স্ক্রিপ্ট ট্যাগ থাকতে পারে, আর কনভার্ট করলে সেই স্ক্রিপ্টসহ পেজ তৈরি হয়। অচেনা কারও Markdown পরে HTML স্যানিটাইজ না করে কখনো রেন্ডার করবেন না — কনভার্শন কোনো নিরাপত্তা-সীমা নয়, আর কখনো তা হওয়ার কথাও ছিল না।

দুটি জিনিস ইচ্ছে করেই রেন্ডার না করে কোড ব্লক হিসেবে রাখা হয়। LaTeX নোটেশনে লেখা গাণিতিক সূত্রের জন্য দরকার একটি টাইপসেটিং লাইব্রেরি, আর Mermaid ডায়াগ্রামের জন্য দরকার ডায়াগ্রাম রেন্ডারার — দুটিই বড় ডিপেন্ডেন্সি, আর ভুলভাবে রেন্ডার হওয়া সমীকরণের চেয়ে দৃশ্যমান কোড ভালো। পুরো পেজ কোনো ফন্ট ডাউনলোড না করে সাধারণ সিস্টেম ফন্ট ব্যবহার করে, তাই অফলাইনেও কাজ করে, আর Windows, macOS ও Linux-এ একটু আলাদা দেখায়।

অন্য কিছু দরকার হলে

এখানে যা বাদ রাখা হয়েছে, Pandoc সেগুলো আর আরও অনেক কিছু সামলায়: pandoc in.md -o out.html --mathjax --standalone --toc গণিত ঠিকভাবে রেন্ডার করে, সূচিপত্র তৈরি করে, আর একটি টেমপ্লেট নেয়, যাতে আউটপুট আপনার নিজের সাইটের সঙ্গে মেলে। এটি আরও প্রায় চল্লিশটি ফরম্যাট থেকে ও ফরম্যাটে কনভার্ট করে — সে কারণেই একবার ইনস্টল করে রাখা সার্থক।

ফাইলের বদলে পুরো ওয়েবসাইটের জন্য একটি একটি করে পেজ কনভার্ট না করে জেনারেটর ব্যবহার করুন। Hugo, Eleventy, Jekyll আর MkDocs এক ফোল্ডার Markdown থেকে নেভিগেশন, সার্চ আর একই রকম স্টাইলসহ একটি সাইট বানায়, আর সোর্স বদলালেই আবার বিল্ড করে — একাধিক ডকুমেন্ট থাকলে আসল কাজ আসলে এটিই।

সাধারণ প্রশ্নোত্তর

পুরো পেজ নাকি HTML স্নিপেট — আমার কোনটি দরকার?

পুরো পেজ হলো নিজস্ব স্টাইলসহ একটি মাত্র .html ফাইল, যা ডেস্কটপ থেকে খুললে, ফোনে দেখলে বা প্রিন্ট করলে সুন্দর দেখায়। স্নিপেট হলো শুধু কনটেন্টের মার্কআপ, কোনো স্টাইল ছাড়া — WordPress, Ghost, কোনো CMS বা আপনার নিজের টেমপ্লেটে পেস্ট করার জন্য।

Markdown-এর কোন কোন ফিচার সাপোর্ট করে?

GitHub-flavoured Markdown: অ্যালাইনমেন্টসহ টেবিল, টাস্ক লিস্ট, স্ট্রাইকথ্রু, অটোলিংক, সিনট্যাক্স হাইলাইটিংসহ ফেন্সড কোড, ফুটনোট আর ইনলাইন HTML। হেডিংগুলো GitHub-এর মতো id পায়, তাই #installation-এর মতো লিংক কাজ করতেই থাকে।

আমার লেখা কি কোথাও সংরক্ষণ করা হয়?

না। কিছুই কোথাও পাঠানো হয় না, কিছুই সংরক্ষণ করা হয় না।

আমার ছবিগুলোর কী হবে?

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

এই HTML কি প্রকাশ করা নিরাপদ?

আপনার Markdown-এর ভেতরের যেকোনো HTML থেকে স্ক্রিপ্ট, ফর্ম, এমবেড করা ফ্রেম আর ইনলাইন ইভেন্ট হ্যান্ডলার সরিয়ে ফেলা হয়, তাই আউটপুটে শুধু ফরম্যাটিং থাকে।

সূচিপত্র যোগ করা যায়?

হ্যাঁ — “সূচিপত্র” টিক দিন, অথবা যেখানে তালিকাটি চান, সেখানে আলাদা লাইনে [TOC] লিখুন।

জেনে রাখুন: গাণিতিক সূত্র আর Mermaid ডায়াগ্রাম রেন্ডার না হয়ে কোড ব্লক হিসেবে আসে। পুরো পেজে ওয়েব-সেফ সিস্টেম ফন্ট ব্যবহার হয়, তাই Windows, macOS আর Linux-এ একটু আলাদা দেখায়।

এই টুলটি আপনার ওয়েবসাইটে যোগ করুন

যেকোনো ব্লগ, ক্লাসের পেজ বা হেল্প আর্টিকেলের জন্য ফ্রি। একটি স্নিপেট পেস্ট করলেই আপনার ভিজিটররা আপনার পেজেই এটি ব্যবহার করতে পারবেন।