Представлять
- Любой может легко создать красивое веб -резюме (с некоторым кодированием ..)
- Next.js, Bootstrap CSS используется.
- Фактически, https://github.com/uyu423/resume- Legacy перенесли его с next.js.
- Образец: https://uyu423.github.io/resume-nextjs
- Для получения дополнительных примеров обратитесь к example.md.
Участники
- 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. -
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: полезная нагрузка/профиль.ts
Представлять
- Самостоятельная область
- Typedoc: iintroduce.paylod
- Пример TS: полезная нагрузка/введение.ts
Навык
- Введение области для вашей собственной технологии
- Typedoc: iskill.payload
- Пример TS: полезная нагрузка/навыки
Опыт
- (Рабочее место) Область введения для опыта
- Typedoc: iexperience.paylod
- Пример TS: полезная нагрузка/опыт
Проект
- Область введения для проектов внедрения
- Typedoc: iProject.payload
- Пример TS: полезная нагрузка/project.ts
Открытый исходный код
- Внедрение мероприятий с открытым исходным кодом
- Typedoc: iopensource.paylod
- Пример TS: полезная нагрузка/opensource.ts
Презентация
- Введение презентационной деятельности
- Typedoc: ipresentation.payload
- Пример TS: полезная нагрузка/презентация
Статья
- Блог/SNS Post, область введения для статей
- Typedoc: iarticle.paylod
- Пример TS: полезная нагрузка/article.ts
Образование
- Введение в академический
- Typedoc: ieducation.payload
- Пример TS: полезная нагрузка/образование
И Т. Д
- Введение в другие предметы (соревнования, сертификаты, обслуживание и т. Д.)
- Typedoc: Ietc.paylod
- Пример TS: полезная нагрузка/и т. Д.
_Global
- Область настроек для глобальных настроек (веб -заголовок, SEO, Favicon и т. Д.)
- Typedoc: iglobal.payload
- Пример TS: полезная нагрузка/_global.ts
Экспорт
- Статические ресурсы HTML генерируются в нижней части
/docs . - Подотборные ветви изменяют структуру домена (Ex. Https://uyu423.github.io/resume) изменяют значение поля
homepage в package.json в домен, который вы хотите размещать.- Если в поле
homepage есть pathname , есть логика, которая добавляет assetPrefix of next.config.js
Экспорт на страницы GitHub
Настройка репозитория
- Опции -github страницы -source -select Master Branch /Docs Папка
- Для получения дополнительной информации о источнике страниц Github, пожалуйста, обратитесь к Help.github.com.
- Запустите
npm run export для обновления статического HTML в docs . - Если у вас есть внешний домен, заполните элемент пользовательского домена.
- Файл
docs/CNAME необходимый для хостинга GitHub Pages, создается автоматически во время процесса npm run export . - См. Поле
homepage package.json для создания файлов docs/CNAME . Измените значение домашней страницы при использовании пользовательского домена. - Если поля
homepage в package.json считается *.github.io/* оно рассматривается как не используя пользовательский домен и не генерирует docs/CNAME . - Для получения дополнительной информации о внешних доменах, пожалуйста, обратитесь к Help.github.com.
-
*.github.io Если вы используете домен как есть http://{username}.github.io/{repository_name} Если вы подключитесь, вы увидите веб -резюме.
Вклад
- Если вы хотите дополнительные функции, пожалуйста, посмотрите. Всегда открыт.
Вопрос?
- Когда изображение сломано в производственной сборке
- Как отрегулировать порядок раздела?
- В настоящее время у вас нет иного выбора, кроме как изменить заказ рендеринга непосредственно со
pages/index.tsx . - Я думаю о том, как справиться с этим с помощью данных или
_global полезной нагрузки.
- В случае изображения CSS 404 в index.html
