Repolode
arifszn

arifszn/gitprofile

只需填写 GitHub 用户名,即可生成并发布与 GitHub 同步的个人作品集网站。

Star
2,326
Fork
2,156
未关闭 Issue
10
最近提交
2个月前

这是什么?

GitProfile 根据 GitHub 用户名生成个人作品集网站,头像、简介和仓库信息会自动从 GitHub 同步,资料更新后页面随之更新。技能、工作经历、教育背景、证书、论文发表和外部项目等板块,都通过一个 gitprofile.config.ts 配置文件填写。

项目基于 Vite 构建,提供 36 款可切换的 daisyUI 主题,也支持通过 CSS 变量自定义主题。此外还包括 SEO 元信息设置、可选的 Google Analytics(支持 GA3 和 GA4)与 Hotjar 统计,以及 PWA 安装。可以展示 Medium 或 dev.to 账号上的博客文章。

部署方式是 Fork 仓库后通过 GitHub Actions 发布到 GitHub Pages,也支持 Vercel、Netlify 和 Surge。本地运行需要 Node.js 20 及以上版本,并提供开发服务器。

核心功能

  • 01根据 GitHub 用户名自动生成作品集,头像和简介从 GitHub 同步。
  • 02GitHub 项目可按星标数或最近更新自动展示,也可手动指定仓库。
  • 03提供 36 款可选主题,并支持自定义主题。
  • 04包含技能、工作经历、教育、证书、论文和博客等板块。
  • 05支持 SEO 元信息、Google Analytics、Hotjar 和 PWA 安装。
  • 06可通过 GitHub Actions 部署到 GitHub Pages,也支持 Vercel、Netlify 和 Surge。

适用场景

  • 不想从零写前端代码、需要快速上线个人主页的开发者。
  • 希望把论文发表与代码项目放在同一站点展示的学术研究者。
  • 需要一个与 GitHub 动态关联的简历式网站的求职者。

快速上手

  1. 1

    克隆仓库

    git clone https://github.com/arifszn/gitprofile.git
  2. 2

    进入项目目录

    cd gitprofile
  3. 3

    安装依赖

    npm install
  4. 4

    启动开发服务器,然后打开 http://localhost:5173/gitprofile/

    npm run dev

使用前须知

  • 本地运行需要 Node.js 20 或更高版本。
  • 若要部署到 GitHub Pages 的项目子路径,需要手动修改 gitprofile.config.ts 中的 base 值。

收录于专题

标签

常见问题

gitprofile 是什么?
只需填写 GitHub 用户名,即可生成并发布与 GitHub 同步的个人作品集网站。 GitProfile 根据 GitHub 用户名生成个人作品集网站,头像、简介和仓库信息会自动从 GitHub 同步,资料更新后页面随之更新。技能、工作经历、教育背景、证书、论文发表和外部项目等板块,都通过一个 gitprofile.config.ts 配置文件填写。
gitprofile 可以免费使用吗?用的什么许可证?
gitprofile 以 MIT 许可证开源。用于商业产品前,请先确认许可证条款。
gitprofile 还在维护吗?
半年内有更新。gitprofile 最近一次提交是在 2026年9月1日。
gitprofile 适合用来做什么?
不想从零写前端代码、需要快速上线个人主页的开发者。 希望把论文发表与代码项目放在同一站点展示的学术研究者。 需要一个与 GitHub 动态关联的简历式网站的求职者。
gitprofile 怎么安装和运行?
克隆仓库: git clone https://github.com/arifszn/gitprofile.git 进入项目目录: cd gitprofile 安装依赖: npm install 启动开发服务器,然后打开 http://localhost:5173/gitprofile/: npm run dev
在哪里获取 gitprofile?
源代码和安装说明在 GitHub 上:https://github.com/arifszn/gitprofile

概要由 AI 根据项目 README 生成;GitHub 数据每日更新。

相关项目