寻找协作者和维护者。欢迎联系！

开发者作品集⚡️

它简约、美观且响应式！

没有或不知道Flutter？

  • 只需编辑一个JSON文件即可。

为寻找现成作品集的人而制作。因为从头开始制作作品集很累人。可以随意直接使用，也可以根据您的喜好进行定制。

查看演示 查看Github

作品集板块

✔️ 技能
✔️ 简介和关于我
✔️ 联系我
✔️ 教育背景
✔️ 工作经历
✔️ 通过GitHub连接的开源项目
✔️ 其他项目
✔️ 成就

根据您的需求更改和定制每个部分

在/assets/portfolio.json中个性化页面内容，并根据您的需求进行修改。您还可以更改web/index.html中的标题来改变您的作品集网站的标题。作为参考，请查看我的个人portfolio.json。

重要提示：不希望分享某些细节或没有图片文件？将相应字段的值留空（将加载一个模板图片，或在文本情况下，将不显示文本。您的网站不会显得难看？）

  • 您的姓名和链接。

"name_and_link": [
    "your name",
    "a link (preferably github) of your choice"
],
  • 主页的标签行，您可以添加任意数量的标签。

"designation": [
    "first tagline",
    "second tagline"
],
  • 您的社交媒体句柄。目前支持Facebook、GitHub、LinkedIn、Twitter、Medium、Stack Overflow、Twitter和电子邮件的图标。在json中以小写字母指定社交媒体名称。如果您想添加其他链接，只需将名称值留空（将加载带有模板图片的按钮）。

"social_media": {
    "1": [
        "your github link",
        "specify the name of the social media"
    ],
    "2": [
        "https://linkedin.com/example",
        "linkedin"
    ],
    "3": [
        "https://another-link.com",
        ""
    ],
},
  • 关于和个人简介部分。

"about": "a small about section for the home page",
"bio": "a more detailed about for the contact me page"
  • 在“我做什么”页面中添加熟练使用的工具。
    只需将图片文件（64×64）放在assets/what_i_do/目录下，并在json中相应地添加文件名。在下面的示例中，我在assets/what_i_do/目录下放置了2个图片（flutter.png和linux.png）。
    要添加特定语言或工具的熟练度，请这样放置：工具--熟练度百分比。根据需要添加尽可能多的工具或熟练度项。

"what_i_do": {
    "tools": [
        "flutter.png",
        "linux.png",
    ],
    "proficiency": [
        "Flutter--50",
        "C/C++/Java/Python--60",
    ]
},
  • 教育页面。
    将机构徽标图片文件（128×128）放在assets/education/目录下。

"education": {
    "1": {
        "institute": "RCC Institute of Information Technology",
        "location": "Kolkata",
        "years": "2020 - 2024",
        "description": "B.Tech in CSE",
        "grades": "9.53 YGPA",
        "logo": "rcciit.png"
    },
    "2": {
        "institute": "Gitaram Academy",
        "location": "Berhampore",
        "years": "2018 - 2020",
        "description": "Physics, Chemistry, Mathematics, Computer Science",
        "grades": "84%",
        "logo": ""
    },
},
  • 经历页面。
    将徽标图片文件（128×128）放在assets/experience/目录下。

"experience": {
    "1": {
        "name": "Google Developer Student Club",
        "role": "Cybersecurity core member",
        "period": "September, 2021 - Present",
        "description": "Helped in organizing and conducting technical workshops, for community members.",
        "image_name": "GDSC.png"
    },
},
  • 项目页面。
    您可以填写特定项目的所有详细信息，或者只填写GitHub链接（如果您想获取并使用GitHub仓库中提供的详细信息）。
    注意： 两种情况下都需要GitHub链接来获取star和fork的数量。

"projects": {
    "1": {
        "name": "flutter_dev_folio",
        "tech_stack_used": "Flutter",
        "description": "Minimal, Beautiful and responsive portfolio site template",
        "general_or_github_link": "https://github.com/danger-ahead/flutter_dev_folio"
    },
    "2": {
        "name": "",
        "tech_stack_used": "",
        "description": "",
        "general_or_github_link": "https://github.com/danger-ahead/roBOT"
    },
}
  • 成就页面。
    您可以添加一个链接，访问者可以在其中查看或验证您的成就。

"achievements": {
    "1": {
        "description": "your achievement",
        "link": "https://some-link.com/view-certificate"
    },
}
  • 联系我页面。

"contact_me": {
    "location": "your location",
    "open_for_opportunities": "Yes or No",
    "picture": "picture.png"
},

如何部署、运行或本地测试

# Clone this repository
git clone https://github.com/danger-ahead/flutter_dev_folio

# Go into the repository
cd flutter_dev_folio

# Create dotenv. No need to add any token now, GitHub API serves requests without authorisation.
echo "" > dotenv

# Get dependencies
flutter pub get

# Start a local dev server
# We'll be using the HTML renderer
flutter run -d chrome --web-renderer html

部署

flutter_dev_folio使用GitHub API从GitHub获取详细信息。该API目前每小时有60个请求的限制。要克服这个问题，我们需要在dotenv中放置一个GitHub Personal Access Token。

生成一个新的令牌，只需具有public_repo范围。

重要提示：要使用个人访问令牌进行API调用，您需要手动部署已构建的项目。因为您无法对dotenv进行版本控制。.

在此处创建一个dotenv文件

- flutter_dev_folio
  - assets
  - lib
  - web
  - dotenv         <-- create it here
  - .gitignore
  - pubspec.lock
  - pubspec.yaml
  - README.md

然后粘贴个人访问令牌并运行flutter build web --web-renderer html --release。这将创建build/目录，其中包含所有构建文件。现在您可以简单地部署build/web/。

或者，您可以创建一个空的dotenv文件并运行（并部署）项目。注意：这将限制GitHub API每小时60个请求。

或者，您也可以在您的fork中启用工作流，并在您的fork中编辑json（和/或其他您希望的文件）。然后提交并推送。GitHub actions将很快在master-deploy分支中生成构建文件。生成的构建文件将具有速率限制的API访问权限。

未来

该项目仍处于测试阶段。

  • 添加更多部分
  • 在加载屏幕时在不同部分添加动画
  • 嵌入和连接Twitter、Medium或LinkedIn

如果您能帮助我实现这些，请考虑提交一个PR。

如果您想为这个项目做出贡献，使其对其他用户更好，请查看issues。

您为您的作品集fork创建了很棒的东西，并想分享它吗？请随时提交一个pull request。