个人作品集
此项目使用 Flutter 构建,并托管在 网站上。
关于网站
该网站在设计时考虑了屏幕因素。它为桌面版、移动竖屏版和移动横屏版调整了不同的布局。
与其他 Flutter 网站不同,该网站在鼠标悬停在按钮或可点击元素上时会处理光标。
构建网站
请按照以下步骤构建网站
-> Fork 项目
-> 克隆项目
git clone https://github.com/<username>/Portfolio
这里的 *username* 是你的 GitHub 用户名
-> 打开目录
cd Portfolio
-> 如果你想在本地构建(假设已安装 Flutter,包括 Web 版本)
flutter run
那么你可以在 `localhost:<终端提供的某个端口>/` 访问该网站。
-> 构建项目
flutter build web
现在,构建好的网站将在 `/build/web/` 目录下。
如果你想将网站托管在你的 *github.io* 上,请将 `/build/web/` 中的所有内容复制到另一个目录,然后将内容推送到名为 `
然后你就可以在 `https://
这里的 *username* 是你的 GitHub 用户名
内容
网站 Logo
将 `/web/logo.png` 替换为你的 Logo
标题
在 `/web/index.html` 的 `第11行,第31行` 替换标题。
常量
网站的所有常量都在 `/lib/constants/constants.dart` 下。
这些常量包括
- 个人资料图片
- 名称
- 标语(两个标语)
- 关于
- 名言
- 博客链接站点
- 简历
- 个人资料页面下的其他类似类别
社交图标
在 `/lib/widgets/social_icons.dart` 中更新社交图标链接。
颜色
一些自定义使用/未使用的颜色位于 `/lib/theme/colors.dart/` 下。
Google Analytics
该网站支持 Google Analytics。你可以在 `/web/index.html` 的 `第27行` 将 'UA-XXXXXXXXX-X' 替换为你的分析 ID 来跟踪你的网站。
注意: 上述所有内容都应在构建项目之前更新。
依赖项
- Percent Indicator: v2.1.3
- Animated Text Kit: v2.1.0
- Font Awesome Flutter: v8.8.1
- Responsive Builder: v0.1.4
- Carousel Slider: v2.0.0
许可证
本作品采用 MIT 许可.