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

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

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

---

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

初版：https://zzzmh.cn/history/welcome/

第二版https://zzzmh.cn/history/myblog/

---

雖然也花了很多時間精力，但老是走不出 「前端太簡陋」 、 「頭重腳輕沒內容」 、 「開發完就無人問津」 等老大難問題。又不似 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。頭髮能夠脫，妹紙能夠沒有。技術還得繼續折騰下去。

附上

博客地址:
https://zzzmh.cn

其餘線上項目：

極簡壁紙:
https://bz.zzzmh.cn

極簡插件:
https://chrome.zzzmh.cn