Memperkenalkan
- Siapa pun dapat dengan mudah membuat resume web yang cantik (dengan beberapa pengkodean ..)
- Next.js, Bootstrap CSS digunakan.
- Faktanya, https://github.com/uyu423/resume- Legacy porting dengan next.js.
- Sampel: https://uyu423.github.io/resume-nextjs
- Untuk contoh lebih lanjut, lihat contoh.md.
Kontributor
- Yowu (uyu423)
- Dal-ya
- Taeyeong Kim (Lizard-Kim)
- Taeyang Jin (Heli-OS)
- Hyogeun OH (ZeroHertz)
Persyaratan
- Node.js> 18
- Node.js 18 The
ERR_OSSL_EVP_UNSUPPORTED yang terjadi dari versi 18 atau lebih tinggi untuk menghindari opsi NODE_OPTIONS=--openssl-legacy-provider diterapkan. - Dianjurkan untuk mengujinya dalam versi Node.js 18 atau lebih baru, dan merekomendasikan menggunakan versi Node.js yang tercantum dalam
.nvmrc .
Memasang
# fork to your github account & git cloning your forked repository
npm install
Jalankan mode pengembangan
Struktur
- Aset/
- Komponen/
- Halaman/
- Ini hanya satu halaman untuk rendering
index.html .
- muatan/
- Anda dapat mengeluarkan resume web pribadi Anda hanya dengan mengubah data muatan Anda.
- Ini termasuk data yang diperlukan untuk rendering resume.
- Detail muatan di bagian bawah
- Docs/
- Ketika
npm run export (next export) dieksekusi, HTML statis diberikan dan dihasilkan di bagian bawah direktori docs . -
docs/ direktori halaman GitHub dapat dilakukan untuk menjadi tuan rumah hosting halaman GitHub. -
docs/typedoc/ berisi typedoc HTML, tetapi tidak menghasilkan npm run export . Anda dapat membuat typedoc dengan npm run typedoc .
Deskripsi muatan
- Typedoc: https://uyu423.github.io/resume-nextjs/typedoc
- Tangkapan layar sampel rendering untuk semua muatan di dalam typedoc.
- Semua muatan kecuali
_global dan footer payload memiliki disable?: boolean Field. Jika bidang itu true , itu tidak membuat bagian muatan itu.
Profil
- Gambar profil, nama, sarana kontak, beberapa area pemberitahuan
- Typedoc: iprofile.payload
- Sampel TS: Payload/Profile.ts
Memperkenalkan
- Area Pengenalan Diri
- Typedoc: iintroduce.paylod
- Sampel TS: Payload/Pendahuluan.ts
Keahlian
- Pendahuluan Area untuk Teknologi Anda Sendiri
- Typedoc: iskill.payload
- Sampel TS: Payload/Skill.ts
Pengalaman
- (Tempat kerja) Area Pendahuluan untuk Pengalaman
- Typedoc: iexperience.paylod
- Sampel TS: Payload/Experience.ts
Proyek
- Area Pendahuluan untuk Proyek Implementasi
- Typedoc: iproject.payload
- Sampel TS: Payload/Project.ts
Open source
- Pengenalan kegiatan open source
- Typedoc: iopensource.paylod
- Sampel TS: Payload/OpenSource.ts
Presentasi
- Pengenalan kegiatan presentasi
- Typedoc: ipresentation.payload
- Sampel TS: payload/presentasi.ts
Artikel
- Posting Blog/SNS, Area Pendahuluan untuk Artikel
- Typedoc: iarticle.paylod
- Sampel TS: Payload/Article.ts
Pendidikan
- Pengantar Akademik
- Typedoc: ieducation.payload
- Sampel TS: Payload/Education.ts
DLL
- Pengantar item lain (kompetisi, sertifikasi, layanan, dll.)
- Typedoc: ietc.paylod
- Sampel TS: Payload/dll
_Global
- Area Pengaturan untuk Pengaturan Global (Judul Web, SEO, Favicon, dll.)
- Typedoc: iglobal.payload
- Sampel TS: payload/_global.ts
Ekspor
- Sumber daya HTML statis dihasilkan di bagian bawah
/docs . - Cabang Sub Path
package.json struktur domain (mis homepage- Jika ada
pathname di bidang homepage , ada logika yang menambahkan assetPrefix dari next.config.js
Ekspor ke halaman GitHub
Pengaturan Repositori
- Opsi -Gitub Halaman -Source -Select Master Branch /Docs Folder
- Untuk informasi lebih lanjut tentang sumber halaman GitHub, silakan merujuk ke help.github.com.
- Jalankan
npm run export untuk memperbarui HTML statis di docs . - Jika Anda memiliki domain eksternal, silakan isi item domain khusus.
- File
docs/CNAME yang diperlukan untuk Hosting Halaman GitHub dibuat secara otomatis selama proses npm run export . - Lihat Bidang
homepage package.json untuk pembuatan file docs/CNAME . Ubah nilai beranda saat menggunakan domain khusus. - Jika bidang
homepage dalam package.json dianggap *.github.io/* itu dianggap tidak menggunakan domain khusus dan tidak menghasilkan docs/CNAME . - Untuk informasi lebih lanjut tentang domain eksternal, silakan merujuk ke help.github.com.
-
*.github.io jika Anda menggunakan domain apa adanya http://{username}.github.io/{repository_name} Jika Anda terhubung, Anda akan melihat resume web.
Kontribusi
- Jika Anda menginginkan fitur tambahan, silakan lihat. Selalu terbuka.
Pertanyaan?
- Saat gambar rusak dalam build produksi
- Bagaimana Anda menyesuaikan urutan bagian?
- Saat ini, Anda tidak punya pilihan selain mengubah pesanan rendering langsung dari
pages/index.tsx . - Saya sedang memikirkan cara menanganinya dengan data atau
_global payload.
- Dalam kasus gambar, CSS 404 di Index.html
