目前版本的博客地址: 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入門。至此開啓了新的折騰之旅。
同時試過前後端分離等各種開發模式後,考量了服務器性能才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