跳到主要内容

优秀博客

优秀网站汇总​

image-20240802082256052

image-20240802082150647

image-20240802082231287

目录​

[toc]

1. 前后端分离架构​

特点：

  • 前后端分离：前端和后端是两个独立的项目，通过API进行交互。
  • 灵活性和可扩展性：前端和后端可以独立开发和部署，以适应不同的需求。
  • 适应多终端：可以轻松实现多终端支持，如Web、移动端等。

典型代表：

  • 前端框架：React、Vue.js、Angular。
  • 后端框架：Node.js + Express、Django（Python）、Ruby on Rails。
  • API服务：通过RESTful API或GraphQL进行前后端数据交互。

示例：

  • 前端：使用React或Vue.js构建现代化的用户界面。
  • 后端：使用Node.js + Express提供API服务，或使用Django、Ruby on Rails等框架来处理业务逻辑和数据存储。

应用案例：

  • 个人或团队博客：使用前后端分离的架构可以实现高度定制的用户体验，并且前端可以独立于后端开发和部署。
  • 企业级博客和内容管理系统：需要复杂的权限管理、用户交互、内容发布和审核等功能。

👍 ruyu-blog（大佬，nb，强烈推荐）​

https://www.kuailemao.xyz/

image-20240709113347888

前台：

image-20240709113431995

image-20240709113450687

image-20240709113504998

后台：

image-20240709113524639

image-20240709113541427

👍 小张的个人博客​

2024年7月17日发现宝藏。

开发了快一年的前后端个人分离博客，最近把想做的功能差不多做完了，也进行了大量的测试，修改了已经发现的一些bug，所以就想着发一个稳定的版本让大家使用，剩下的仓库我会继续开发，做更多有趣的功能，锻炼自己的技术。 前端：Vue3、Tailwind.css、sass、Element-plus、Vue-router、Pinia、VueUse、Animate.css、Axios、Md-editor-v3、Npprogress、Echarts 后端：Node.js、Koa2、Sequelize、Jsonwebtoken、moment、mysql2、七牛云对象存储 个人码云主页：https://gitee.com/mrzym 稳定版本代码，包含前端、后端代码：https://gitee.com/mrzym/stable-version-of-blog 预览地址：http://mrzym.top 博客部署教程：http://mrzym.top/#/article?id=6 博客技术交流群：763111710

  • 博客地址

http://mrzym.top/#/

image-20240717073834220

image-20240717073904931

👍 poetize.cn​

https://poetize.cn/

image-20240709141353781

image-20240709141303909

👍 蘑菇博客​

https://www.moguit.cn

image-20240711140726310

http://note.moguit.cn/#/

image-20240818065844745

👍 崔亮的博客​

大佬博客网址

https://www.cuiliangblog.cn/

imgimgimg

img

img

2. 静态博客架构​

特点：

  • 静态网页：博客内容在发布之前被生成为静态的HTML文件。
  • 性能优异：由于是静态内容，加载速度非常快，没有服务器端处理开销。
  • 高安全性：没有服务器端代码，减少了被攻击的风险。
  • 维护简单：不需要复杂的服务器环境，只需一个静态文件服务器或CDN。

典型代表：

  • Jekyll：常用于GitHub Pages，通过Markdown文件生成静态网站。
  • Hugo：以Go语言编写的高性能静态网站生成器。
  • Gatsby：基于React的静态网站生成器，适合构建现代化的静态网站和应用。
  • Hexo：快速、简单且强大的静态博客框架，支持大量插件和主题。

docusaurus​

👍 我的博客🤣​

https://wiki.onedayxyy.cn/

image-20240913071909133

hexo​

👍 www.fomal.cn​

hexo-butterfly主题 （后期发现有点臃肿）

2023年11月8日更新

img

img

👍 个人博客​

onedayxyy.cn Hexo-Matery主题

🍀 个人博客站点

http://onedayxyy.cn/hexoblog/

image-20240710064849368

image-20240710064906079

👍 xlenco.eu.org​

博客站点(语雀-hexo博客)（hexo-theme-butterfly）

更新时间：2022年10月7日20:24:27

https://github.com/jerryc127/hexo-theme-butterfly

img

https://xlenco.eu.org/

imgimgimg

hugo​

vuepress​

👍 unixsre.com​

unixsre.com

image-20231113154517218

image-20231113154527577

👍 小林coding​

https://xiaolincoding.com/

img

img

VitePress​

👍 无名小栈​

2024年6月2日记录

  • 博客

https://blog.imsyy.top/

image-20240602221349143

  • 主页

https://www.imsyy.top/

2024年6月2日记录

image-20240602175204586

  • github

https://github.com/imsyy

image-20240602224129890

3. 动态博客架构​

特点：

  • 动态生成：每次请求都会动态生成页面，通常需要数据库来存储内容。
  • 高灵活性：用户可以通过后台管理系统实时发布和更新内容。
  • 功能丰富：可以集成复杂的功能，如用户管理、评论系统、插件等。

典型代表：

  • WordPress：全球最流行的博客和CMS平台，功能强大，插件和主题丰富。
  • Drupal：灵活且强大的CMS系统，适合复杂的内容管理需求。
  • Ghost：专注于内容发布的平台，简洁且性能优越。

wordpress​

👍 abcdocker​

  • 网站首页

https://i4t.com/

img

halo​

👍 运维世界​

2024年3月16日收藏

https://www.ywsj365.com/

image-20240316123124745

image-20240316123143553

Typecho​

👍 https://www.tmetu.cn/​

image-20240913071823091

image-20240913071838396

总结​

选择哪种博客架构取决于以下几个因素：

  • 静态博客架构：适合内容不频繁更新，注重性能和安全性的网站。典型代表：Jekyll, Hugo。
  • 动态博客架构：适合内容频繁更新，需要实时发布和交互功能的网站。典型代表：WordPress, Ghost。
  • 前后端分离架构：适合需要高度定制前端体验和复杂功能的网站。典型代表：使用React/Vue.js + Node.js/Django的组合。

不同的需求和场景对应不同的架构选择，每种架构都有其优缺点，应根据实际情况进行选择。

0%