# 非你莫属-个人简历模板

**Repository Path**: COCOAlice/resume

## Basic Information

- **Project Name**: 非你莫属-个人简历模板
- **Description**: 本项目参加【非你莫属】码云Pages技术简历/个性主页模板有奖征集，千元奖品等你来撩！活动，获得第二名。活动评选结果：https://gitee.com/cool-resume。希望给你带来帮助。
- **Primary Language**: HTML
- **License**: MIT
- **Default Branch**: master
- **Homepage**: http://itsay.gitee.io/resume
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 1834
- **Created**: 2022-11-17
- **Last Updated**: 2022-11-23

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

## 网页设计与制作期中项目
   
### 1.个人简历
  
仓库链接:https://gitee.com/COCOAlice/resume   
前端页面链接:https://cocoalice.gitee.io/resume/  

### 2.基础分值
  
2.1文件夹架构准确  
[图片都放在assets/images中，且名称有意义](https://gitee.com/COCOAlice/resume/tree/master/assets/images)  

2.2头像  
[个人头像替换](https://gitee.com/COCOAlice/resume/commit/649d81d277117fe09a70cdc310113b45d42e2395)    

2.3 HTML语义标签  
[使用 main 标签](https://gitee.com/COCOAlice/resume/commit/a66c35f03b1817bf185554117ba3c82506d74d2c)  
[使用 b 标签或  em 标签](https://gitee.com/COCOAlice/resume/commit/eb2a43cb646bd0903a649e3569c105728a405331)  

2.4 HTML5内容  
[修改“教育经历”的内容](https://gitee.com/COCOAlice/resume/commit/d331223be7f0d2bc131174fe877430eab800f147)  
[更新基本信息、联系方式、技能点的基本内容](https://gitee.com/COCOAlice/resume/commit/4ca73259f0cdaaca2121593aa023cfb8c150e023)  
[更新“实习经历”部分内容，并修改“教育经历”部分时间段显示模式](https://gitee.com/COCOAlice/resume/commit/4f3d4466bc02af9f270131f0dac725141eef1879)  
[更新“项目经验”及“自我评价”部分内容，添加“社团经历”板块内容](https://gitee.com/COCOAlice/resume/commit/56e2e4544b9ffb697b0819802daf19c68b45d7ea)  

2.5 CSS样式  
[给侧边栏二维码模块增加自己的二维码](https://gitee.com/COCOAlice/resume/commit/377cb4fdb478c36ea4287467c4a41625b9b41e82)    
[给整份简历换主题色](https://gitee.com/COCOAlice/resume/commit/6fac68705c9cd17916c24d08536a2ccb5aa76952)  
[给基本信息、联系方式、技能点、教育经历、实习经历、项目经历、社团经历、自我评价更换icon](https://gitee.com/COCOAlice/resume/commit/8f61ddc9f463140e352e181ebe8ae3f3447dc54f)

2.6 元数据  
[改变了 meta 中的 icon](https://gitee.com/COCOAlice/resume/commit/324fa4470ff3f093c494ebc0fccf69c22c69b7fa)  
[meta  data编辑了 title 内容](https://gitee.com/COCOAlice/resume/commit/4ca73259f0cdaaca2121593aa023cfb8c150e023)  

### 3.加分项目
  
3.1 HTML5标签  
[使用 address 标签](https://gitee.com/COCOAlice/resume/commit/fdd3c23c0eadef6a414941f51f3e6e2df9b44055)  
[使用 figure 标签](https://gitee.com/COCOAlice/resume/commit/d8f8c09ca3697d9a330b9a4aed3a297d4bafbf93)  
[使用 details 标签](https://gitee.com/COCOAlice/resume/commit/d7cdf7aeddfe64f26a299a49cebbf1ceeea153d4)  

3.2 CSS/CSS3内容  
[更改超链接显示颜色](https://gitee.com/COCOAlice/resume/commit/a527baad2ea0ed1d49db7e6b4e7b6f878860eb09)  
[改变开关按钮颜色](https://gitee.com/COCOAlice/resume/commit/9a5aa4d0991eff0f2cfd65a3c500ffc798f59823)  
[鼠标悬停时字体颜色、大小改变](https://gitee.com/COCOAlice/resume/commit/0acbd06246d598eddc8eeb95a67f4d4d8b3e3ea9)   
[鼠标悬停板块颜色改变](https://gitee.com/COCOAlice/resume/commit/525c9ab149a5053503b90124c6d1006648207fe6)  
[更改技能点部分柱状图颜色](https://gitee.com/COCOAlice/resume/commit/4df9d75f34884e1410323168da759afd6cf5e8c1)  
[更改部分标签下的字体样式](https://gitee.com/COCOAlice/resume/commit/e5cc59bf862aeea49748d1247b00ed9dd554b7bd)  
[更改鼠标样式](https://gitee.com/COCOAlice/resume/commit/9e6e871d4dc254c8bc594376117880cb32fcd589)

3.3 改变了栏目布局  
[右侧栏目布局变为4栏布局](https://gitee.com/COCOAlice/resume/commit/c53faad3a0405e3b9540d860e14e56d1092f8881)  
[头部添加标题及音乐播放器](https://gitee.com/COCOAlice/resume/commit/d756f3ceefd660a44079d028d4a2fe96c5f8ac9d)  

3.4 commit 说明  
[所有说明都认真填写，精简、准确](https://gitee.com/COCOAlice/resume/commits/master)  

### 4.项目反思  

4.1 图标上传尺寸不符  
解决方法：直接使用svg样式，随意调整大小且不会影响清晰度。  

4.2 在线编辑（Web IDE）窗口断网后无法自动保存  
解决方法：尽量先在本地测试代码后再进行更新，分区域更新代码，防止出现大量代码断网刷新后消失的情况。 
  
* * *   

### 原作者内容


[![star](https://gitee.com/itsay/resume/badge/star.svg?theme=white)](https://gitee.com/itsay/resume/stargazers)    [![fork](https://gitee.com/itsay/resume/badge/fork.svg?theme=white)](https://gitee.com/itsay/resume/members)

# 个人简历模板

[http://itsay.gitee.io/resume](http://itsay.gitee.io/resume)

## Intro

此简历模板：

- 内容上，来源于我本人真实求职经历以及参加多次网上简历培训总结而成
- 风格上，参考众多简历风格，@DIYgod，@ekCit以及~~我自己的博客主题 [itsay.me](http://itsay.me)~~

欢迎提issue或者star，ღ( ´･ᴗ･` )比心

## Object

前端求职/程序员求职

## Usage

1. 先Star/Fork本项目，然后Clone或者直接下载到本地
2. 修改index.html内相关信息
3. 微调样式（作为前端求职，这点应该不成问题）
4. 生成pdf(开发中)
5. 部署到线上
6. 生成访问二维码（开发中）
7. 祝您求职成功！

## Preview

### PC端
![](assets/images/pc.png)

### 移动端
![](assets/images/ip.png)

## TODO
- [x] 左栏固定（切换）
- [ ] 输出pdf功能
- [ ] 可编辑

## ChangeLog
- 2017.3.7 创建模板
- 2017.3.12 移动端优化
- 2017.12.20 修改部分内容
- 2018.6.20 新增左栏固定功能（切换）

## Acknowledgments
- font-awesome提供字体图标

## LICENSE

MIT © [ITSAY](http://blog.if2er.com)