最近在捣鼓一个挺有意思的项目，叫做“女孩收藏家官网”。听起来有点那但就是一个展示一些插画作品的网站，都是我个人比较喜欢的风格。从想法冒出来到一点点实现，踩了不少坑，也学到不少东西，今天就来好好唠唠。
第一步：确定方向，找灵感！
最开始就是脑子里有个模糊的概念，想做一个展示插画作品的网站。然后就开始疯狂找灵感，Pinterest、Dribbble、 Behance啥的都刷了个遍，看看别人都是怎么做的，哪些设计元素比较吸引我。还特意去研究了一些画廊网站，学习他们的布局和排版。
第二步：选技术，搭框架！
技术这块，我比较熟悉的是*，所以前端就直接定了Vue全家桶。后端嘛一开始想用*自己撸一个，但后来想想太费时间了，就直接上了现成的，选择了基于PHP的WordPress，主要是看中它主题和插件比较丰富，方便快速搭建。
然后就开始搭建项目框架。前端用Vue CLI初始化项目，配置好路由、状态管理啥的。后端就直接在服务器上安装WordPress，选了一个比较简约的主题，方便后续自定义修改。
小编温馨提醒：本站只提供游戏介绍，下载游戏推荐89游戏，89游戏提供真人恋爱/绅士游戏/3A单机游戏大全，点我立即前往》》》绅士游戏下载专区
第三步：搞前端，调样式！
前端这块，主要就是撸页面。先把页面结构搭然后一点点填充内容。插画作品的展示，我选择了瀑布流布局，这样看起来比较灵活，而且能展示更多的作品。样式方面，我尽量保持简约风格，突出作品本身，颜色也选了一些比较柔和的色调，让整体看起来更舒服。
这个过程挺费时间的，各种调试各种改，特别是响应式布局，要保证在不同设备上都能正常显示。遇到问题就查文档、Google，或者去Stack Overflow上找答案，反正就是各种折腾。
第四步：玩后端，配插件！
后端主要就是配置WordPress，安装一些必要的插件，比如图片上传、SEO优化、联系表单啥的。然后就是自定义主题，把前端页面和WordPress结合起来。这个过程也挺痛苦的，因为我对PHP不太熟，很多东西都要现学现用。
WordPress的主题机制还是挺灵活的，可以自定义模板、修改样式啥的。我就根据自己的需求，修改了一些模板文件，让页面看起来更符合我的设计。还用了一些自定义字段，方便管理插画作品的信息，比如作者、描述、标签啥的。
第五步：传数据，做优化！
数据这块，就是把插画作品上传到WordPress，然后填写相关信息。这个过程挺枯燥的，一张张上传，一个一个填写。为了提高网站的加载速度，我还对图片进行了压缩和优化，尽量减小图片的大小。
优化方面，除了图片优化，我还做了SEO优化，比如设置关键词、描述、标题啥的，让网站更容易被搜索引擎收录。还用了一些CDN加速服务，提高网站的访问速度。
第六步：测BUG，上线！
就是测试，各种测试，自己测，找朋友测，尽量把BUG都找出来。修复BUG的过程也很痛苦，有些BUG很难定位，要一步步调试才能找到原因。
测试没问题后，就可以上线！把网站部署到服务器上，绑定域名，配置SSL证书，然后就可以通过域名访问了。看着自己的作品展示在网站上，还是挺有成就感的。
整个过程下来，真的是挺不容易的。从想法到实现，踩了不少坑，也学到不少东西。最重要的是，要有耐心，遇到问题不要怕，一点点解决。还有就是要多学习，多看别人的作品，才能不断提高自己的水平。
网站现在还在不断完善中，后续还会继续添加新的作品，优化用户体验。希望大家多多支持，也欢迎提出宝贵意见！
