GitHub 作品集

如果你正在努力创建一个看起来专业的作品集网站，不用再继续寻找了。你可以使用这个 GitHub 作品集模板，仅凭你的 GitHub 用户名就能创建属于你自己的个性化作品集！该网站设计注重用户友好性和易于定制，这使它成为开发者和自由职业者的理想解决方案。

---

演示 :movie_camera:

在这里查看实时预览

---

安装 :arrow_down:

你需要下载 Git 和 Node 来运行这个项目

• Git
• Node

确保你的电脑上安装了最新版本的 Git 和 Node。

node --version
git --version

<br />

开始使用 :dart:

Fork 并克隆仓库

要 Fork 仓库，点击页面右上角的 fork 按钮。仓库 fork 完成后，打开你的终端并执行以下命令

git clone https://github.com/<你的GitHub用户名>/github-portfolio.git

cd github-portfolio

从根目录安装包

npm install
# 或
yarn install

然后，运行开发服务器：

npm run dev
# 或
yarn dev

用浏览器打开 http://localhost:3000 查看结果。

---

使用方法 :joystick:

如果你想使用 Google Analytics，请从 .env.example 文件创建一个新的 .env 文件并提供值。

例如：

NEXT_PUBLIC_GTM = ""

现在，你需要在 data 文件夹中自定义用户数据。

例如：

export const userData = {
  githubUser: "said7388",
  devUsername: "said7388",
  github: "https://github.com/said7388",
  facebook: "https://www.facebook.com/abusaid.riyaz/",
  linkedIn: "https://www.linkedin.com/in/abu-said-bd/",
  twitter: "https://twitter.com/said7388",
  stackOverflow: "https://stackoverflow.com/users/16840768/abu-said",
  leetcode: "https://leetcode.com/said3812/",
  resume:
    "https://drive.google.com/file/d/1eyutpKFFhJ9X-qpQGKhUNnVRkB5Wer00/view?usp=sharing",
  skills: [
    "React",
    "NextJS",
    "Redux",
    "Express",
    "NestJS",
    "MySql",
    "MongoDB",
    "Postgres",
    "Docker",
    "AWS",
  ],
  timezone: "+6",
};

---

---

使用的包 :package:

使用的包列表
next
@next/third-parties
axios
react-icons
react-github-calendar
sass
tailwindcss

---

免责声明

在这个仓库中，我使用了一些开源 API。所有功劳归于这些仓库的所有者。