قالب مواقع الويب القابلة للتخصيص العالية ، سهل الاستخدام ، وأدنى حد ممكن ، مدعوم من Next.js.
يستغرق إنشاء موقع ويب بسيط مع LiveTerm دقائق فقط ، وتحتاج فقط إلى العمل مع ملف واحد : config.json . بعد أن استنساخ هذا المستودع ، ما عليك سوى تشغيل yarn install && yarn dev وابدأ في تحرير config.json لإنشاء موقع الويب الخاص بك!
يمكن استخدام LiveTerm لبناء مجموعة متنوعة من مواقع الويب:
لا تتردد في اللعب مع عرض الويب أعلاه!

liveterm مع موضوعات مختلفة

موقعي الشخصي
يتطلب LiveTerm مدير حزمة yarn . يمكنك تثبيت yarn هنا.
ما عليك سوى تشغيل commmand التالي في المحطة الخاصة بك:
sh -c " $( curl -fsSL https://raw.github.com/Cveinnt/LiveTerm/main/install/install.sh ) "سيؤدي ذلك إلى تثبيت Liveterm على الدليل الحالي. يمكنك البدء في بناء موقع الويب الخاص بك مع:
cd LiveTerm && yarn dev ابدأ في تحرير config.json وحاول حفظ وشاهد التغييرات المحدثة!
بدلاً من ذلك ، يمكنك استنساخ هذا المستودع إلى موقع اختيارك
git clone https://github.com/Cveinnt/LiveTerm.git && cd LiveTermثم تثبيت التبعيات وابدأ في التطور هناك:
yarn install && yarn dev أولاً ، استنساخ المشروع وتحرير config.json حسب رغبتك. ثم قم بتشغيل ما يلي لبدء الحاوية في الخلفية:
docker-compose up -d إذا كنت تعرف ما كنت تفعله ، فيمكنك أيضًا محاولة تغيير Dockerfile & docker-compose.yml ! تعرف على المزيد حول Docker هنا.
يتم إجراء 90 ٪ من تكوينات Liveterm من خلال ملف config.json .
{
"readmeUrl" : // create a Github README and link it here!
"title" : // title of the website
"name" : // your name, included in 'about' command
"ascii" : // ascii art to display
"social" : {
"github" : // your handle
"linkedin" : // your handle
} ,
"email" : // your email
"ps1_hostname" : "liveterm" // hostname in prompt
"ps1_username" : "visitor" , // username in prompt
"resume_url" : "../resume.pdf" , // path to your resume
"non_terminal_url" : "W" ,
"colors" : {
"light" : {
...
} ,
"dark" : {
... // you can use existing templates in themes.json or use your own!
}
}
}لا تتردد في تغييره كما ترى مناسبة!
يمكنك العثور على العديد من الموضوعات التي تم تكوينها مسبقًا في themes.json ، ويمكنك استبدال الألوان في config.json بلون السمة الذي تحبه! تستند الموضوعات إلى الموضوعات الموجودة على هذا الموقع.
للحصول على معاينة أفضل للموضوعات ، قم بالخروج من الصور الموجودة في المجلد demo .
توجد Favicons في public/ ، إلى جانب الملفات الأخرى التي قد ترغب في تحميلها على موقع الويب الخاص بك. لقد استخدمت هذا الموقع لإنشاء Favicons.
قد ترغب أيضًا في تغيير إخراج أمر banner . للقيام بذلك ، ما عليك سوى لصق لافتة تم إنشاؤك في src/utils/bin/commands.ts . لقد استخدمت هذا الموقع لإنشاء شعاري.
إذا كنت ترغب في تخصيص صفحتك ، فلا تتردد في تغيير رمز المصدر إلى رغبتك!
أسهل طريقة لنشر تطبيق Next.js هي استخدام منصة Vercel من منشئي Next.js.
يمكنك تثبيت vercel CLI واتباع التعليمات هنا.
يمكنك أيضًا توصيل حساب GitHub الخاص بك إلى Vercel ونشر Vercel تلقائيًا مستودع GitHub لك.
بناءً على محطة M4TT72 الرائعة.