欢迎来到资源库(www.zyku.net)

其它源码

当前位置:首页 > 源码下载 > 其它源码 > Vue

VuePress一个全新的基于vue的静态网站生成器

时间:2021-09-08|栏目:其它源码|点击:|我要投稿

官网: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)

上一篇:X-admin经典前端网站后台管理模板框架

栏    目:其它源码

下一篇:返回列表

本文标题:VuePress一个全新的基于vue的静态网站生成器

本文地址:https://www.zyku.net/qitacode/2817.html

关于我们 | 版权申明 | 寻求合作 |

重要申明:本站所有的文章、图片、评论等内容,均由网友发表或上传并维护或收集自网络,仅供个人学习交流使用,版权归原作者所有。

如有侵犯您的版权,请与我们联系,我们将在24小时内进行处理、任何非本站因素导致的法律后果,本站均不负任何责任。

联系QQ:95148658 | 邮箱:mb8#qq.com(#换成@)

苏ICP备2020066115号-1

本网站由提供CDN加速/云存储服务