【zzzmh我的博客】一枚Java程序的我的建站之路 (乾貨)

目前版本的博客地址: zzzmh.cn 圖片演示：

我的建站已有半年有餘，簡單分享一下建站的心路歷程和用到的一些技術 自從學了編程之後，就一直想着要有一個本身的線上網站 苦於學藝不精，對java之外的技術又知之甚少，一直拖到去年纔開工。

---

期間也走了很多彎路 例如個人第一個網站是建在手機裏的。用安卓手機跑linux虛擬機+花生殼DDNS+H5頁面實現的簡單的小站，源碼我仍留在服務器上，同2個版本。

初版：zzzmh.cn/history/wel…

第二版zzzmh.cn/history/myb…

---

雖然也花了很多時間精力，但老是走不出 「前端太簡陋」 、 「頭重腳輕沒內容」 、 「開發完就無人問津」 等老大難問題。又不似php、nodejs程序員能夠直接套用wp、hexo框架來快速建站，不重複發明輪子。但願仍是以Java爲主開發一套獨一無二的博客。

因而在半年間花心思自學了一下前端技術（Vue、Amazeui、Bootstrap、ES6）以及Linux入門。至此開啓了新的折騰之旅。

網站前端用的是模板之家的一套前端現成的H5C3的模板：連接

同時試過先後端分離等各類開發模式後，考量了服務器性能才1C2G1M的學生服務器。 以及百度收錄的時候不執行JS腳本等緣由。 最終絕對逆流而上，倒退二十年。啓用JSP的C標籤。 雖然技術老掉牙，可是效率高，佔用內存低。能對應高併發，還能被百度爬蟲識別。 主要內容如標題、文章等用C標籤渲染，讓百度爬蟲一次收錄成功。 其他次要元素如評論、留言板、閱讀次數等 仍使用Springboot+SpringJPA提供接口。

前端用了一堆第三方框架來豐富視覺效果。 除Bootstrap之外， 還有例如 代碼高亮prettify.js、自我介紹的網頁3DPPTimpress.js、一鍵分享social-share.min.js、瀑布流isotope.js、圖片輪播owl.carousel.js等等 相關博客：Animate.css、Isotope.js、loadding動畫、share.js、懶加載、impress.js

後端的優化主要集中在Tomcat 、 Nginx、Mysql 控制併發、訪問頻率、內存佔用。 以及開啓GZIP、HTTPS 、HTTP2等。 相關博客：HTTPS、HTTP2、Mysql、Nginx、Tomcat、Centos

最後發現網站內的靜態圖片、js、css文件愈來愈多，網站訪問起來速度逐漸變慢，1M上行網速瞬時捉襟見肘，須要開啓OSS&CDN來加速 OSS&CDN我也是把但凡是有免費額度的都用了個遍 如阿里雲OSS、騰訊雲COS、網易雲NOS、七牛雲OSS、UCLOUD、又拍雲OSS 中間因爲技術支持狀況以及費用等種種緣由，目前總體用下來感受是七牛雲和又拍雲的體驗最好。除了國內訪問速度快、技術支持完整之外，最主要是免費額度大，持續時間長，徹底能做爲主力OSS&CDN長期使用 相關博客：OSS

---

尾聲

一如編程深似海，學不完的技術，改不完的bug。頭髮能夠脫，妹紙能夠沒有。技術還得繼續折騰下去。

附上

博客地址: zzzmh.cn

其餘線上項目：

極簡壁紙: bz.zzzmh.cn

極簡插件: chrome.zzzmh.cn