推荐几款好看又好用的开源博客

原文链接：推荐几款好看又好用的开源博客

Vuepress Aurora

vuepress-theme-aurora 是一款基于 Vuepress2 的博客主题，将本地 Markdown 文件解析成静态 html 页面，作为博客文章。搭配 说说，时间轴，文章分类，评论，友情链接，相册，音乐播放器 等特色功能，给您不一样的使用体验。

• 🏆100%自定义
• 🌈简洁，漂亮
• 🎨高扩展
• 💫多功能
• 📖配置文档

image.png image.png

• Github地址：https://github.com/vuepress-aurora/vuepress-theme-aurora
• 文档地址：https://aurora.xcye.xyz/
• 动漫Demo：https://aurora-animate.xcye.xyz/
• 非动漫Demo：https://aurora-common.xcye.xyz/

Vdoing

vuepress-theme-vdoing 是一款简洁高效的 VuePress 知识管理&博客主题。它以 Markdown 为中心的项目结构，内置自动化工具，以更少的配置完成更多的事。配合多维索引快速定位每个知识点，可以作为知识库也可以作为博客系统；其包含三种典型的知识管理形态：结构化、碎片化、体系化。轻松打造属于你自己的知识管理平台；专为阅读设计的UI，配合多种颜色模式、可关闭的侧边栏和导航栏，带给你一种沉浸式阅读体验。

• 🚀知识管理
• 🌈简洁高效
• 📖沉浸式阅读

image.png
image.png
image.png

• Github地址：https://github.com/xugaoyi/vuepress-theme-vdoing
• Gitee镜像：https://gitee.com/xugaoyi/vuepress-theme-vdoing
• 文档地址：https://doc.xugaoyi.com/
• 知识库兼博客站：https://xugaoyi.com/
• 仅博客站：https://xugaoyi.github.io/vdoing-demo-blog/
• 仅知识库：https://xugaoyi.github.io/vdoing-demo-repository/

Hope

vuepress-theme-hope 一个具有强大功能的 vuepress 主题✨。V2 基于 VuePress2，带有 Vite2 / Webpack5和 Vue3 的强大功能。

• 更丰富的内容
• Markdown 增强
• 页面 UI
• 完整的博客支持
• 搜索功能
• 搜索引擎增强

image.png
image.png

• Github地址：https://github.com/vuepress-theme-hope/vuepress-theme-hope
• Fork地址：https://stackblitz.com/fork/vuepress-theme-hope
• 文档地址：https://vuepress-theme-hope.github.io/v2/zh/
• 在线案例：https://mister-hope.github.io/

Butterfly（本站所用）

hexo-theme-butterfly 一个为 Hexo 打造的简洁、漂亮、快速的主题。

• 简单漂亮，文章内容美观易读
• Material Design 设计
• 响应式设计，博客在桌面端、平板、手机等设备上均能很好的展现
• 瀑布流式的博客文章列表（文章无特色图片时会有 24 张漂亮的图片代替）
• 时间轴式的归档页
• 丰富的关于我页面（包括关于我、文章统计图、我的项目、我的技能、相册等）
• 可自定义的数据的友情链接页面
• 支持文章置顶和文章打赏
• 支持 MathJax
• 可设置复制文章内容时追加版权信息
• Gitalk、Gitment、Valine 和 Disqus 评论模块
• 集成了不蒜子统计、谷歌分析（Google Analytics）和文章字数统计等功能
• 支持在首页的音乐播放和视频播放功能

image.png image.png image.png image.png

• Github地址：https://github.com/jerryc127/hexo-theme-butterfly
• 文档地址：https://butterfly.js.org/posts/21cfbf15/
• 预览地址：https://tzy1997.com/

Hexo Aurora

hexo-theme-aurora 是使用极光颜色和 UI 元素的下一代主题。它给你平滑流畅的色彩和未来感。基于 Vue3 构建，享受由 Vue3 建立的单页面应用（SPA）所带来的更优雅，更友好的用户体验。

• NEW NPM/Yarn 快速安装 - 可以轻易的使用 NPM 或者 Yarn 安装主题。
• 推荐区域 - 可以在文章的 meta 中添加 feature 属性，让头 3 篇文章指定到首页推荐位置。
• 实时多语言支持 - 可以实时切换博客内主要文字的语言。
• 数据统计 - 统计文字数、文章数、分类数和标签数。
• 文章阅读时长 - 每个文章都会显示文章的预估阅读时长。
• Mathjax 支持 - 支持在 markdown 中写 Maxjax 语法的数学公式。
• 单页面应用 - 页面与页面之间的跳转没有延迟或者等待，数据都是动态加载的。
• 评论插件 - 支持使用 Gitalk 或者 Valine 评论插件
• 文章搜索 - 可以搜索全站的所有文章
• 文章导航 - 可以在文章详情底部跳转到上一篇或者下一篇文章。
• 最新评论 - 给首页添加一个最新评论模块，支持使用 gitalk 或者 valine。

image.png
image.png

• Github地址：https://github.com/auroral-ui/hexo-theme-aurora
• 文档地址：https://aurora.tridiamond.tech/zh/
• 预览地址：https://tridiamond.tech/

Volantis

Volantis 是一个功能丰富、高度模块化的 Hexo 博客主题。得益于其强大的模块化特性，您可以轻松搭建一个极简风格的博客，也可以仿照官网搭建一个多人协作的、包含文档模块的大体量综合型博客。

image.png
image.png

• Github地址：https://github.com/volantis-x/hexo-theme-volantis
• 文档地址：https://volantis.js.org/v6/getting-started/
• 预览地址：https://volantis.js.org/

Fly

hexo-blog-fly 基于 Hexo 框架搭建，用到 hexo-theme-matery 主题,并在此基础之上做了很多修改，修复了一些 bug，增加了一些新的特性和功能，其在原主题的基础上新增了许多实用的功能。

image.png
image.png

• Github地址：https://github.com/shw2018/hexo-blog-fly
• 文档地址：https://sunhwee.com/posts/6e8839eb.html
• 预览地址：https://sunhwee.com/

Nexmoe

hexo-theme-nexmoe 基于 Hexo 开发，其支持图片瀑布流、自定义主题颜色、内置/外置搜索、侧栏备案信息、网页访问统计、支持多款评论插件、内置多语言、图片懒加载、社交按钮等功能。

• 图片瀑布流
• 图片瀑布流 Pro
• 灯箱大图
• 自定义主题颜色
• 闪亮的归档页面
• 漂亮的友情链接页面
• 内置/外置搜索
• 侧栏备案信息
• 网页访问统计
• 支持多款评论插件
• 内置多语言
• 图片懒加载
• 社交按钮

image.png
image.png
image.png
image.png

• Github地址：https://github.com/theme-nexmoe/hexo-theme-nexmoe
• 文档地址：https://docs.nexmoe.com/
• 预览地址：https://nexmoe.com/