https://github.com/guilhermeborgesbastos/live-resume

简历模版 Create a professional website & resume that helps you stand out from the crowd using our fast and easy personal web application, designed to highlight your skills and experience.
https://github.com/guilhermeborgesbastos/live-resume

angular cross-platform-compatibility css3 curriculum html5 javascript mobile-first-design online-portfolio online-resume open-source personal-website professional-website responsive-design resume resume-app resume-builder resume-website single-page-application typescript web-development

Last synced: 11 days ago
JSON representation

简历模版 Create a professional website & resume that helps you stand out from the crowd using our fast and easy personal web application, designed to highlight your skills and experience.

• Host: GitHub
• URL: https://github.com/guilhermeborgesbastos/live-resume
• Owner: guilhermeborgesbastos
• License: mit
• Created: 2020-03-29T13:34:41.000Z (about 5 years ago)
• Default Branch: master
• Last Pushed: 2023-08-23T10:52:58.000Z (over 1 year ago)
• Last Synced: 2025-03-28T13:08:18.675Z (18 days ago)
• Topics: angular, cross-platform-compatibility, css3, curriculum, html5, javascript, mobile-first-design, online-portfolio, online-resume, open-source, personal-website, professional-website, responsive-design, resume, resume-app, resume-builder, resume-website, single-page-application, typescript, web-development
• Language: SCSS
• Homepage: https://guilhermeborgesbastos.com/
• Size: 80.1 MB
• Stars: 447
• Watchers: 6
• Forks: 265
• Open Issues: 6
• Metadata Files:
  • Readme: README-ZH.md
  • Changelog: CHANGELOG.md
  • License: LICENSE
  • Code of conduct: CODE-OF-CONDUCT.md

Awesome Lists containing this project

• project-awesome - guilhermeborgesbastos/live-resume - 简历模版 Create a professional website & resume that helps you stand out from the crowd using our fast and easy personal web application, designed to highlight your skills and experience. (SCSS)

README

        
> [Change to English](https://github.com/guilhermeborgesbastos/live-resume/blob/master/README.md)



  


  终极个人网络简历 📃

  






  

[![Open Source Love svg2](https://badges.frapsoft.com/os/v2/open-source.svg?v=103)](https://GitHub.com/guilhermeborgesbastos/live-resume/stargazers/) [![Codacy Badge](https://app.codacy.com/project/badge/Grade/6f04e1e3103a4af58e5398e23106bb93)](https://www.codacy.com/manual/guilhermeborgesbastos/live-resume?utm_source=github.com&utm_medium=referral&utm_content=guilhermeborgesbastos/live-resume&utm_campaign=Badge_Grade)[![FOSSA Status](https://app.fossa.com/api/projects/git%2Bgithub.com%2Fguilhermeborgesbastos%2Flive-resume.svg?type=shield)](https://app.fossa.com/projects/git%2Bgithub.com%2Fguilhermeborgesbastos%2Flive-resume?ref=badge_shield) [![Documentation Status](https://readthedocs.org/projects/ansicolortags/badge/?version=latest)](https://github.com/guilhermeborgesbastos/live-resume/wiki) [![GitHub tag](https://img.shields.io/github/tag/guilhermeborgesbastos/live-resume.svg)](https://github.com/guilhermeborgesbastos/live-resume/tags/)


 [![Gitter](https://badges.gitter.im/live-resume/community.svg)](https://gitter.im/live-resume/community?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge) [![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg?style=flat-square)](http://makeapullrequest.com) [![GitHub license](https://img.shields.io/github/license/Naereen/StrapDown.js.svg)](https://opensource.org/licenses/MIT) [![GitHub forks](https://img.shields.io/github/forks/guilhermeborgesbastos/live-resume.svg?style=social&label=Fork&maxAge=259100)](https://GitHub.com/guilhermeborgesbastos/live-resume/network/) [![GitHub stars](https://img.shields.io/github/stars/guilhermeborgesbastos/live-resume.svg?style=social&label=Star&maxAge=259100)](https://GitHub.com/guilhermeborgesbastos/live-resume/stargazers/)





:anchor: 通过展示一个专业的网站/简历，让你脱颖而出。

  
:necktie: :briefcase: 快速、轻松地构建最佳的个人网络应用简历！








[![Watch the video](/markdown/LiveResumeGuilhermeBorgesBastos-v7.1.gif)](https://guilhermeborgesbastos.com/?source=github)



使用最好的**开源网络应用程序**（100%免费），轻松快速地构建专业个人网站和作品集，摆脱过时的文字简历。

## 包括哪些内容❓

* 一个带有可自定义模板和内容的完全功能性的 _Angular 15_ 应用程序

* 完全响应移动设备和桌面设备（也支持移动手势...）

* 英语和葡萄牙语的国际化支持（可以方便地添加/删除新语言） - in18库

* 移动导航分享（将简历分享到WhatsApp、LinkedIn、Facebook等原生应用）

* 完整的 [Wiki](https://github.com/guilhermeborgesbastos/live-resume/wiki) 支持

* 与Google Analytics集成

* 为SEO进行了优化（针对Google、Bing等爬虫和机器人）。

* 使用结构化数据模式（schema.org）

* 联系表单中集成了Firebase

* 由5个自定义部分组成 ([欢迎](https://guilhermeborgesbastos.com/), [关于我](https://guilhermeborgesbastos.com/about), [经历](https://guilhermeborgesbastos.com/experience), [帖子](https://guilhermeborgesbastos.com/posts), and [联系方式](https://guilhermeborgesbastos.com/contact))

* 友好的路由片段（例如：https://guilhermeborgesbastos.com/posts）

* 经过静态代码分析器验证的源代码（安全并做好了生产准备）

## 更新日志

[了解最新的改进](https://github.com/guilhermeborgesbastos/live-resume/CHANGELOG.md)

## 🗂 Wiki文档和 💬社区聊天

要获取有关设置、自定义或任何其他方面的更多帮助，请访问以下内容：

* [GitHub上的Wiki](https://github.com/guilhermeborgesbastos/live-resume/wiki) - 完整的文档，从入门到部署。

* [![Gitter](https://badges.gitter.im/live-resume/community.svg)](https://gitter.im/live-resume/community?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge) - 一个社区聊天室，用于进一步讨论。

## ⚓ 前提条件

> 还有一个视频教程可供参考[观看](https://youtu.be/SmSCux_qx_Q) _[[视频已过时，如有需要仅供参考]_。

1. 需要安装版本为 _14.18.1_ 或更高版本的Node.js。要查看您的计算机上安装的Node.js版本，请在终端中键入以下命令：

```

node -v

```

2. 如果您的机器上没有安装Node.js，则可以前往 [此链接](https://nodejs.org/en/download/) 以安装 Node.js。要安装特定版本，请前往 [此链接](https://nodejs.org/en/download/)。

3. 需要具备版本为 _6.14.15_ 或更高版本的 NPM。在终端命令行工具中输入以下命令可以查看您的计算机上安装的 NPM 版本：

```

npm -v

```

4. 如果您的计算机上尚未安装NPM，则需要前往 [此链接](https://www.npmjs.com/get-npm) 安装NPM。

5. TypeScript 版本需要 _4.8.4_ 或更高版本。 

## 📥 本地安装和运行

> 另外一个视频教程也可参考，[点击观看](https://youtu.be/SmSCux_qx_Q)。

1. 请点击页面右上角的“Fork”按钮，Fork此代码库。

[![学习如何fork GitHub项目](/markdown/fork.png?cache=off)](https://guides.github.com/activities/forking/)

2. 克隆您在 GitHub 帐户中 fork 的存储库。

```

git clone https://github.com/[replace-with-your-github-username]/live-resume.git

```

3. 进入克隆的目录 (例如 `cd live-resume`)。

4. 运行 `npm install --force`。

5. 在克隆的项目文件夹内，启动应用：

```

ng serve -o --host 0.0.0.0 --configuration en

```

**P.S:** 如果出现 `ng` 命令未找到的情况，请执行以下命令：

```

npm install -g @angular/cli

```

**注意：** 可选参数:

* `-o` 这是用于启动应用程序后自动打开默认浏览器的别名。

* ` --host 0.0.0.0` 如果您想在移动设备或其他计算机、笔记本电脑或网络上查看应用程序的运行情况，这个功能很有用。

* ` --configuration en` 在这个例子中，应用程序将以 **en-US** 显示，通过将 `en` 替换为 `pt` => `--configuration pt`，应用程序语言将变为 **pt-BR**。

6. 接下来，该命令将启动一个服务器实例，并侦听端口`4200`。在您的浏览器中打开(http://localhost:4200/)，即可打开**Live Resume**。

> 请随意进行改进或任何类型的更改，并通过**pull request**发送回来。欢迎您的贡献！

## 🔨 如何自定义？

在[Wiki文档](https://github.com/guilhermeborgesbastos/live-resume/wiki/applying-customizations)中，有一个特定的页面指导您如何对布局和其他内容应用自定义设置...[查看页面](https://github.com/guilhermeborgesbastos/live-resume/wiki/applying-customizations)

## 🖋 贡献

请随意添加新功能、语言支持、修复错误或改进文档。任何帮助都会受到赞赏！如果您进行任何改进，请将它们作为“拉取请求”发送回来。让我们保持它更好、更实用，并保持更新。

## 赞扬

这个项目使用了许多开源软件包：

- [Angular](https://github.com/angular)

- [Angular CLI](https://cli.angular.io)

- [Navigator Share](https://www.npmjs.com/package/ng-navigator-share)

- [Font Awesome](https://fontawesome.com)

---

> 网站： [www.guilhermeborgesbastos.com](https://www.guilhermeborgesbastos.com)


> LinkedIn [profile](https://www.linkedin.com/in/guilhermeborgesbastos)


> Facebook [profile](https://www.facebook.com/guilherme.borgesbastos)

## 📝 许可证

该主题以开放源代码的形式提供，遵循[MIT许可证](https://opensource.org/licenses/MIT)的条款。

[![Analytics](https://ga-beacon.appspot.com/UA-168686195-1/live-resume/home-page?pixel)](https://github.com/igrigorik/ga-beacon)