Astro主题推荐-vhAstro
直接引用韩小韩大佬的原话:
🥝 从 Z-Blog 到 Emlog,从 Typecho 到 Hexo,从动态博客到静态博客,作为一个前端,我深入了解了多种 SSG 工具,如 Hexo、Vitepress、Hugo 等,并最终锁定了 Astro 作为重构博客的选择。
🍇 Astro 活跃的社区支持、广泛的现代框架兼容性、高效的性能优化、优秀的开发体验以及原生 SEO 优化,支持 Markdown/MDX 编写内容,且允许开发者混合使用 React、Vue、Svelte 等主流框架的组件,是我心目中最适合构建博客这样的以内容驱动的网站的 Web 框架。
🍊 我以 Astro 为基础开发的 vhAstro-Theme 主题模版,是一款优雅的响应式博客主题,它具有简洁的设计、流畅的动画和页面过渡。
原因
astro也是免刷新更新的,本地更改文件,不需要再像hexo一样,每次更新完主题文件,然后就要重新cl;ge;s运行
且也是十分美观
截图:

✨ 功能特性
- 简洁的响应式设计
- 流畅的动画和页面过渡
- 两列布局
- 阅读时间
- 字数统计
- 代码块
- 语法高亮
- 图片懒加载
- 图片灯箱
- LivePhoto
- LaTex数学公式
- 赞赏功能
- 评论 - 内置【Twikoo、Waline】
- 本地搜索
- 标签
- 分类
- 归档
- 动态
- 关于
- 友情链接
- 推荐文章
- 谷歌广告
- 内置 404 页面
- Sitemap 支持
- RSS 支持
- 活跃的社区支持
- 广泛的现代框架兼容性
- 高效的性能优化
- 优秀的开发体验
🚀 使用方法
- 使用此模板 生成新仓库或 Fork 此仓库
- 进行本地开发,Clone 新的仓库,执行
pnpm install以安装依赖 - 若未安装 pnpm,执行
npm install -g pnpm - 通过配置文件
src/config.ts自定义博客 - 执行 pnpm newpost ‘文章标题’ 创建新文章,并在 src/content/posts/ 目录中编辑
- 参考官方指南将博客部署至 Vercel, Netlify,Cloudflare Pages, GitHub Pages 等
- 部署前需编辑
astro.config.mjs中的站点设置。
💻 命令
# 安装依赖
pnpm install
# 本地开发
pnpm dev
# 构建静态文件
pnpm build
# 创建新文章
pnpm newpost '文章标题'更多
- 还有说说页面,友情链接,最新动态等等
