GitHub 作品集
如果你正在努力创建一个看起来专业的作品集网站,不用再继续寻找了。你可以使用这个 GitHub 作品集模板,仅凭你的 GitHub 用户名就能创建属于你自己的个性化作品集!该网站设计注重用户友好性和易于定制,这使它成为开发者和自由职业者的理想解决方案。
演示 :movie_camera:
在这里查看实时预览
安装 :arrow_down:
你需要下载 Git 和 Node 来运行这个项目
确保你的电脑上安装了最新版本的 Git 和 Node。
node --version
git --version
开始使用 :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。所有功劳归于这些仓库的所有者。