今天跟大家唠唠我搞的这个“白嫖者联盟网页”，一开始就是图一乐，没想着搞多认真，但没想到越搞越上头，现在基本成型了，分享一下我的折腾过程。
起步：想法很简单
最初的想法很简单，就是想把自己平时搜集的一些免费资源，比如软件、电子书、视频啥的，整理到一个地方，方便自己用，也方便朋友们。毕竟谁不喜欢白嫖？
第一步：选型，定框架
第二步：搭环境，搞前端
* + npm/yarn 这俩是跑前端项目的基操，装Vue CLI 用这玩意儿快速搭建Vue项目，省事儿。Element UI 引入Element UI，组件库用起来真香，各种现成的按钮、表格、弹窗，不用自己吭哧吭哧写样式了。页面布局 简单粗暴，顶部导航栏，中间内容展示区，底部版权信息。第三步：数据，内容是王道
资源分类 软件、电子书、视频、图片，先分这几大类。数据存储 一开始直接用的JSON文件，简单粗暴，后来资源多了，感觉不太行，考虑换数据库，但又怕麻烦，就先这么凑合用着。资源上传 手动添加，一条一条录入，累死个人，后期肯定要搞个后台管理系统，批量导入。第四步：功能实现
资源展示 用Element UI的表格组件，把资源信息展示出来，包括名称、大小、下载链接、介绍等等。搜索功能 这个必须有，不然资源多了找起来太麻烦，用Vue的计算属性实现了简单的搜索。下载功能 直接放资源的下载链接，点击跳转，简单粗暴。第五步：美化，颜值即正义
主题色 选了个自己喜欢的颜色，整体风格看起来清爽一点。图标 找了一些免费的图标，让页面看起来更生动。细节调整 各种边距、字体大小、颜色啥的，一点一点抠，力求完美。第六步：部署，让大家都能用
GitHub Pages 免费的静态网站托管服务，简单方便，直接把代码push上去就行了。域名 还没搞，先用GitHub Pages提供的免费域名凑合用着。遇到的坑
跨域问题 因为有些资源是从其他网站获取的，涉及到跨域问题，折腾了好久才解决。资源链接失效 有些资源链接会失效，需要定期检查更新，也是个麻烦事。总结
整个过程下来，学到了不少东西，也踩了不少坑，虽然现在这个“白嫖者联盟网页”还比较简陋，但基本功能都实现了，也算是个小小的成果。下一步打算搞个后台管理系统，优化数据存储，增加用户评论功能，让它更完善。
- 前端框架：* + Element UI
- 数据存储：JSON文件（后期考虑换数据库）
- 部署平台：GitHub Pages
3，白嫖虽但也要尊重原创，支持正版！
