爱情这点小事里，不花钱也可以很有情致～
你看鹅厂程序员小彭，在520来临之际，给女朋友写了段代码，不花钱就让女朋友惊喜又感动。
https://elvinn-1aa07a-1251269979.tcloudbaseapp.com/xinyi/
程序员写代码讨女孩欢心，不是啥新鲜事儿。
今天的新鲜事儿是，小彭要教小白们写代码讨女朋友欢心。（任何有电脑基础的文科生，包学包会，不会白送你云女友一个。）
来，拿出你的电脑。
第一步：
打开 https://github.com/elvinn/wedding-invitation
在这里你可以下载到源代码
强调一下，下载的文件，记得放在桌面上，不然会影响后面的操作。
这些代码不全是小彭敲出来的，他特地强调，自己的代码引用了网友素材，在此感谢：
href="https://github.com/leadream/wedding-invitation-for-programmers">仓库 - 程序猿的婚礼邀请函
https://github.com/leadream/wedding-invitation-for-programmers
第二步：
Node是一个程序员经常会用到的开发软件，你当然也会用到。
所以，你需要安装 node，用来编译代码。
（温馨提示：别怂。）
下载地址 http://nodejs.cn/download/
第三步：
找到第一步下载的文件，解压到桌面。
打开来里面有一堆文件，划红线部分是后面要用到的。
第四步：
这里不同电脑操作系统的步骤会不一样。
先来说mac系统，需要使用 terminal（也就是下图中的“终端”），双击打开。
复制以下代码粘贴到框里：
cd Desktop/wedding-invitation-master/
注意，上述内容不要盖住框里本来的代码。然后，点击回车键。
Windows系统的话，使用 cmd（打开下图箭头所指的命令提示符）
复制以下代码粘贴到框里：
cd Desktopwedding-invitation-master
最后，回车。
第五步：
在框里执行下列命令：
npm config set registry http://mirrors.cloud.tencent.com/npm/
npm install
npm run serve
上述代码，一行一行粘贴到框里，不要一次性贴进去。粘贴完，点击回车，出现下面这个框：
第六步：
打开电脑上的浏览器输入 http://localhost:8080/xinyi/ ，进行本地预览。
第七步：
关键步骤来了，开始改写情书！
1.打开第三步解压的文件包，修改 src/mock/data.js 这个文件里面的内容，例如，你需要修改名字、时间之类的。
2.打开src/images，里面有文件名为photo.jpg的照片，这是小彭和女朋友的照片，记得替换成你的照片！需要注意的是，新替换图片的文件名也需要命名为photo.jpg
第八步：
大作已经完成了，可以把你女朋友拉到你的电脑前来看预览了：点开链接，哇～哦～
也就那样啦！
不过，要说爆炸级别的惊喜，哪比得上她不经意间的一瞥？假设，这是一条你在聊天间隙发给她的链接。。。
对，要创造这“不经意间的一瞥”，重点是，你要把这个链接当成一个普通公号文章的链接发给她。
问题是，文件在你电脑桌面上，女朋友打开链接能看到个啥呢？
为了解决这个难题，你需要耐下性子，来看一条鹅厂硬广。
第九步：
开通腾讯云的云开发静态网页托管能力。
操作指南可以参考下面链接里的文档：http://docs.cloudbase.net/hosting/
开通之后，记录下这个环境 id（下图红框内容）
然后，打开第三步里解压的文件夹，将里面的cloudbaserc.json 和 package.json 中的 elvinn-1aa07a 替换成上面的 环境 id
在 cmd 黑框框里，执行下列命令：
npm run build
npm run cloud:login
npm run cloud:dist-front
一行一行地粘贴，点回车，部署成功！
第十步：
看到上面链接了吗？（蓝色部分）
复制粘贴给你女朋友吧！
PS.为了祝愿你的爱情十分圆满，小彭特意凑了十步来讲。
祝你女朋友开心～
