发布于 2026-01-05 0 阅读
0

Personal website template - an open source project jcoelho93 Personal website

个人网站模板 - 一个开源项目

jcoelho93 个人网站

这个想法

几个月前我开始找新工作,我采取的首要步骤之一就是建立包含我的简历信息的个人网页。

我是怎么做到的?

我主要从事后端开发,所以我想探索一下流行的 JS 框架,因为我在工作中没有这样的机会。

所以我决定使用ReactJS和 CSS 框架Bulma来进行样式设计。

最终结果如下:https://jcoelho93.netlify.com

Dev.to 最新文章

这个应用使用 Dev.to REST API 来展示我最新发表的文章,所以对于社区里的任何成员来说,这都是一个完美的模板 ;)

JSON 简历开源倡议标准

我当时设想的一个要求是,应用程序应该能够从 json 文件中加载所有个人信息,以便我可以轻松地用我的最新信息更新网站。

我找到了一个名为JSON Resume 的开源项目,它为以 JSON 格式表示简历制定了标准。因此,我的应用程序期望 JSON 文件遵循此标准。

打造属于你自己的风格

最近有人在 GitHub 上 fork 了我的项目,用自己的个人信息更新了 json 文件,并创建了自己的个人网页。
这让我开始考虑推广我的项目,让更多人能够以它为基础搭建自己的网站,并使其成为真正由社区驱动的开源项目。

这就是我的项目

GitHub 标志 jcoelho93 /个人网站

我的个人网站

jcoelho93 个人网站

质量门状态 Netlify状态

这是我的个人网站,使用 ReactJS 和 Bulma 作为 CSS 框架构建。点击此处访问。

网站上的个人信息来自一个遵循JSON Resume开源标准的 json 文件。

使用 Node v16.15.1

自定义

欢迎您 fork 此项目并根据自己的信息和风格进行更新。只需将 ´src/resume.json` 文件替换为您的个人信息即可。

如果您对应用有任何改进建议,我们非常感谢您提交 PR ;)

建造

  1. 克隆仓库:
> git clone https://github.com/jcoelho93/personal-website.git
Enter fullscreen mode Exit fullscreen mode
  1. 请使用您的个人信息更新resume.json文件(请参阅JSON 简历)。

  2. 安装依赖项并运行构建命令:

> npm install
> npm run build
Enter fullscreen mode Exit fullscreen mode

您还可以使用开发服务器测试该应用,只需运行:

> npm start
Enter fullscreen mode Exit fullscreen mode

贡献

欢迎您 fork 此项目并使用您的个人信息进行自定义。如果您实现了任何不错的功能或改进……

你觉得这个项目怎么样?网页本身呢?

如果你愿意,可以把它 fork 成自己的版本,然后把链接发给我,我很想看看你做了什么。

如果您对应用进行了任何改进,我们非常欢迎您提交 PR。:)

文章来源:https://dev.to/jcoelho/personal-website-template-an-open-source-project-5dgl