【zzzmh个人博客】一枚Java程序的个人建站之路 (干货)

sugarmo 发布于2019-05-29 17:51 / 2881人阅读

摘要：又不似程序员可以直接套用框架来快速建站，不重复发明轮子。至此开启了新的折腾之旅。以及百度收录的时候不执行脚本等原因。能对应高并发，还能被百度爬虫识别。主要内容如标题文章等用标签渲染，让百度爬虫一次收录成功。

目前版本的博客地址: 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

私有云超融合服务器个人博客java php制作的个人博客免费的个人小程序个人博客

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/8994.html

【zzzmh个人博客】一枚Java程序的个人建站之路 (干货)

摘要：又不似程序员可以直接套用框架来快速建站，不重复发明轮子。至此开启了新的折腾之旅。以及百度收录的时候不执行脚本等原因。能对应高并发，还能被百度爬虫识别。主要内容如标题文章等用标签渲染，让百度爬虫一次收录成功。 showImg(https://segmentfault.com/img/remote/1460000018057514); 目前版本的博客地址: https://zzzmh.cn...

jayce 2019-08-08 13:31 评论0 收藏0
【zzzmh个人博客】一枚Java程序的个人建站之路 (干货)

摘要：又不似程序员可以直接套用框架来快速建站，不重复发明轮子。至此开启了新的折腾之旅。以及百度收录的时候不执行脚本等原因。能对应高并发，还能被百度爬虫识别。主要内容如标题文章等用标签渲染，让百度爬虫一次收录成功。 showImg(https://segmentfault.com/img/remote/1460000018057514); 目前版本的博客地址: https://zzzmh.cn...

Hujiawei 2019-08-05 16:08 评论0 收藏0
网站如何获得收入？初识个站广告盈利的基本方法

摘要：效果如下二技术类型网站可以做云主机推广。例如阿里云腾讯云腾讯云推广这类推广需要结合当时的云主机提供商搞的推广活动，以实际为准。目前来看是通过挂图片外链，到云主机的各种产品购买活动，用户消费成功后，按结果的提成。 showImg(https://segmentfault.com/img/remote/1460000017950925); 鄙人不才，建站足有半年有余博客zzzmh.cn 壁...

Jochen 2019-05-29 17:51 评论0 收藏0
新站上线，分享10个最强chrome浏览器插件！瞬间开发效率加倍

摘要：新站极简插件打磨已久，终于上线访问地址借此机会，推荐个最强插件，瞬间开发效率加倍用于调试应用程序的和扩展。可以解决扩展无法自动更新的问题，同时可以访问谷歌搜索，邮箱，等谷歌服务。 showImg(http://upload-images.jianshu.io/upload_images/15934130-50747924438e3c47.jpg?imageMogr2/auto-orie...

cnio 2019-08-23 14:47 评论0 收藏0
新站上线，分享10个最强chrome浏览器插件！瞬间开发效率加倍

摘要：新站极简插件打磨已久，终于上线访问地址借此机会，推荐个最强插件，瞬间开发效率加倍用于调试应用程序的和扩展。可以解决扩展无法自动更新的问题，同时可以访问谷歌搜索，邮箱，等谷歌服务。 showImg(http://upload-images.jianshu.io/upload_images/15934130-50747924438e3c47.jpg?imageMogr2/auto-orie...

yy736044583 2019-08-16 14:31 评论0 收藏0