meiyoun/me

web前端个人简历

介绍

web前端个人简历：一个追梦在前端路上的小白

相关技术

• particles.js粒子插件
• Handlebars.js模板引擎

在线预览

web前端个人简历：一个追梦在前端路上的小白

使用说明

1. 修改src/config.js内容作为配置文件

export default {
  // 首页部分
  page1: {
    titleEn:'Hello,I`m WeiTingting', //英文标题
    title: '一个追梦在前端路上的小白',//中文标题
  },
  // About Me部分
  page2:{
    authorImg:'xxx.jpg',// 作者头像
    xinhui:'...',// 幸会
    qiuzhi:'...',// 求职意向
    guanyuwo:'...'// 关于我
  },
  // My Services部分
  page3:[{
    icon:'icon-xxx', // 图标
    title:'...', // 标题
    msg:['...']//介绍
  },
 ...],
  // My Mastering部分
  page4:{
    // 我的历程
    course:[{
      date:'2020/6——毕业',// 时间
      desc:{// 经历
        title:'...',
        list:['...']
      }
    },
 ...],
    // 我的拓展技能掌握
    singlelist:[{title:'...',text:'...'}],
    // 我的基本技能掌握
    proresslist:[{
      title:'..',//例：HTML
      value:'..'//例：85%
    },
 ...]
  },
  // My Production部分
  page5:[{
    title:'...',//作品名称
    content:'...',//作品名称
    image:'...',//作品图片
    href:'...'//作品地址
  },
 ...],
  // 结尾页部分
  page6:{
    github:'...',//github链接
    bili:'...',//B站链接
    email:'Mailto:[email protected]?Subject=邮箱标题&Body=邮箱内容！',//email
    zhihu:'...',//知乎链接
    weixin:"<img style='width:120px' src='...' alt='加载失败'>",//微信弹窗
    qq:"<img style='width:120px' src='...' alt='加载失败'>"//QQ弹窗
  }
}

2. 运行index.html文件访问本地服务 (！！注意：因为file跨域问题，本地运行必须以服务器方式启动项目！)

截图预览

"# Me"