程序员的副业：2020 下半年副业开启！

分享我的副业经历，也继续今年下半年的副业之旅，讲一讲制作线上专栏时的一些困难，总结一些经验，给后面有此想法的朋友一些参考。

前文回顾： Vue+Spring Boot 前后端分离的商城项目开源啦！

副业继续！

2020年 7 月 6 日我发布了一篇年中总结的文章，主要记录了一下这半年的一些经历，在工作之余我做了哪些事情，总结如下：

• 公司没了，重新换了一份工作
• 第一本掘金小册更新完结
• 对2018年上线专栏的进行更新升级
• 新蜂商城 Vue 版本开发完成并开源所有代码
• 发布上线一个视频课程
• 与出版社签订合同：第一本书籍的出版
• 极客时间平台做分享
• 公众号运营

感兴趣的朋友可以看一下 《「2020年中总结」这半年我又做了哪些副业？》 这篇文章，里面记录了上述事件的详细内容。

今年 6 月份，我在极客时间平台上做了两个小分享，6 月底完成了这部分内容的底稿制作和审核，7 月份的时候已经在极客平台上上线了，不过上线步骤我并没有参与太多，严格来说，6 月底我就完成了上半年的副业工作。

下半年开启后，我也没有闲着，副业继续！

《Vue 商城项目开发实战》小册上线！

如下图所示，在掘金官网的小册列表里可以看到 《Vue 商城项目开发实战》 ，这是我在掘金小册上的第二个作品，去年已经上线过一本掘金小册，第二本掘金小册能够顺利上线比上一次更加开心，很感激掘金对我的认可和帮助，也要特别感谢一下各位朋友的支持！

在进行了充足的准备和内容制作后， 《Vue 商城项目开发实战》 已于掘金小册平台开启了预售，小册计划章节为 40 章，目前已完成 20 章，严格来说并没有完全上线，当前只是进行预售的操作。

所以下半年还会花费不少精力在这个小册的内容更新上，最近这两个月并没有更新太多篇文章，因为下半年开启之后所有的精力都花费在这本掘金小册的内容制作上面，包括预售章节的内容更新、宣传图的制作、小册介绍内容的编写。

这本小册在上半年就开始计划了，包括整理出 40 篇文章的目录、前几篇样章的试写，以及和掘金方面的沟通，这些都是在之前就已经做完了，不过中间一直没有最终敲定，过程还是有些曲折的，所以一直在审核和沟通，后面这两个月确定会上线之后，就把这两个月的所有时间都放在这个小册上。

艰辛的内容准备过程

这次小册上线前的内容准备包括：

• 20 篇预售章节的制作
• 小册介绍内容的制作
• 部分效果图的制作

以上这些素材准备花费了很久，20 篇预售章节的制作自不必说，这些内容是最重要的，不过这些内容倒没有让我掉太多头发，因为更新大纲已经规划好了，只需要按部就班的去更新内容就好，更让人抓狂的其实是后面两个事情，整理小册介绍和效果图片制作时真的让我头都秃了。

课程的第一印象

虽然小册介绍总字数也就是 2100+，但是这篇介绍文案对于整个小册来说确实非常非常重要，也因此这篇文章前前后后改了大概 5 、6 次，大家看到的只有两千多字，但是在写底稿时可是要远远多于这个数字的。生活中我们都知道第一印象的重要性，也知道第一眼惊艳是种什么感觉，而这篇介绍也就是小册与读者之间的第一次交流，读者对于小册的第一印象完全来源于此。

第一印象（first impression），知觉主体与陌生人第一次接触或交往后的所得印象。对人们形成对人或事物的总印象具有较大影响，即先入为主。可能是肯定的，也可能 是否定的。常常成为人们决定自己第二次乃至以后交往行为的依据。之所以起巨大作用，是因为由最初的信息形成 的表象没有受到识记中前摄抑制的影响。

这是一篇总结性的文章，需要在一篇文章对整个小册进行概述，整理好语言把大部分内容介绍给大家，以及大家可能对于小册的疑问进行完善的解答，让读者知道这个小册是干嘛的、能帮到读者什么、如果购买了会有什么收货等等。不仅仅是每个段落的内容，还包括段落标题的写法，都要绞尽脑汁的去想。

如果没有很好的概括整个小册内容，或者写的都是些没有帮助性的语句，草草的介绍一下这个小册，那很可能让读者不知道这个小册是干嘛的，印象分也就大打折扣。

课程的门面

不仅仅是小册介绍内容的编写，每篇文章中的效果图片也需要花费大量的心思去做，一图胜千言的道理我们都懂，也因此我把这些图片称作为“课程的门面”。当然，不仅仅是写专栏，平时大家在写博客或者写工作报告等等内容的时候也需要注意图片的使用和制作，因为插图的作用实在是太大了。

这里我以课程中几张图片的制作过程为例，来对这部分内容进行讲解。

最开始新蜂商城 Vue 版本的产品效果图是下面这张：

这是最开始做的新蜂商城宣传效果图片，虽然其他编辑人员都觉得不错，不过我还是觉得这张图片太单薄，没有展示太多内容，不能让大家在一张图里获得最多的信息。

于是就计划在一张图里尽可能的多放一些新蜂商城成品的预览图片，之后开始去鼓捣 PS，想着怎么去对这些图片进行排版，纵向排列、九宫格排列、横向排列、乱序排列等等，尝试了很多种方式。

当然，也参考了很多的产品宣传手册去做，第二次修改做出了下面这张效果图：

刚开始看着还挺好的，这张效果图做出来的时候我开心了很久，因为这个排版比直接横向或者纵向排列要好很多，但是过了几天的时间，每天都去重复的看几遍之后，我觉得还是不行，得继续修改。

首先是这张图纵向排列，高度值较大，单独看没什么，但是放到文章里，你明显会感觉到这玩意儿非常占用版面，调小一点的话这张图片它就糊了，不调整的话呢可能一屏的高度展示不完，还需要上下拉动鼠标才能浏览完整图片。

其次，如果仔细看的话，可以看到这张图里还有一些小瑕疵，每个功能页面小预览图的宽高没有完全一致、小预览图之间排列时并没有完全对齐，因为我 PS 功底确实不怎么样，也就只能做到这个程度了。即使如此，我觉得成品图不满意的话，我还是要重新改，PS 多练练、素材多找找、排列效果再想想。

PS 练习了挺久，找排版素材也找了很久，之后是调整数据-->截图-->制作成品图，力求做到在一张图里就能够看到项目的全貌，而且要保证宣传成品图在美观、炫酷的同时也要保证能够提供给大家充足的内容展示，最终选择了下面这个版本：

另外一张图片：

这张图片也花了一些时间，因为我还是想着不要太单调，比如这个项目开发流程，完全可以用文字去写，但是我觉得使用图片这种形式会更好一些，于是就制作了这张图，整体步骤就是：调色、画形状、排列组合，有些素材我还保留着呢：

我就是一个这样的人，不会觉得麻烦了就不去做，如果有更好的效果，不管如何我都会去尝试做到我认为的最好。

总结

开启了下半年的副业之旅，也上线了自己在掘金的第二本小册，当然，也介绍了小册制作过程中我认为的一些难点。接下来的时间就是好好更新小册的剩余内容，之后会去开发新蜂商城小程序，下半年的安排暂时就这么多。

关于小册 《Vue 商城项目开发实战》 的内容和小册讲解的技术点，大家可以到小册详情页查看，本文就不再继续啰嗦啦，感谢大家的观看。

祝学习愉快！

除注明转载/出处外，皆为作者原创，欢迎转载，但未经作者同意必须保留此段声明，且在文章页面明显位置给出原文链接，否则保留追究法律责任的权利。