সূচিপত্র

1. মৌলিক Markdown সক্ষমতা
2. তালিকা, টাস্ক এবং Footnotes
3. টেবিল এবং কোড হাইলাইটিং
4. GitHub-স্টাইল Alerts
5. KaTeX সূত্র
6. Mermaid ডায়াগ্রাম
7. Duckquill Shortcodes
8. HTML এক্সটেনশন সক্ষমতা
9. বাটন এবং দ্রুত নেভিগেশন
10. পেজ-লেভেল Front Matter ফিচার
11. Backlinks ডেমো

এই পোস্টটি এই সাইটের ডেমো ব্লগ পেজ, যেখানে rich text এবং extended formatting সক্ষমতাগুলো একত্রে যাচাই করা হয়।

মৌলিক Markdown সক্ষমতা

টেক্সট স্টাইল: bold, italic, strikethrough, inline code, এবং মিলিয়ে লেখা all together।

• অভ্যন্তরীণ লিংক: Home
• বাহ্যিক লিংক: Zola Documentation
• Emoji: 😭😂🥺🤣❤️✨🙏😍🥰😊

এটি একটি quote block।

এখানে nested quote-এর উদাহরণ:

Duckquill পরিষ্কার ও কাঠামোবদ্ধ টেকনিক্যাল লেখার জন্য দারুণ।

তালিকা, টাস্ক এবং Footnotes

• সাধারণ তালিকা আইটেম A
• সাধারণ তালিকা আইটেম B
  • নেস্টেড আইটেম B.1
  • নেস্টেড আইটেম B.2
• সাধারণ তালিকা আইটেম C

1. কনটেন্ট লিখুন
2. লোকাল প্রিভিউ দেখুন
3. প্রকাশ করুন

• কাজ 1: সাধারণ Markdown এক্সটেনশন সক্রিয় করা
• কাজ 2: Mermaid সমর্থন যোগ করা
• কাজ 3: এটিকে showcase পোস্টে রিফ্যাক্টর করা
• কাজ 4: বাস্তব ব্যবহারভিত্তিক আরও উদাহরণ যোগ করতে থাকা

Footnote উদাহরণ¹ এবং লিংকসহ footnote²।

Definition List উদাহরণ:

Mermaid

টেক্সট দিয়ে গ্রাফ স্ট্রাকচার বর্ণনা করুন, তারপর সেটি স্বয়ংক্রিয়ভাবে SVG-তে রেন্ডার করুন।

KaTeX

LaTeX গণিত সূত্রের জন্য উচ্চ-কার্যক্ষম রেন্ডারিং।

Duckquill Shortcodes

থিম-লেভেলের ফিচার এক্সটেনশন, যেমন alert, image, video, এবং youtube।

টেবিল এবং কোড হাইলাইটিং

fn main() {
    println!("Duckquill demo blog");
}

1[extra]
2show_copy_button = true
3show_reading_time = true
4show_share_button = true

GitHub-স্টাইল Alerts

এটি একটি NOTE alert, যা প্রাসঙ্গিক পটভূমি দিতে ব্যবহৃত হয়।

এটি একটি TIP alert, যা ব্যবহারিক পরামর্শ দেওয়ার জন্য ব্যবহৃত হয়।

এটি একটি IMPORTANT alert, যা গুরুত্বপূর্ণ ধাপগুলোকে জোর দেয়।

এটি একটি WARNING alert, যা সম্ভাব্য সমস্যার বিষয়ে সতর্ক করে।

এটি একটি CAUTION alert, যা ঝুঁকিপূর্ণ আচরণ বোঝাতে ব্যবহৃত হয়।

KaTeX সূত্র

Inline formula: $E = mc^2$.

Block formula:

$$ f(x) = \int_{-\infty}^{\infty}\hat{f}(\xi)e^{2\pi i\xi x},d\xi $$

Mermaid ডায়াগ্রাম

নিচের mermaid block একটি flowchart হিসেবে রেন্ডার হয়:

flowchart LR
    A[Writing] --> B[Git Commit]
    B --> C[Zola Build]
    C --> D[Static Deploy]
    D --> E[Visit Site]

আরেকটি sequence diagram উদাহরণ:

sequenceDiagram
    participant U as User
    participant G as Git Repo
    participant Z as Zola
    U->>G: push content
    G-->>Z: trigger build
    Z-->>U: generated public site

Duckquill Shortcodes

alert shortcode (GitHub alerts থেকে আলাদা; এটি থিম shortcode):

এটি একটি note shortcode alert।

এটি একটি tip shortcode alert।

এটি একটি important shortcode alert।

এটি একটি warning shortcode alert।

এটি একটি caution shortcode alert।

Image shortcode (মৌলিক ব্যবহার):

Image shortcode (আরও অপশন):

এই লেখাটি start floating image আচরণ দেখায়, যেখানে ছবি অনুচ্ছেদের শুরুর দিকে লেগে থাকে।

এই লেখাটি end floating image আচরণ দেখায়, যেখানে ছবি অনুচ্ছেদের শেষ দিকে লেগে থাকে।

Video shortcode (মৌলিক ও autoplay উদাহরণ):

YouTube / Vimeo / Mastodon shortcode লিংকসমূহ:

• YouTube example link
• Vimeo example link
• Mastodon example link

(নোট: এই showcase-এ third-party embed থেকে অপ্রয়োজনীয় console output এড়াতে এগুলোকে লিংক হিসেবে দেখানো হয়েছে।)

CRT shortcode:

user@duckquill-demo:~$ zola check
Checking site...
-> Site content: OK

HTML এক্সটেনশন সক্ষমতা

সাধারণ inline HTML tags-ও সরাসরি কাজ করে:

• ASCII
• Ctrl + K
• highlighted key text
• this is a spoiler text
• this is a solid spoiler text
• old plan new plan
• this is an inline quotation
• demo-output.log: all checks passed
• this sentence is underlined

এটি <small> সাইড-নোট টেক্সটের একটি উদাহরণ।

Form এবং interaction widget উদাহরণ:

•  Mermaid সক্রিয় করুন
•  KaTeX সক্রিয় করুন
•  Backlinks সক্রিয় করুন
•  Dark
•  Light

Accent color:

Content density:

Image + caption কম্পোজিশন (figure + figcaption):

Progress bar উদাহরণ (range input-এর সাথে page script দ্বারা যুক্ত):

বাটন এবং দ্রুত নেভিগেশন

পেজ-লেভেল Front Matter ফিচার

featured = true ছাড়াও, এই পেজটি আরও দেখায়:

• banner = "banner-feature-en.png": পোস্ট ব্যানার এবং তালিকা থাম্বনেইল।
• accent_color / accent_color_dark: পেজ-লেভেল accent override।
• styles = ["css/feature-demo-blog.css"] এবং scripts = ["js/feature-demo-blog.js"]: পেজ-স্কোপড styles ও scripts।
• emoji_favicon = "🧪": ব্রাউজার ট্যাবের জন্য emoji favicon।

এই অংশটি পেজ-লেভেল কনফিগ রেন্ডারিং যাচাইয়ের একটি সংক্ষিপ্ত checklist।

Backlinks ডেমো

আমি about পেজ থেকে এই পোস্টে একটি লিংক যোগ করেছি।

যদি quick-action বাটনে Backlinks দেখা যায়, তাহলে internal backlink index প্রত্যাশামতো কাজ করছে।

উপরের সব মডিউল ঠিকভাবে রেন্ডার হলে বোঝা যায়, ব্লগের rich-text সক্ষমতা এখন বেশিরভাগ সাধারণ লেখার দৃশ্যপট কভার করছে।