技术选型
# 从零开始折腾博客(0)
打算建一个博客总结一下大学的学习生活。本来想用Vue和Spring Boot写一个博客的,但是想了想自己的前端审美,还是决定吸收吸收别人的经验。
所以就看看目前网上有哪些专门搭建博客的框架,目前博客网站框架分为两种,生成的网页是静态网页和动态网页。
# 静态网页和动态网页(来自GPT的解释^^)
- 静态网页: 静态网页的内容在服务器上预先生成,并保存为HTML文件。每当用户请求访问该页面时,服务器都会发送相同的预先生成的HTML文件,无论用户是第一次访问还是多次访问,页面内容都保持不变。
- 动态网页: 动态网页的内容是在用户请求时动态生成的。服务器使用服务器端脚本语言(如PHP、Python、Ruby等)或客户端脚本语言(如JavaScript)来生成HTML,并根据用户的请求动态地生成页面内容。因此,相同的动态页面可能在不同用户或不同时间点上显示不同的内容。
用我的粗话来讲,通过.html生成的网页(不具备数据交互的能力)就是静态网页,通过JSP或Vue之类的动态生成html文件来生成的网页(具备数据交互的能力)。
# 动态和静态的优势劣势(摘抄)
从内容上讲,由于 (纯) 静态网页只是将既有的文件发回客户,所以其网页的内容是固定的;而动态网页由于网页是动态生成的,所以可以做到对于不同的用户,在不同的时间显示不同的内容。所以从功能上讲,动态网页相较于静态网页,能实现更多更强的功能,比如对数据库的支持。
另一方面,从源代码的角度来说,静态网页的源代码是完全公开的,这就导致别人的复制相对容易;而动态网页的 html 页面是动态生成的,浏览器显示的源代码无法显示其后端处理的过程,而后端处理的代码是无法或很难获取到的。
所以总体来讲,静态网页的优势在于无需大量的系统资源 (去进行生成网页的过程),并且浏览打开的速度很快。同时由于只有网页,也相对安全而不易崩溃;同时利于搜索引擎的抓取和处理;而相比之下,动态网页的优势就体现其优秀的交互性,并且由于动态的生成涉及到数据库,使得整个日常维护和结构的更改和迁移变得容易。 对于博客系统来讲,无论是静态还是动态都有着很多优秀的框架。动态框架如 wordpress,静态框架如 Jekyll,hexo ,vuepress等,都是很不错的选择。
原文链接:https://idealclover.top/archives/237/ (这个大佬的博客真棒)
# 总结
从需求出发,我的需求是简洁、方便、支持 markdown 格式、弱前端(PHP不会是重点,好多主流的框架都是 PHP ),通过层层查找我找到了 [vuepress](VuePress (vuejs.org) (opens new window)) ,一个Vue驱动的静态网站生成器。本来是想要弄成动态网页的,但是发现目前的时间和掌握的技术并不支持。
# 技术选型
# VuePress
Vue 驱动的静态网站生成器[VuePress](VuePress (vuejs.org) (opens new window)), 就决定是你了😊。