نصب و راهاندازی
چند گام برای رساندن کیت از حالت نمایشی به صفحههای آمادهٔ انتشار.
نصب گامبهگام#
- فایلها را کپی کنید
فایل zip را باز کنید و پوشهٔ
mehmannavazرا در بخش عمومی پروژه (مثلاًpublic/یا ریشهٔ هاست) قرار دهید. همهٔ مسیرها نسبی هستند، بنابراین پوشه را میتوان زیر هر زیرمسیری گذاشت. - پیشنمایش بگیرید
برای دیدن صفحهها کافی است
index.htmlرا در مرورگر باز کنید. هنگام اتصال به سرور، پوشه را با یک وبسرور محلی اجرا کنید تاfetchدرست کار کند:Terminal python3 -m http.server 8080 # یا npx serve . - فونت را اضافه کنید
فایل
Vazirmatn-Variable.woff2را درassets/fonts/بگذارید. جزئیات در بخش [فونت](#font). - تنظیمات را بنویسید
در
assets/js/config.jsمقدارdemoراfalseکنید و نشانی سرویسها را بنویسید ([مرجع تنظیمات](javascript.html#config)). - پیوندهای مقصد را جایگزین کنید
پیوندهای بازگشت به صفحهٔ اصلی و داشبورد را با نشانیهای برنامهٔ خود عوض کنید ([فهرست پیوندها](#links)).
- فایلهای غیرضروری را حذف کنید
برای انتشار فقط
pages/وassets/لازم است. پوشهٔdocs/، فایلindex.htmlو فایلهای متنی ریشه را حذف کنید.
فونت#
فونت پیشفرض Vazirmatn است. mehmannavaz.css ابتدا فونت نصبشده روی دستگاه، سپس فایل assets/fonts/Vazirmatn-Variable.woff2 و در نهایت Tahoma و فونت سیستم را امتحان میکند.
صفحهها یک شیوهنامهٔ اختیاری از Google Fonts هم بارگذاری میکنند که بدون مسدود کردن نمایش صفحه لود میشود. اگر فایل فونت را خودتان میزبانی میکنید و به آن نیازی ندارید، این چهار تگ را از <head> صفحهها حذف کنید:
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Vazirmatn:wght@300..800&display=swap" media="print" onload="this.media='all'">
<noscript><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Vazirmatn:wght@300..800&display=swap"></noscript>برای استفاده از فونت دیگر، [بخش فونت در رنگ و تم](theme.html#fonts) را ببینید.
پیوندهایی که باید تغییر کنند#
چند پیوند به صفحهٔ نمایشی کیت اشاره میکنند و باید به نشانیهای برنامهٔ شما تغییر کنند:
| فایل | عنصر | مقدار پیشفرض |
|---|---|---|
| همهٔ صفحهها | لوگوی بالای صفحه (.topbar .logo) | ../index.html |
success.html | دکمهٔ «ورود به داشبورد» | ../index.html |
error.html | دکمهٔ «بازگشت به خانه» | ../index.html |
locked.html | دکمهٔ بازیابی و بازگشت | forgot-password.html و login.html |
مقصد پس از موفقیت هر فرم با صفت data-next تعیین میشود؛ [صفحهها و مسیر حرکت](pages.html#flow) را ببینید.
انتشار#
کیت فایل ایستا است و روی هر وبسرور یا CDN اجرا میشود. اگر صفحهها را از سرور برنامهٔ خود سرو میکنید، موارد زیر را در نظر داشته باشید:
- درخواستهای فرم به نشانیهای
config.jsارسال میشود. اگر API روی دامنهٔ دیگری است، CORS وcredentialsرا تنظیم کنید ([کوکی و CORS](backend.html#cors)). - برای نمایش درست حروف و ارقام، فایلها را با کدگذاری UTF-8 سرو کنید.
- فایلهای
assets/را با هدر کش بلندمدت و نام نسخهدار سرو کنید.