হোম পেজ
Frontmatter
src/routes/+page.(md|svelte)
ফাইলটি হোম পেজ হিসেবে ব্যবহৃত হবে।
Home frontmatter এরকম হতে পারে।
এই সাইট যেই frontmatter ব্যবহার করছে সেটিকে উদাহরণ হিসেবে দেখুন:
---
title: একটি কন্টেন্ট-কেন্দ্রিক সাইট বিল্ড টুল
description: Sveltekit-এর সম্পূর্ণ শক্তিসহ একটি জটিলতামুক্ত, সহজে ব্যবহারযোগ্য, কন্টেন্ট-কেন্দ্রিক সাইট বিল্ড টুল।
heroImage: /android-chrome-192x192.png
tagline: Sveltekit-এর সম্পূর্ণ শক্তিসহ একটি জটিলতামুক্ত, সহজে ব্যবহারযোগ্য, কন্টেন্ট-কেন্দ্রিক সাইট বিল্ড টুল।
actions:
- label: ডক্স পড়ুন
to: /guide/introduction/
type: primary
- label: গিটহাবে দেখুন
type: flat
to: https://github.com/Blackman99/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: মার্কডাউনে নির্দ্বিধায় Svelte (3 এবং 4) এর ব্যবহার অসীম সম্ভাবনার দুয়ার খুলে দেয়।
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: নির্দ্বিধায় ডিফল্ট থিম, কমিউনিটি থিম বা আপনার নিজের বানানো থিম ব্যবহার করুন।
icon:
type: iconify
collection: emojione
name: artist-palette
---
md
আপনি রেজাল্ট দেখতে হোম পেজে যেতে পারেন।
heroImage
হোম পেজের লোগো। হাই কোয়ালিটির ইমেজ ব্যবহার করা উত্তম।
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
হোম পেজের সকল কন্টেন্ট যা উল্লেখ করা হয়েছে, তা রিমুভ করতে false
করে দিন।
স্লট
hero-image
কাস্টম হিরো ইমেজ ব্যবহার, যেমন:
/src/routes/+page.(md|svelte)
<div slot="hero-image">
Custom hero image content
</div>
html
On this page