title: 个人网站架构设计(一)
categories:
<p>网站地址：<a href="http://barretlee.com">http://barretlee.com</a></p>
<p>从大二开始，坚持每月3到8篇的技术分享，到现在差不多两年了。一直在分享之中跟着大家一起进步，从最开始的<a href="http://qianduan-notes.diandian.com/" target="_blank">点点网</a>，到<a href="//github.com/barretlee/" target="_blank">github</a>，再到现在的博客园。分享是一件有趣的事情，能够收到很多的反馈，渐渐地，已经把写博当成一种习惯。</p>
<p>在不同的平台上写博客会有不同的感受，但是几乎没有哪个平台可以满足自己的所有需求，比如，期望没有广告、希望速度可以更快、自己可以更多的操作后端、找个地方放DEMO、有个NodeJS测试的环境、自定义样式和主题等等，对我这个喜欢折腾的人来说，这些需求真是太普通了，可惜，没有哪个平台可以提供这么多的服务。再如，我希望把更多的生活中元素或者情感的东西带到博客中来，这些平台貌似不太适合做这些事情。</p>
<p>无奈之下只好自己花点钱买个主机安置个人网站。搭建一个网站是一个系统学习前后端的最佳机会，之前考虑过使用别人的框架，快捷搞定一个博客平台，但是我希望这次的网站架设能够承受几十万甚至上百万的PV（哈哈，这个可能性几乎为零，主要为了提高标准），同时也支持一些诸如陌生人交流，网站爬虫归类等等附加的功能。用商业性网站的建站标准来规范化网站，也给自己一个实践的机会~</p>
<p>花了四五个小时整理了思路，考虑的东西有点多，所以通过文字将建站的整个过程记录下来。</p>
<h3>1、网站定位</h3>
<p>记录生活，分享交流。凸显交流。</p>
<h3>2、设计理念</h3>
<ul>
<li>重视体验</li>
<li>数据在前端</li>
<li>实时更新</li>
<li>快、稳定、安全</li>
<li>自动化</li>
<li>低消耗、低流量</li>
</ul>
<h3>3、基本架构</h3>
```
+------------------+ +------------------+
| Front-End | | Browser |
| | | |
| 前端处理 | +--------------+ |
| |←---→| LocalStorage | |
+--↑-----↑-----↑---+ +--------------+---+
| | |
+--↓-----↓-----↓---+
| NodeJS | +-------------+
| 处理I/O | | Database |
| |←-+-→| |
+-----|-----↑------+ | | |
| | | | |
+-----↓-----|------+ | +----------+ |
| PHP | | | | |
| 处理数据 |←-+-→| cache | |
| | | | |
+------------------+ +----------+--+
```
<p>三个重点：</p>
<ul>
<li>前端数据缓存。数据放在本地LocalStorage中，用户每次访问网站，都会从数据库拉去数据，同步到本地。低版本IE基本快死绝了，这个降级处理。</li>
<li>NodeJS 处理I/O，如果某个页面的单日访问量太大，不至于服务器扛不住。由于全站使用socket连接，利用NodeJS也便于后端编程。</li>
<li>数据库对针对访问频率进行cache。</li>
</ul>
<h3>4、基本模块</h3>
<ol>
<li>留言，多个位置使用，组件化处理</li>
<li>自动化分享，发布文章自动分享到 SNS 上</li>
<li>防盗链/盗链</li>
<li>数据自动备份</li>
<li>后台发文系统</li>
<li>提问交流平台</li>
<li>陌生人交流模块</li>
<li>最新资讯的爬虫</li>
<li>RSS聚合</li>
<li>QQ回复/邮件自动回复功能</li>
</ol>
<p>后续会针对每个功能模块，进行详细的记录。</p>