يقدم
- يمكن لأي شخص بسهولة إنشاء سيرة ذاتية على شبكة الإنترنت (مع بعض الترميز ..)
- next.js ، يتم استخدام bootstrap css.
- في الواقع ، https://github.com/uyu423/resume- Legacy قام مع Next.js.
- عينة: https://uyu423.github.io/resume-nextjs
- لمزيد من الأمثلة ، راجع مثال.
المساهمين
- yowu (uyu423)
- دال يا
- Taeyeong Kim (السحلية كيم)
- Taeyang Jin (Heli-os)
- Hyogeun OH (Zerohertz)
المتطلبات
- node.js> 18
- node.js 18
ERR_OSSL_EVP_UNSUPPORTED التي تحدث من الإصدار 18 أو أعلى لتجنب NODE_OPTIONS=--openssl-legacy-provider . - يوصى باختباره في إصدار Node.js من 18 أو لاحقًا ، والتوصية باستخدام إصدار Node.js المدرج في
.nvmrc .
ثَبَّتَ
# fork to your github account & git cloning your forked repository
npm install
تشغيل وضع التطوير
بناء
- أصل/
- عنصر/
- صفحات/
- إنها صفحة واحدة فقط لتقديم الفهرس
index.html .
- حمولة/
- يمكنك سحب سيرتك الذاتية فقط عن طريق تغيير بيانات الحمولة النافعة.
- ويشمل البيانات اللازمة لتقديم السيرة الذاتية.
- تفاصيل الحمولة في الأسفل
- مستندات/
- عند تنفيذ
npm run export (next export) ، يتم تقديم HTML الثابت وإنشاءه في أسفل دليل docs . - يمكن تنفيذ
docs/ دليل GitHub Pages لصفحات GitHub لاستضافة صفحات GitHub التي تستضيف. -
docs/typedoc/ يحتوي على typedoc html ، ولكن لا ينتج npm run export . يمكنك إنشاء typedoc مع npm run typedoc .
وصف الحمولة
- typedoc: https://uyu423.github.io/resume-nextjs/typedoc
- لقطة الشاشة للعينة لجميع الحمولة داخل TypedOC.
- جميع الحمولات باستثناء حمولة
_global و footer لها disable?: boolean . إذا كان الحقل true ، فهو لا يجعل قسم هذا الحمولة الصافية.
حساب تعريفي
- صورة الملف الشخصي ، الاسم ، الاتصال يعني ، بعض مناطق الإشعار
- typedoc: iprofile.payload
- عينة TS: حمولة/ملف تعريف
يقدم
- منطقة الإنتاج الذاتي
- typedoc: iintroduce.paylod
- عينة TS: حمولة/مقدمة
مهارة
- منطقة مقدمة للتكنولوجيا الخاصة بك
- typedoc: iskill.payload
- عينة TS: حمولة/مهارات
خبرة
- (مكان العمل) مجال مقدمة للتجربة
- typedoc: iexperience.paylod
- عينة TS: حمولة/خبرة
مشروع
- مجال مقدمة لمشاريع التنفيذ
- typedoc: iproject.payload
- عينة TS: حمولة/مشروع
المصدر المفتوح
- إدخال أنشطة المصدر المفتوح
- typedoc: iopensource.paylod
- عينة TS: حمولة/opensource.ts
عرض تقديمي
- إدخال أنشطة العرض التقديمي
- typedoc: ipresentation.payload
- عينة TS: حمولة/عرض تقديمي
شرط
- المدونة/SNS Post ، منطقة مقدمة للمقالات
- typedoc: iarticle.paylod
- عينة TS: حمولة/article.ts
تعليم
- مقدمة إلى الأكاديمية
- typedoc: eeducation.payload
- عينة TS: الحمولة/التعليم
إلخ
- مقدمة للعناصر الأخرى (المسابقات والشهادات والخدمة وما إلى ذلك)
- typedoc: ietc.paylod
- عينة TS: حمولة/إلخ
_عالمي
- منطقة الإعدادات للإعدادات العالمية (عنوان الويب ، SEO ، Favicon ، إلخ)
- typedoc: iglobal.payload
- عينة TS: حمولة/_global.ts
يصدّر
- يتم إنشاء موارد HTML الثابتة في أسفل
/docs . - تغير فروع المسار الفرعي بنية المجال (على سبيل المثال ، https://uyu423.github.io/resume) يغير قيمة حقل
homepage في package.json .- إذا كان هناك
pathname في حقل homepage ، فهناك منطق يضيف assetPrefix من next.config.js
التصدير إلى صفحات جيثب
إعداد المستودع
- خيارات -صفحات Github -Source -select Master Branch /Docs Folder
- لمزيد من المعلومات حول مصدر صفحات GitHub ، يرجى الرجوع إلى Help.github.com.
- تشغيل
npm run export لتحديث HTML ثابت في docs . - إذا كان لديك مجال خارجي ، فيرجى ملء عنصر المجال المخصص.
- يتم إنشاء ملف
docs/CNAME المطلوب لصفحات GitHub التي تستضيف تلقائيًا أثناء عملية npm run export . - انظر حقل
package.json الخاص homepage لإنشاء ملف docs/CNAME . تعديل قيمة الصفحة الرئيسية عند استخدام مجال مخصص. -
docs/CNAME كان *.github.io/* المفترض أن يكون حقل homepage في package.json . - لمزيد من المعلومات حول المجالات الخارجية ، يرجى الرجوع إلى Help.github.com.
-
*.github.io http://{username}.github.io/{repository_name}
مساهمة
- إذا كنت تريد ميزات إضافية ، يرجى النظر. دائما مفتوحة.
سؤال؟
- عندما يتم كسر الصورة في بناء الإنتاج
- كيف تقوم بضبط ترتيب القسم؟
- حاليًا ، ليس لديك خيار سوى تغيير ترتيب التقديم مباشرة من
pages/index.tsx . - أفكر في كيفية التعامل معها بالبيانات أو حمولة
_global .
- في حالة الصورة ، CSS 404 في index.html
