VuePress一个全新的基于vue的静态网站生成器
官网:https://vuepress.docschina.org/
介绍
VuePress 由两部分组成:一个以 Vue 驱动的主题系统的简约静态网站生成工具,和一个为编写技术文档而优化的默认主题。它是为了支持 Vue 子项目的文档需求而创建的。
由 VuePress 生成的每个页面,都具有相应的预渲染静态 HTML,它们能提供出色的加载性能,并且对 SEO 友好。然而,页面加载之后,Vue 就会将这些静态内容,接管为完整的单页面应用程序(SPA)。当用户在浏览站点时,可以按需加载其他页面。
运行原理(how it works)
VuePress 网站实际上是由 Vue, Vue Router 和 webpack 驱动的单页面应用程序。如果你以前使用过 Vue,那么在编写或开发自定义主题时(甚至可以使用 Vue DevTools 来调试你的自定义主题!),你会融入到熟悉的开发体验中!
在构建过程中,我们会创建应用程序的服务器渲染版本,并且实际上是通过访问每个路由,来渲染相应的 HTML。这种方式受到 Nuxt 的 nuxt generate
命令以及 Gatsby 等其他项目的启发。
每个 markdown 文件都使用 markdown-it 编译为 HTML,然后作为 Vue 组件的模板进行处理。这允许你直接在 markdown 文件中使用 Vue,在需要嵌入动态内容时,这种使用方式非常有用。
特性(features)
- 内置 markdown 扩展,针对技术文档进行了优化
- 能够利用内嵌在 markdown 文件中的 Vue 代码
- 以 Vue 驱动的自定义主题系统
- 自动生成 Service Worker
- Google Analytics 集成
- 基于 Git 的"最近更新"
- 多语言支持
- 一个默认主题包括:
- 响应式布局
- 可选的主页
- 简单、开箱即用、基于标题的搜索功能
- Algolia 搜索
- 可定制的导航栏和侧边栏
- 自动生成的 GitHub 链接和页面编辑链接
(资源库 www.zyku.net)
您可能感兴趣的文章
- 03-23VUE中使用CKEditor5富文本插件
- 07-27详解win7 cmd执行vue不是内部命令的解决方法
- 02-17正则表达式\W元字符使用方法
- 10-14weavesilk下载图片步骤介绍
- 10-20华为nova9pro怎么快捷锁屏
- 01-12爱拍原创软件-爱拍原创软件应用软件功
- 09-20鸿蒙系统怎么设置默认音乐
- 10-16帝国CMS手机自适应白色信息提示页模板
- 10-27和家亲监控连接步骤介绍
- 01-19开心抓娃娃-开心抓娃娃应用软件功能介
- 03-04wordpress feed订阅功能的完善
- 09-17configure: error: png.h not found.
- 01-12手机天气王-手机天气王应用软件功能介
- 02-20真我V11开启微信视频美颜功能教程
- 12-26广瀚云办公-广瀚云办公应用软件功能介
- 02-21DedeCMS列表页有缩略图则显示缩略图,没
- 03-11CentOS 6.5安全加固及性能优化的方法
- 08-15VisualStudio取消代码自动格式化步骤
- 01-17快狐-快狐应用软件功能介绍
- 01-19小度美秀-小度美秀应用软件功能介绍
最近更新
猜你喜欢
- 02-28帝国CMS7.2默认伪静态规则提供apache
- 02-16苹果12mini设置快速截屏操作方法
- 01-12恋恋手账-恋恋手账应用软件功能介绍
- 04-16帝国CMS会员中心首页调用网站最新文章
- 11-06苹果13pro开启60hz方法分享
- 01-25详解分布式系统中如何用python实现Pax
- 03-02苹果12设置软件访问限制方法
- 01-18废柴音乐-废柴音乐应用软件功能介绍
- 03-20小米手机关闭仅在wifi下载教程
- 01-19应援灯牌-应援灯牌应用软件功能介绍