تنزيل vuepress web app - تنزيل رمز مصدر vuepress web app

vuepress web app

بيانات الموقع

1.0.0

تنزيل

فيلا جينغكينغ شوان

تطبيق الويب المصمم باستخدام vuepress: https://nice.lovejade.cn

الأهداف والفلسفة

كانت النية الأصلية لفيلا Jingqingxuan هي تجربة VuePress : Generator Static Website. يتكون VuePress من جزأين: أحدهما أحد المولدات الثابتة للمواقع الثابتة التي تدعم تطوير الموضوعات مع Vue ، والآخر هو موضوع افتراضي محسن لكتابة المستندات الفنية. تم إنشاؤه في الأصل لدعم متطلبات الوثائق لـ Vue ومشروعاتها الفرعية.

كل صفحة تم إنشاؤها بواسطة VuePress تأتي مع HTML المقروءة مسبقًا ، والتي لديها أيضًا أداء جيد للغاية لتحميل وتحسين محرك البحث ( SEO ). في الوقت نفسه ، بمجرد تحميل الصفحة ، ستتولى Vue المحتوى الثابت وتحويله إلى تطبيق كامل لصفحة واحدة ( SPA ) ، وسيتم تحميل الصفحات الأخرى فقط عند الطلب عندما يتصفح المستخدم. بالإضافة إلى ذلك ، يحتوي أيضًا على الميزات الممتازة التالية المدمجة:

امتداد التخفيض المدمج المحسّن للوثائق الفنية
القدرة على استخدام مكونات VUE في ملفات Markdown
نظام موضوع مخصص يحركه VUE
توليد عامل خدمة تلقائيًا
تكامل Google Analytics
دعم متعدد اللغات
يتضمن الموضوع الافتراضي:
- تخطيط مستجيب
- الصفحة الرئيسية الاختيارية
- بحث موجز خارج الصندوق
- بحث الغوليا
- قضبان التنقل القابلة للتخصيص والأشرطة الجانبية
- روابط github التي تم إنشاؤها تلقائيًا وتحرير الروابط للصفحات

بالمقارنة مع Nuxt و Hexo و Jekyll و Docsify و GitBook وغيرها من الأدوات ، VuePress لديها مزايا ضخمة في اتجاهات مختلفة ولا تزال تتطور وتحديث ؛ إذا كانت هناك حاجة إلى إنشاء مدونات شخصية ومستندات فنية ، فستكون VuePress خيارًا رائعًا.

ميزات إضافية

أضف وظيفة التعليق بناءً على Github Issue (يعادل Gitalk المدمج) ؛ فقط قم بتعديل تكوين حقل comment في ملف .vuepress/themeconfig.js ؛ انظر خيارات GITALK لمعنى المجال المحدد ؛
هناك تبعية element-ui لتسهيل كتابة المكونات شائعة الاستخدام ؛ في هذا المشروع ، بالإضافة إلى مكون التعليقات ، هناك أيضًا Advertisement ، ArticleList ، Contact ، إلخ ؛
تقديم prettier ، lint-staged ، husky وغيرها من التبعيات لكتابة المزيد من التخفيض "القياسي" ؛ حقنها في خطافات git للتأكد من أن قاعدة الكود الخاصة بك لها نمط ثابت ؛ حتى لو كنت تعمل مع فريق للكتابة ، فلا داعي للقلق بشأن مسألة الأسلوب الموحد!

كيفية استخدام

يمكنك Fork المشروع إلى مستودع الرمز الخاص بك وتشغيل الأمر التالي:

 # ? clone the project
https://github.com/nicejade/vuepress-web-app.git
cd vuepress-web-app

# ➕ install dependencies & start dev
yarn && yarn start

قم بتعديل "اسم المجال المخصص" و "مسار المستودع" في ملف deploy.sh ، قم بتشغيل الأمر التالي لتحقيق النشر (بشكل افتراضي للنشر على github pages ؛ إذا لم تستخدم اسم المجال المخصص في الوقت الحالي ، فما عليك سوى التعليق على السطر.