হোম পেজ

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 আইকন

এ থাকতে হবে।

home

হোম পেজের সকল কন্টেন্ট যা উল্লেখ করা হয়েছে, তা রিমুভ করতে false করে দিন।

স্লট

hero-image

কাস্টম হিরো ইমেজ ব্যবহার, যেমন:

/src/routes/+page.(md|svelte)
<div slot="hero-image">
Custom hero image content
</div>
html
Last update at: 2024/07/19 01:44:20