হোম পেজ
Frontmatter
src/routes/+page.(md|svelte) ফাইলটি হোম পেজ হিসেবে ব্যবহৃত হবে।
Home frontmatter এরকম হতে পারে। এই সাইট যেই frontmatter ব্যবহার করছে সেটিকে উদাহরণ হিসেবে দেখুন:
---
title: একটি কন্টেন্ট-কেন্দ্রিক সাইট বিল্ড টুল
description: Sveltekit-এর সম্পূর্ণ শক্তিসহ একটি জটিলতামুক্ত, সহজে ব্যবহারযোগ্য, কন্টেন্ট-কেন্দ্রিক সাইট বিল্ড টুল।
actions:
- label: ডক্স পড়ুন
to: /guide/introduction/
type: primary
- label: গিটহাবে দেখুন
type: flat
to: https://github.com/SveltePress/sveltepress
external: true
features:
- title: Markdown কেন্দ্রিক
description: যা ন্যূনতম কনফিগারেশন দিয়ে লেখা শুরু করতে সাহায্য করে।
icon:
type: iconify
collection: vscode-icons
name: file-type-markdown
link: /guide/markdown/frontmatter/
- title: Sveltekit দিয়ে তৈরি
description: Sveltekit এর সম্পূর্ণ শক্তি অক্ষুণ্ণ আছে, যাতে SSG এর চেয়ে বেশি কিছু করা যায়।
icon:
type: iconify
collection: logos
name: svelte-kit
- title: Markdown এ Svelte
description: Markdown-এর মধ্যে সরাসরি Svelte 5 কম্পোনেন্ট ও runes ব্যবহার করুন।
icon:
type: iconify
collection: vscode-icons
name: file-type-svelte
link: /guide/markdown/svelte-in-markdown/
- title: টাইপ-বান্ধব
description: সমস্ত API পুরোপুরি টাইপস্ক্রিপ্ট দিয়ে টাইপ করা হয়েছে।
icon:
type: iconify
collection: logos
name: typescript-icon
- title: ডকুমেন্টেশন ভার্সন ম্যানেজমেন্ট
description: বর্তমান ডকুমেন্টেশনকে পরিচ্ছন্ন URL-এ রেখে অপরিবর্তনীয় ঐতিহাসিক স্ন্যাপশট প্রকাশ করুন; সঙ্গে পান অন্তর্নির্মিত ভার্সন নেভিগেশন ও রিলিজ পরিবর্তনের তালিকা।
icon:
type: iconify
collection: material-symbols
name: history
link: /guide/version-management/
- title: থিম কাস্টমাইজযোগ্য
description: নির্দ্বিধায় ডিফল্ট থিম, কমিউনিটি থিম বা আপনার নিজের বানানো থিম ব্যবহার করুন।
icon:
type: iconify
collection: emojione
name: artist-palette
---
আপনি রেজাল্ট দেখতে হোম পেজে যেতে পারেন।
heroImage
হোম পেজের লোগো। হাই কোয়ালিটির ইমেজ ব্যবহার করা উত্তম। Landing page-এর সম্পূর্ণ width content-এর জন্য রাখতে এবং default hero illustration লুকাতে এটিকে false করুন।
heroImage বাদ দিলে default theme একটি দুই-প্যানেলের code preview দেখায়। Theme-এর i18n.heroCode option দিয়ে visual-এর লেখাগুলো localize করা যায়:
import { } from '@sveltepress/theme-default'
({
: {
: {
: 'হ্যালো',
: '',
: 'Markdown',
: '-এ Svelte',
: 'পরামর্শ',
: 'গণনা: ১',
},
},
})messageBefore, messageStrong, এবং messageAfter source pane-এর Markdown বাক্য তৈরি করে। tipLabel ও counterLabel rendered pane-এর লেখা বদলায়।
tagline
সাইটের টাইটেল এবং ডেসক্রিপশনের নিচে থাকা ছোট ডেসক্রিপশন
actions
অ্যাকশন বাটন
labelঅ্যাকশন নাটনের লেবেলের লেখাtoঅ্যাকশন নাটনের লেবেলের লিংকexternalঅ্যাকশন নাটনের ডানদিকে এক্সটার্নাল আইকন দেখাবে কিনা তা নির্ধারণ করে
features
ফিচার কার্ড
titleটাইটেলdescriptionটাইটেলের নিচে থাকা ডেসক্রিপশনiconকাস্টম আইকন কনফিগtype-'svg' | 'iconify'value- svg টাইপের আইকনে ব্যবহারের জন্য svg কন্টেন্টcollection- iconify এর কালেকশন নামname- iconify এর কালেকশনের আইকনের নাম
linkফিচার কার্ডে ক্লিক করে যেই লিংকে যাবে, সেটা। যদি http(s) দিয়ে লিংক শুরু হয়ে থাকে, তাহলে অটোমেটিক লিংক হিসেবে চিনে নেবে এবং উপরের ডানদিকে এক্সটার্নাল আইকন থাকবে। এবং লিংক প্রোভাইড করা হলে ফিচার কার্ডে ক্লিক-করার-যোগ্য স্টাইল থাকবে।
iconify আইকন প্রিবিল্ড iconify কনফিগ এ থাকতে হবে।
home
Root route default ভাবে home layout ব্যবহার করে। অন্য যেকোনো route-এ home: true দিলে page-টির নিজস্ব title, description, এবং tagline সহ একই landing-page presentation ব্যবহার করা যাবে। Landing page-এ documentation sidebar, table of contents, edit metadata, বা previous/next page switcher দেখানো হয় না।
Default home page content সরাতে root route-এ home: false দিন।
স্লট
hero-image
কাস্টম হিরো ইমেজ ব্যবহার, যেমন:
{#snippet
<div>
Custom hero image content
</div>
{/snippet}