許久沒有更博了，當初開博的時候還是一個剛保研的大四學生，如今已是研究生畢業兩年，混跡銀行業的IT碼農，生活還算如意，追求不止於此，2016年初終於發佈了自己首個個人網站，寫篇文章分享網站的技術框架。
原文地址：http://www.chengweinan.com/article/22
附全文如下：
歷時3個月，"程偉男個人網站"算是正式上線了
，本網站沒有基於任何博客平臺，完全是從零開始自主搭建的，現將搭建過程中一些值得注意的技術點記錄下來，供大家參考：
一、服務器環境及費用
目前服務器買的是阿里雲ECS，配置走的是最低款，包年價格是824元：
實例： 1 核 1GB系列 I簡約型 t1 I/O 優化實例： 非 I/O 優化實例 系統盤： /dev/xvda普通雲盤 20GB 帶寬： 2Mbps按固定帶寬 CPU： 1核 可用區： 青島可用區B 操作系統： CentOS 6.5 64位 內存： 1GB 地域： 青島 網絡類型： 經典網絡 雲盾： 是
域名是在萬網上買的，域名花了45塊，雲解析花了21塊。好在我的chengweinan.com還木有被人註冊掉
順便申請了一個企業郵箱。
二、網站架構
網站的整體架構是：AngularJS + SpringMVC + MySQL，Web應用服務器選的是tomcat6，另外爲了去除angular-ui機制下URL中的"#"號，還配置了apache服務器。
具體來說，前端是AngularJS框架，純HTML+JS的組合。前後端的通信是通過SpringMVC框架：前端以POST的形式，走JSON數據格式，通過spring-dispatcher-servlet.xml的配置，與後端進行通信。後端是純java代碼編寫業務邏輯。底層訪問MySQL數據庫是通過SpringMVC引入的org.springframework.jdbc.core.JdbcTemplate包，在JdbcTemplateBean.xml中配置數據庫連接的相關參數即可，具體增刪改查操作是在java代碼中完成的。
所以綜上可見，本網站的搭建是非常輕量級的，實際編碼起來也非常簡潔，每個層次的代碼功能劃分明確，高內聚，本人灰常推薦這套架構
三、引入的第三方插件
1. 富文本編輯器UEditor
官網網址：http://ueditor.baidu.com/website/
這個是百度開發的插件。功能非常強大，博客文章中所需的所有內容形式都可以添加和編輯，比如：上傳圖片、視頻，插入代碼，插入地圖，全屏，預覽，打印，本地自動保存（草稿箱）等等。與AngularJS框架也可完美兼容。不過要注意，UEditor只是富文本編輯器，並不是內容管理器，所以通過它編輯所得的文章還是需要自行存儲管理。我的方案是將文章數據存儲於MySQL數據庫中，而數據管理邏輯則寫在網站後端java代碼裏。
2. 評論插件Disqus
官網地址：https://disqus.com/
這個是目前全球使用最廣的評論插件之一。閱讀者可以以Disqus、Facebook、Twitter、Google賬號評論，可惜不支持其他賬戶，也不能以遊客的身份評論。插件使用者可登錄Disqus管理平臺管理所有的評論，並進行垃圾評論控制。其他功能待我慢慢挖掘。
3. 一鍵分享插件JiaThis
官網地址：http://www.jiathis.com/index2
這個是國內開發的一個一鍵分享插件，旗下還有友言社交評論框和友薦猜你喜歡組件。一鍵分享功能可分享到目前國內幾乎所有主流社交網站上，並可以定製分享的標題、摘要等項。功能簡單然強大。
在這裏我還要提一下友言社交評論框，本來網站最初選用的評論插件就是友言，但是因爲其與AngularJS的兼容性不是很好，具體原因是angular-ui機制（前文提到的URL中以"#"號來路由不同的頁面請求）導致本網站都是局部刷新，沒有了獨立網頁的概念，而友言的評論卻是根據獨立頁面的URL來管理評論的，另外，在angular-ui機制下切換文章頁面後，友言插件也不能被再次加載。所以最後不得不放棄友言，選用Disqus。其實友言支持的國內賬號更多，且可以以遊客的身份評論，所以其他國內的博客引擎下，筆者還是推薦使用友言插件。