最近自己的个人网站算是正式上线了，也已经有很多朋友光顾了，沉下心来思考了几天，关于个人网站我建设，我得出了一个结论：
在后移动互联网时代，个人网站可能根本就无法给个人带来收益，但我还是在这个尖锐的时间点，打造出了自己的个人网站，纠其根本原来有两点：
1、兴趣推动着我去仔细研究马斯克的SpaceX！
2、程序员的职业出身逼近着我要在网络上有自己的一席之地！
在虎年春节的假期中，我大干了一场，完成了主体UI的设计与代码的编写，前几天域名备案成功，网站正式上线了，主页截图给大家看一下：
网站的主旨思想
网站可视化的四大主题
SpaceX任务概况
个人的一些文章或视频
接下来，我将详细地讲述一下我搭建这个网站的过程，希望能够帮助到同样有心想要搭建自己网站的朋友。
网站的根本--内容
在搭建自己的网站之前，一定要能十分明确地列举出，自己的网站要展示什么内容，这是搭建网站的前提与根本！我的内容方向十分清晰，就是要实现两点， 其一是通过可视化的方式尽可能的将SpaceX的相关信息展示给公众，其二是将自己在一些自媒体平台上已发布的一些精品文章或视频搬到个人网站上 ，就这两点，十分的清晰与明确！也只有这样，在网站搭建的过程中才不会跑偏！
在SpaceX信息的可视化上，我归纳了五大主题，分别是综合、星舰、猎鹰、星链、商业载人，针对这四大主题，我没有文字介绍，全部都是可视化的图表，综合领域先给大家截几张图看一下：
发射次数及年份统计
一级火箭飞行记录
轨道与客户
发射台与回收台
火箭参数
发射列表
在综合主题域，我重点放置了SpaceX历年的发射记录及相关信息以及SpaceX当下火箭的相关参数，猎鹰主题域的截图如下：
猎鹰主题域，我重点放置了猎鹰系列火箭的年飞行统计，重点强调了其一级助推器的复用状态。星链主题域的截图如下：
星链的统计相对简单一些，我列举出了历次的星链发射任务、星链卫星当下的数量、版本、轨道高度等信息。商业载人这块的截图如下：
商业载人主题域，我主要列举出了历次的发射任务及当下已发射的宇航员统计信息。
另外，针对每一次的发射任务，我制作了一个页面模板，可以让大家快速知晓这个任务的基本信息，页面模板包括两部分，一是这次发射的基本信息表格，另一个就是这次任务一级火箭的实时高度与速度拆线图，这部分数据我是通过视频文字识别技术提取的，截图给大家看一下：
页面模板的优势相当明显，它可以自动给每一次发射任务生成一个不一样的内容页面，可以极大地提高内容的丰富程度。
网站上的第二大核心内容是我在自媒体平台上的一些文章或视频，搬到个人网站上的好处是可以让这些内容持久在存在于互联网上，因为自媒体平台上内容每日更新量十分巨大，这会导致自己的内容可能就永久性的深入海底了，另外，因为是自己的网站，我完全可以将相同内容的文章与视频集成在同一个页面上，喜欢看视频的可以看视频，喜欢看文章的可以看文章，一举两得，截图看一下：
对了，到这里可能有朋友会问，自媒体平台上的文章和视频如何搬到个人的网站上呢？其实很简单，在后续的技术部分，我会详细地介绍。
网站的脸面--UI
明确了网站的内容之后，接下来要明确的就是网站的脸面，因为一个网站的UI设计直接决定了这个网站的品质，在UI这块我已尽了我最大的努力，因为我是一名后端程序开发人员，前端开发、UI设计及美工技术更是极度匮乏，那这种情况下应该如何去设计自己网站的UI呢？其实也简单，找一个你自己喜欢的网站，研究它的设计思路与风格，针对个人网站的实际情况进行调整，这样至少能够让自己网站的UI快速达成1.0版本，后续随着审美的变化，针对局部进行优化就可以了。
通过我上面的截图大家可以看到，我的设计理念就是简约，只要能够顺眼地展现出我想展示的内容就可以了。
网站的推动力--让兴趣成真
这个相当重要！因为搭建一个网站是相当费时费力的，时不时会打退堂鼓，此时如果自己的兴趣意志不够坚决，自己做成一件事的意志不够坚决，那么这个网站的上线可能要到猴年马月了！所以，如果你想要亲手搭建自己的个人网站，就必须要时刻牢记：
让自己的兴趣有一个良好的载体！让自己的兴趣成真！
技术篇--空间与域名
我一次性买了三年的轻型云服务器，2个CPU核心，4G内容，50G的SSD存储，一个月1000G的流量包，带宽6M，一年74块钱，三年222块钱，这个云主机我部署了四套程序，一个关系型数据库用于存储数据，一个内在缓存程序，一个门户网站，一个数据自动刷新后台程序，物尽其用！
域名方面，我选择了国际顶级域名，名字匹配网站的内容，马斯克的公司不是叫SpaceX么，而我的网站是关于马斯克的SpaceX的，所以我的域名就起了aboutspacex，一年28块钱，在坚持开发自己网站的过程中，提前进行域名备案，因为域名备案可能是一个漫长的过程，我的域名经过了15天才完成备案。
技术篇--前后端技术选型
我是一名Java系的后端开发人员，后端服务理所当然选择了Java，前端方面，以前使用过BootStrap，我觉得它配合Jquery很好用，因为有过了解，前端技术其实就这两个，在前后端之间，我使用了页面模板技术，因为熟悉FreeMarker，理所当然就采用它了。数据库使用免费的Postgresql，缓存使用redis，一套下线简简单单，配合使用很顺手！
技术篇--系统架构
架构简简单单如下图所示：
门户网站只读不写，数据来源于Postgresql数据库，中间使用redis缓存提高加载速度，因为网站数据的并不是每天发生变化，所以我将各种数据的缓存时间都设置了至少一小时。数据服务完成两个功能，一是调用第三方接口加载SpaceX的各种信息，实现数据的自动刷新，调用频率为8小时，内容管理模块，我做了一个简单内容编辑器，支持富文本编辑及第三方视频的嵌入，目前这种设计的工作效果我很满意。
番外篇--盈利
简简单单几个字：
想过，但不敢想太多，先放个打赏码顶天了！