个人网站模板 - 一个开源项目
jcoelho93 个人网站
这个想法
几个月前我开始找新工作,我采取的首要步骤之一就是建立包含我的简历信息的个人网页。
我是怎么做到的?
我主要从事后端开发,所以我想探索一下流行的 JS 框架,因为我在工作中没有这样的机会。
所以我决定使用ReactJS和 CSS 框架Bulma来进行样式设计。
最终结果如下:https://jcoelho93.netlify.com
Dev.to 最新文章
这个应用使用 Dev.to REST API 来展示我最新发表的文章,所以对于社区里的任何成员来说,这都是一个完美的模板 ;)
JSON 简历开源倡议标准
我当时设想的一个要求是,应用程序应该能够从 json 文件中加载所有个人信息,以便我可以轻松地用我的最新信息更新网站。
我找到了一个名为JSON Resume 的开源项目,它为以 JSON 格式表示简历制定了标准。因此,我的应用程序期望 JSON 文件遵循此标准。
打造属于你自己的风格
最近有人在 GitHub 上 fork 了我的项目,用自己的个人信息更新了 json 文件,并创建了自己的个人网页。
这让我开始考虑推广我的项目,让更多人能够以它为基础搭建自己的网站,并使其成为真正由社区驱动的开源项目。
这就是我的项目
jcoelho93 个人网站

这是我的个人网站,使用 ReactJS 和 Bulma 作为 CSS 框架构建。点击此处访问。
网站上的个人信息来自一个遵循JSON Resume开源标准的 json 文件。
使用 Node v16.15.1
自定义
欢迎您 fork 此项目并根据自己的信息和风格进行更新。只需将 ´src/resume.json` 文件替换为您的个人信息即可。
如果您对应用有任何改进建议,我们非常感谢您提交 PR ;)
建造
- 克隆仓库:
> git clone https://github.com/jcoelho93/personal-website.git
-
请使用您的个人信息更新resume.json文件(请参阅JSON 简历)。
-
安装依赖项并运行构建命令:
> npm install
> npm run build
您还可以使用开发服务器测试该应用,只需运行:
> npm start
贡献
欢迎您 fork 此项目并使用您的个人信息进行自定义。如果您实现了任何不错的功能或改进……
你觉得这个项目怎么样?网页本身呢?
如果你愿意,可以把它 fork 成自己的版本,然后把链接发给我,我很想看看你做了什么。
如果您对应用进行了任何改进,我们非常欢迎您提交 PR。:)
文章来源:https://dev.to/jcoelho/personal-website-template-an-open-source-project-5dgl