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

zzzmh.cn

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

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



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

第一版:https://zzzmh.cn/history/welcome/

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



雖然也花了不少時間精力,但總是走不出“前端太簡陋” 、 “頭重腳輕沒內容” 、 “開發完就無人問津” 等老大難問題。又不似phpnodejs程序員可以直接套用wphexo框架來快速建站,不重複發明輪子。希望還是以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.cssIsotope.jsloadding動畫share.js懶加載impress.js

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

最後圖片、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
極簡插件

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章