0成本搭建博客教程
749 字
4 分钟
0成本搭建博客教程
首先是框架选择，可以理解为人的骨骼，没有骨骼就支撑不起肉，是最基本的条件。
一、最推荐：通用均衡全能
1. Tailwind CSS
定位：原子化 CSS 框架推荐度：★★★★★（全能天花板）
- 优点：
- 极度灵活，想怎么写样式就怎么写
- 体积小、性能好，适合 Hexo 主题魔改
- 现代、主流，几乎所有新主题都用它
- 适合：改 Hexo、做自定义网页、做博客主题
2. Bootstrap 5
定位：老牌全能 CSS+JS 组件框架推荐度：★★★★☆（最稳、最省心）
- 优点：
- 组件超多：导航、卡片、表单、弹窗、轮播… 开箱即用
- 兼容性极强，新手零门槛
- 适合：快速做官网、后台页面、普通网页
二、前端完整框架（做动态网站、WebApp）
1. Vue 3 + Vite
推荐度：★★★★★（均衡之王）
- 上手易、生态强、文档全
- 适合：个人站、工具站、中小后台、博客系统
2. React + Next.js
推荐度：★★★★★（大厂标准、全能）
- 支持 SSR/SEO 极强
- 适合：复杂网站、电商、大型项目
3. Astro
推荐度：★★★★★（静态站最强新贵）
- 比 Hexo 更强、更快、支持多框架
- 适合：想升级博客 / 做高性能静态站
三、轻量极简（只想快速写个页面）
- Pure.css：极小、无依赖
- Bulma：现代、无 jQuery、比 Bootstrap 轻
- W3.CSS：最简单，入门级
结论
- 你是改 Hexo 主题 / 做自定义网页 → 用 Tailwind CSS（最均衡全能）
- 你是新手快速做网站 → 用 Bootstrap 5
- 你是做现代前端项目 → 用 Vue 3 + Vite
- 你想换比 Hexo 更强的静态站框架 → 用 Astro
一、静态博客框架（首选，免费 + 快 + 安全）
1. Astro（首推）
也是本网站的框架
推荐度：★★★★★
-
现代新一代静态框架
-
支持 Vue/React 组件，性能极强
-
做博客、作品集、文档站全能
-
支持多框架
2. Hexo
推荐度：★★★★★
-
基于 Node.js，上手最简单
-
主题极多（Butterfly、Fluid、Next 都是顶流）
-
一键部署 GitHub Pages / Gitee Pages
-
文章用 Markdown，纯文本好管理
适合
：只想快速搭好、长期稳定用的个人博客
3. Hugo
推荐度：★★★★☆
-
Go 编写，生成速度极快（千篇文章秒生成）
-
比 Hexo 更轻、更稳
-
缺点：配置语法比 Hexo 稍复杂
适合
：文章很多、追求极致速度的人
4. VitePress
推荐度：★★★★
-
Vue 官方出品，极轻极快
-
偏「文档 + 博客」，界面极简清爽
适合
：技术笔记、文档型博客
二、动态博客（需要服务器 / 数据库）
1. WordPress
- 最成熟，插件 / 主题海量
- 不用写代码，后台可视化
- 缺点：重、需要服务器、易被攻击
2. Typecho
- 超轻量 PHP 博客，简洁快
3. Halo
- 现代化 Java 博客，界面好看，带后台
自用资源
编辑后缀为md格式文件（也就是markdown）
推荐用vscode(免费)：https://code.visualstudio.com/
更直观可以用Typora(89元永久)：https://typoraio.cn/
破解版（有能力还是要支持一下正版）：https://wwawx.lanzouw.com/icqgk3mn98kb 密码:123
文章分享
如果这篇文章对你有帮助，欢迎分享给更多人！
随机文章 随机推荐
欢迎来到我的博客！这是一则示例公告。
音乐
暂未播放
0:00 0:00
4
3
4
5,347
0 天
0 天前