当前位置: 首页 > article >正文

VuePress的基本常识

今天大概了解了一下Vuepress,感觉很棒,看着极其简单,自己也想做一个,后续我大概率也会做一个用Vuepress为基础做的博客网站,很酷~
哈哈哈,下面是我今天学习Vuepress的一些内容,简单分享下:

VuePress 是一个以 Markdown 为中心的静态网站生成器,它由 Vue 驱动,并且提供了一个为技术文档优化的默认主题。VuePress 站点本质上是一个由 Vue 和 Vue Router 驱动的单页面应用(SPA),它允许你在 Markdown 文件中直接使用 Vue 语法,从而嵌入动态内容。VuePress 会为每个页面预渲染生成静态的 HTML,同时在页面被加载时,将作为 SPA 运行,这使得它具有很好的加载性能和搜索引擎优化(SEO)。

VuePress 的特点包括:

  1. 内置的 Markdown 拓展:包括目录、自定义容器、代码块中的行高亮、行号和导入代码段。
  2. 在 Markdown 中使用 Vue:支持模板语法和使用组件。
  3. Vue 驱动的自定义主题系统:允许设置网站和页面的元数据以及内容摘抄。
  4. 默认主题:提供响应式布局、首页、内置搜索、Algolia 搜索、可定制的导航栏和侧边栏、自动生成的 GitHub 链接和页面编辑链接、PWA 刷新内容的 Popup、最后更新时间以及多语言支持。
  5. 插件系统:提供强大的 Plugin API,允许添加各种即插即用的功能。
  6. 打包工具:推荐使用 Vite,但也支持使用 Webpack。

VuePress 的安装和使用也非常简单。你可以通过 npm 或 yarn 来安装 VuePress,创建一个 docs 目录,并在其中创建 Markdown 文件。然后,通过运行 vuepress dev docs 来启动开发服务器,并通过 vuepress build docs 来构建静态文件。

VuePress v2 目前仍处于 RC(Release Candidate)阶段,这意味着它可以用来构建站点,但配置和 API 可能还不够稳定,可能会有一些微小的 Breaking Changes。因此,更新 RC 版本后,需要仔细阅读更新日志。

VuePress 也支持部署到 GitHub Pages。你可以通过 GitHub Actions 来自动化部署流程。如果你的代码仓库名与你的 GitHub 用户名不同,你可能需要在 .vuepress/config.js 中设置 base 为仓库名,以确保静态资源的路径正确。

总的来说,VuePress 是一个强大的静态网站生成器,特别适合创建文档和博客等静态网站,它提供了丰富的功能和灵活的配置,使得内容创作和网站构建变得简单而高效。


http://www.kler.cn/news/361349.html

相关文章:

  • 追寻数组的轨迹,解开算法的情愫
  • 5.redis安装【Docker】
  • 达梦数据库DEXP/DIMP逻辑备份还原
  • 【软件安装与配置】 vue
  • 【MySQL】入门篇—基本数据类型:NULL值的概念
  • Spire.PDF for .NET【页面设置】演示:在 C# 中应用 PDF 页面转换
  • HTML基本语法
  • 【电子元件】光通量和色温 (欧司朗LED灯珠 KW3 CGLNM1.TG命名规则)
  • 本币接口服务
  • 对比学习论文随笔 1:正负样本对(Contrastive Learning 基础论文篇)
  • Maven--架构项目管理工具
  • 基于知识图谱的美食推荐系统
  • 《普通逻辑》学习记录——引论
  • 【880线代】线性代数一刷错题整理
  • 裸指针的六个问题
  • 如何提高 YoloDotNet 图像目标检测的准确率?
  • 双碳目标下储能产业新趋势与架构
  • openssl所有版本源码下载链接
  • KafkaTools 3配置 SASL SSL双重认证
  • 基于单片机优先级的信号状态机设计
  • 一键找出图像中物体的角点(论文复现)
  • 【进阶OpenCV】 (22) --年龄性别预测
  • LeetCode Hot 100:滑动窗口
  • Self-Operating Computer Framework项目部署日记
  • idea(2017版)创建项目的搭建方式
  • 第23章 - Elasticsearch 洞悉你的查询:如何在上线前发现潜在问题!