当青训营遇上码上掘金

引言

引言：当青训营遇上码上掘金，在参加青训营之前还未发现稀土掘金平台，笔记记录和代码训练都是由本地实现，没有很好的管理，所以学习效率较低，后来了解到了稀土掘金平台，发现该平台不但可以记笔记，还能书写文章、代码，分享自身的学习成果，最重要的码上掘金可以在线运行代码，使学习者高效学习。所以我利用码上掘金选取了主题一我的名片开启我的码上掘金之途。
在我理解中我的名片代表了我个人意志的外在体现，是个性的外在延伸，能够让其他人在第一时间了解我、认识我，便于双方之间的沟通和交流。同时能传递出我所擅长的工作范畴，减少了与客户间不必要的琐碎事务，大大提升了工作效率。所以我的想法是可以通过制作最为简洁明了、逻辑清晰同时又能在第一时间吸引眼球的的名片向外界介绍自己。

制作思路

我认为展现名片应该是面向全球的，则选择以英文国际通用语言书写名片。我认为名字、邮箱（email）、电话号码、头像是最直接向外人介绍的方式，所以我将名字字体设置为最大，邮箱和电话号码字体设置为次大，头像可上传为个人照；在介绍完个人最基本的信息时，还额外提供QQ、WECHAT的联系方式，点击图标即可跳转到对应软件平台的联系方式；为使外界进一步了解自己，在各种联系方式下有对自己基本情况的介绍，从左到右分别介绍了所在学校、就业方向以及个人长处。最后将调整页面样式，设置背景为蓝色大海，重色背景更能吸引眼球，同时选用了码上掘金的标签装饰，使得页面更为美观。

部分样式代码

#app{
  width: auto;
  height: 649px;
  font-size: 20px;
  /* background-color:rgb(32, 106, 202); */
  background-image:url("https://p6-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/e964c379485c4fc79ffeea8eb0e42db5~tplv-k3u1fbpfcp-watermark.image?");
  background-size: cover;
  background-repeat: no-repeat;
  margin: 0%;
  font-family: 'Times New Roman', Times,serif;
  display: flex;
  justify-content: center;
  align-items: center;
}
.content{
  background-color: rgb(190, 220, 229);
  width: 600px;
  height:400px;
  border-radius: 10%;
}
.content-top{
  background-color: rgb(167, 131, 226);
  width: 600px;
  height: 220px;
}

结果展示