「给个网站」做个网站送给女朋友

给个网站

前言

学生程序员一枚，女朋友生日快到了，正愁没东西送，正好最近在学前端的知识，决定做一个网站送给女朋友。初学前端水平有限勿喷。

主要想法

用女朋友的名字拼音申请一个域名，网站分为一个登录页面和一个主页面，主页面放置我和女朋友的一些回忆和照片。

实现

一开始先上模板之家找了一些好看的css模板，经过一番增删改操作后，基本把程序文件搞定。

然后就是申请域名和买一个服务器：

域名：阿里云top后缀的域名，首年9元之后续费二三十一年。

服务器：看了阿里云的服务器价格，学生党实在是伤不起，经朋友介绍买了个野草云的服务器，是海外服务器（香港），168/年可以搭建2个网站和朋友一起用。（阿里大多数服务器是国内的，都需要进行备案，备案要好一段时间才通过，海外的服务器就不用）

tip:但是这里还是不推荐野厂的服务器，有条件还是入手大厂的。

在这里插入图片描述

发现问题

弄完发现没法在微信正常分享，会被重新排版。查了下原因是要在微信公众平台绑定js接口安全域名，然后才发现要备案过才能绑定，即域名绑定的服务器要去备案。

然而，海外的服务器是没有备案流程的，于是我去问了微信客服，得到的答复是没有备案的域名就没办法正常分享，在网上找了很多也没找到解决的方法，作罢。（但是朋友买的.com域名没有备案也没被限制，有点奇怪）

尝试在手机上打开我的网站，发现手机打开主页面非常慢，一方面可能我的图片比较多，整个image文件90+m，一来我想是服务器不太给力。

所以如果有小白要买服务器来用，尽量还是选择大厂像阿里、腾讯、华为之类的，用国内服务器可以备案，不会有被微信限制的问题，而且大厂应该产品比较给力吧，但是备案认证什么的都需要些时间。

整个主页面效果还是不错的，涉及较多个人照片就不展示了

登录页面效果如下：

在这里插入图片描述