目前版本的博客地址:
图片演示:![zzzmh.cn zzzmh.cn](https://upload-images.jianshu.io/upload_images/15934130-8a2c054381ac6116.gif?imageMogr2/auto-orient/strip)
个人建站已有半年有余,简单分享一下建站的心路历程和用到的一些技术
自从学了编程以后,就一直想着要有一个自己的线上网站苦于学艺不精,对java以外的技术又知之甚少,一直拖到去年才开工。期间也走了不少弯路 例如我的第一个网站是建在手机里的。用安卓手机跑linux虚拟机+花生壳DDNS+H5页面实现的简单的小站,源码我仍留在服务器上,同2个版本。
第一版:
![](https://upload-images.jianshu.io/upload_images/15934130-1d0588f41327ea22.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
第二版
![](https://upload-images.jianshu.io/upload_images/15934130-1503c3a59623cecc.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
虽然也花了不少时间精力,但总是走不出 “前端太简陋” 、 “头重脚轻没内容” 、 “开发完就无人问津” 等老大难问题。又不似 php、 nodejs程序员可以直接套用 wp、 hexo框架来快速建站,不重复发明轮子。希望还是以 Java为主开发一套独一无二的博客。
于是在半年间花心思自学了一下前端技术(Vue、Amazeui、Bootstrap、ES6)以及Linux入门。至此开启了新的折腾之旅。
网站前端用的是的一套前端现成的H5C3的模板:
![](https://upload-images.jianshu.io/upload_images/15934130-ed7fe4a664032317.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
同时试过前后端分离等各种开发模式后,考量了服务器性能才1C2G1M的学生服务器。
以及百度收录的时候不执行JS脚本等原因。最终绝对逆流而上,倒退二十年。启用JSP的C标签。虽然技术老掉牙,但是效率高,占用内存低。能对应高并发,还能被百度爬虫识别。主要内容如标题、文章等用C标签渲染,让百度爬虫一次收录成功。其余次要元素如评论、留言板、阅读次数等仍使用Springboot+SpringJPA提供接口。前端用了一堆第三方框架来丰富视觉效果。
除Bootstrap以外,还有例如 代码高亮prettify.js、自我介绍的网页3DPPTimpress.js、一键分享social-share.min.js、瀑布流isotope.js、图片轮播owl.carousel.js等等相关博客:、、、、、后端的优化主要集中在Tomcat 、 Nginx、Mysql
控制并发、访问频率、内存占用。以及开启GZIP、HTTPS 、HTTP2等。相关博客:、、、、、最后图片、js、css一多,1M上行网速瞬时捉襟见肘,需要开启OSS&CDN来加速
OSS&CDN我也是把但凡有免费额度的都用了个遍如阿里云OSS、腾讯云COS、网易云NOS、七牛云OSS、UCLOUD、又拍云OSS中间由于技术支持情况以及费用等种种原因,目前整体用下来感觉是七牛云和又拍云的体验最好。除了国内访问速度快、技术支持完整以外,最主要是免费额度大,持续时间长,完全能作为主力OSS&CDN长期使用相关博客:尾声
一如编程深似海,学不完的技术,改不完的bug。头发可以脱,妹纸可以没有。技术还得继续折腾下去。
附上
博客地址:
其他线上项目:
极简壁纸:
![极简壁纸 极简壁纸](https://upload-images.jianshu.io/upload_images/15934130-59b9aafb91b7f214.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
![极简插件 极简插件](https://upload-images.jianshu.io/upload_images/15934130-4a81740978e8fcb3.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)