Skip to content

Latest commit

 

History

History
129 lines (94 loc) · 4.69 KB

README-CN.md

File metadata and controls

129 lines (94 loc) · 4.69 KB
Raw

Stargazers MIT License Release


Logo

Nano Portfolio

❤️ 由 Nuxt3 生态全栈开发的开发者个人简介应用 ❤️

English · 简体中文 · 日本語

目录

项目介绍

上方是 平板 设备尺寸的 index 页面截图, 点击此处 可查看更多详细截图。

Nano-portfolio 是一个与 Github Octokit 和 Nuxt3 生态结合的开发者个人简介网页应用，其使用的大部分依赖被官方所支持和维护，其中包括 Nuxt-UI Nuxt-Mongoose Pinia i18n 等。所有模块均与 Nuxt 所兼容，库内所有代码均使用组合式 API 以及 ESM 进行模块导入。

(至顶层)

技术栈

  • Nuxt3 with composition API
  • Pinia
  • Vite
  • TailwindCSS
  • Nuxt-UI
  • MongoDB with Mongoose
  • Localize with i18n
  • Email connection with Resend
  • Typescript with ES6+ syntax
  • Dockerfile

(至顶层)

运行时版本

  • NodeJS LTS 20+

如何启动此项目

克隆此项目

$ https://github.com/gaomingzhao666/nano-portfolio.git # 克隆
$ cd nano-portfolio
$ pnpm install # 安装依赖
$ pnpm dev # 运行

使用 docker 制作容器

  1. 克隆或者下载此项目.
  2. 确保电脑中已安装Docker Desktop.
  3. Install the Docker extension in your VScode.
  4. 右击 Dockerfile 并选择 Build Image 选项.
  5. 打开 Docker Desktop 启动此容器.

如何使用此项目并为您所用

总览

此项目使用 MIT 开源协议发布， 它可以基于 GitHub 账户自动导入仓库信息和个人资料。

步骤

  • 生成 GitHub Personal Access Token.
  • 前往 于 server 目录下 utils 文件夹中的 githubInfo.ts 文件
  • 使用此前生成的 Personal Access Token 替代原有 Token， 这可以使得后端制作的 API 可以正确识别新 Token 下的 Github 账户
  • 更新 About 和 Contact 页面组件的数据
  • 大功告成

关于 CORS 报错

作为 SSR 项目, 我们无需关心 CORS, 但若你在 nuxt.config.ts 文件中设置 SSR mode 为 false 点击此处 可安装浏览器插件以此解决 CORS 错误。

(至顶层)

贡献者

此项目由 gaomingzhao666@Nano 所开发

(至顶层)

开源协议

MIT License

(至顶层)