কনফিগারেশন
সব অপশন vite.config.ts এর blogTheme() এ পাস করা হয়।
BlogThemeOptions
| অপশন | টাইপ | ডিফল্ট | বর্ণনা |
|---|---|---|---|
title | string | — | সাইটের টাইটেল। <title>, সাইডবার ব্র্যান্ড, OG ট্যাগ এবং RSS ফিডে ব্যবহৃত হয়। |
description | string | — | সাইটের বর্ণনা। meta এবং OG এ ব্যবহৃত হয়। |
base | string | — | সাইটের সম্পূর্ণ URL (যেমন https://example.com)। অ্যাবসোলিউট RSS লিংক এবং OG ইমেজ URL তৈরিতে ব্যবহৃত হয়। |
author | AuthorProfile | — | সাইডবারে দেখানো লেখকের পরিচয়। |
about | { html: string } | — | সাইডবারে লেখকের তথ্যের নিচে রেন্ডার করা HTML ব্লক (সংক্ষিপ্ত রাখুন — স্বতন্ত্র About পেজ আর নেই)। |
navbar | Array<{ title, to }> | — | লেখকের তথ্যের নিচের নেভ লিংক। to এ স্বয়ংক্রিয়ভাবে SvelteKit-এর base যুক্ত হবে। |
themeColor | ThemeColor | Ember প্যালেট | ডার্ক মোড প্যালেট ওভাররাইড। |
themeColorLight | ThemeColor | ক্রিম | লাইট মোড প্যালেট ওভাররাইড। |
defaultMode | 'system' | 'dark' | 'light' | 'system' | ইউজার টগল করার আগের ইনিশিয়াল কালার মোড। |
postsDir | string | 'src/posts' | *.md পোস্ট স্ক্যান করার ডিরেক্টরি। |
pageSize | number | 12 | হোম লিস্টিং এ প্রতি পেজে পোস্টের সংখ্যা। |
highlighter | HighlighterOptions | — | Shiki/Twoslash অপশন। |
rss | { enabled, limit, copyright } | enabled, 20 | RSS ফিড তৈরি। static/rss.xml এ লেখে। |
ogImage | { enabled, fontPath, tagline } | enabled | Satori দিয়ে প্রতি পোস্টের OG ইমেজ তৈরি। |
giscus | GiscusConfig | — | GitHub Discussions-ভিত্তিক কমেন্ট সক্রিয় করতে সেট করুন। |
AuthorProfile
interface AuthorProfile {
: string
?: string // অ্যাবসোলিউট URL অথবা /-দিয়ে শুরু static/ পাথ
?: string
?: {
?: string // ইউজারনেম, URL না
?: string // ইউজারনেম, URL না
?: string // পূর্ণ প্রোফাইল URL
?: string // 'name.bsky.social' ফরম্যাটের handle
?: string
?: string // পূর্ণ URL
?: string // পূর্ণ URL অথবা /-দিয়ে শুরু পাথ
}
}ts
ThemeColor
interface ThemeColor {
?: string // ডিফল্ট '#fb923c'
?: string // ডিফল্ট '#dc2626'
?: string // ডিফল্ট '#1a0a00'
?: string // ডিফল্ট '#2d1200'
}ts
HighlighterOptions
interface HighlighterOptions {
?: string // Shiki থিম, ডিফল্ট 'night-owl'
?: string // Shiki থিম, ডিফল্ট 'vitesse-light'
?: string[] // অতিরিক্ত ভাষা, ডিফল্টের সাথে মার্জ হবে
?: boolean // Twoslash TypeScript হোভার তথ্য সক্রিয় করে
}ts
GiscusConfig
interface GiscusConfig {
: `${string}/${string}`
: string
: string
: string
?: 'pathname' | 'url' | 'title' | 'og:title' | 'specific' | 'number'
?: boolean
?: 'top' | 'bottom'
?: string
}ts
এই ভ্যালুগুলো giscus.app থেকে নিন। giscus সেট করলে প্রতি পোস্টের নিচে স্বয়ংক্রিয়ভাবে একটি GiscusComments কম্পোনেন্ট রেন্ডার হয়। থিম স্যুইচ (লাইট/ডার্ক) অটোমেটিক প্রোপাগেট হয়।
এনভায়রনমেন্ট ভ্যারিয়েবল
উদাহরণ সাইট বিল্ড টাইমে দুটি env ভ্যারিয়েবল পড়ে:
| ভ্যারিয়েবল | প্রভাব |
|---|---|
BASE_PATH | SvelteKit-এর paths.base। সাবপাথে ডিপ্লয় করার সময় সেট করুন। |
SITE_URL | blogTheme() এর base ওভাররাইড করে। OG/RSS অ্যাবসোলিউট URL তৈরিতে ব্যবহৃত হয়। |
থিম নিজে এগুলো পড়ে না — এগুলো আপনার svelte.config.js এবং vite.config.ts দিয়ে ওয়্যার করা হয়।