Vite প্লাগিন
এক নজরে Types
import type { } from 'shiki/langs'
import type { } from 'unified'
import type { } from 'vite'
export type = <[], any>
export type = (: string, : , ?: string) => string | <string>
export interface SiteConfig {
?: string
?: string
}
export interface ResolvedTheme {
: string
: string
: string
: | ((: ) => [])
:
?: []
?: []
/**
* The footnote label used for [remark rehype](https://github.com/remarkjs/remark-rehype#api)
*/
?: string
}
export interface SveltepressVitePluginOptions {
?: ResolvedTheme
?: SiteConfig
?: boolean
?: []
?: []
}
export type < = any> = (?: ) => ResolvedTheme
প্লাগিন অপশন
siteConfig
title
: সাইটের টাইটেল। না থাকলে'Untitled site'
দেখাবে।description
: সাইটের ডেসক্রিপশন। না থাকলে'Build by sveltepress'
দেখাবে।
addInspect
যদি true
সেট করা হয়, তাহলে
theme
নিম্নে
remarkPlugins
The remark plugins ব্যবহার করা হয়েছে মার্কডাউন এর জন্য।
আরো জানতে
rehypePlugins
The rehype plugins ব্যবহার করা হয়েছে html জেনারেট করার জন্য।
আরো জানতে
ResolvedTheme
name
থিমের নাম
globalLayout
গ্লোবাল লে আউটের অ্যাবসোলুট পাথ। svelte ফাইল হতে হবে
যেমন: path.resolve(process.cwd(), 'ThemeGlobalLayout.svelte')
pageLayout
পেজ লে আউটের অ্যাবসোলুট পাথ svelte ফাইল হতে হবে
যেমন: path.resolve(process.cwd(), 'ThemePageLayout.svelte')
vitePlugins
- যদি এক বা একাধিক প্লাগিন পাস করা হয়, সেই প্লাগিনগুলো
sveltepress
এর সামনে অ্যাপ্লাই করা হবে। - যদি একটি ফাংশন পাস করা হয়, এটি
sveltepress
অ্যাক্সেপ্ট করবে এবং প্লাগিনের গ্রুপ রিটার্ন করবে।
আপনি রিটার্নকৃত প্লাগিন চেইনেsveltepress
এর প্লাগিন অর্ডার কাস্টমাইজ করতে পারেন।
এটি হয়ত একটু অদ্ভুত যে থিমের ভিট প্লাগিন আছে।
কিন্তু এটি উপকারী যখন থিম কিছু
highlighter
কোড হাইলাইটিং এর জন্য ব্যবহৃত।
যেমন, ডিফল্ট থিম
আপনি বিস্তারিত ব্যবহারবিধি জানতে
remarkPlugins
The remark plugins ব্যবহৃত হয় মার্কডাউন পার্সিং এর জন্য।
বিস্তারিত জানতে
rehypePlugins
html জেনারেটরের জন্য The rehype plugins ব্যবহৃত হয়।
বিস্তারিত জানতে
থিম কর্তৃক প্রোভাইডকৃত The remark এবং rehype plugins তা ভিট প্লাগিনের প্রোভাইডকৃত প্লাগিনের পূর্বে কল করা হবে। উদাহরণস্বরূপ:
import { } from 'vite'
import { } from '@sveltepress/vite'
import { } from '@sveltepress/theme-default'
export default ({
: [
({
: (/* theme options */),
: [/* yourRemarkPlugin */]
})
]
})
yourRemarkPlugin রান হবে ডিফল্ট থিমের remark plugins এর পরে।
footnoteLabel
ফুটনোটের টাইটেল কাস্টমাইজ করতে। ডিফল্ট হচ্ছে "Footnotes"
Virtual modules
virtual:sveltepress/site
এই মডিউল siteConfig কে হোল্ড করে। এখানে একটি উদাহরণ-
The site title is: Sveltepress
The site description is: A content centered site build tool
<script>
import from 'virtual:sveltepress/site'
</script>
<p>The site title is: {.}</p>
<p>The site description is: {.}</p>
Low level API
The @sveltepress/vite এর mdToSvelte
একটি লোড লেভেল এপিআই ফাংশন আছে
এটি Sveltepress এ সকল বড় বড় মার্কডাউন রেন্ডারের জন্য ব্যবহৃত হয়।
এটি Svelte এর সাথে সম্পৃক্ত আরো বেসিক মার্কডাউন রেন্ডারিং ইঞ্জিনের জন্য ব্যবহার করা যাবে ।
ব্যবহারবিধি:
import { } from '@sveltepress/vite'
const = `
---
title: Foo
---
<script>
const foo = 'bar'
</script>
# Title
foo in script is: {foo}
[Foo Link](https://foo.bar)
`
const { , } = await ({
,
: [], // your custom remark plugins
: [], // your custom rehype plugins
: async (, , ) => .('The rendered highlighted code html'), // your custom code highlighter
: 'foo.md', // the virtual file path
})
// The rendered svelte code
// The frontmatter object, { title: 'Foo' }
Typescript এর ব্যবহার
প্লাগিন অপশন এবং ভার্চুয়াল মডিউল টাইপ টিপসের জন্য src/app.d.ts তে @sveltepress/vite/types
যুক্ত করতে হবে
/// <reference types="@sveltepress/vite/types" />
// এখানে আপনার অন্যান্য টাইপ থাকবে