VuePress的基本常识

embedded/2024/10/19 21:45:27/

今天大概了解了一下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.ppmy.cn/embedded/128829.html

相关文章

JVM - 类加载器ClassLoader

一、简介 在Java中,类加载器(ClassLoader)是一个关键的组件,它负责将字节码文件加载到内存并转换成Java类。Java的类加载器主要可以分成两类:系统提供的和由Java应用开发人员编写的。Java开发者可以根据需要创建自己的…

Python 爬虫实战与技巧分享--urllib

Python 爬虫实战与技巧分享–urllib 在当今信息时代,数据的价值日益凸显。Python 爬虫作为一种强大的数据获取工具,能够帮助我们从互联网上抓取各种有价值的信息。本文将结合具体代码示例,深入探讨 Python 爬虫的相关知识和关键要点。 一、…

IMS核心网和5GC的区别与联系

IMS核心网(IP多媒体子系统)和5GC(5G核心网)是现代电信网络中两个重要的核心部分,虽然它们都有着核心网络功能,但它们的目标、架构和功能上有显著的区别和一些联系。 1. IMS核心网简介 IMS(IP …

机器学习课程学习周报十七

机器学习课程学习周报十七 文章目录 机器学习课程学习周报十七摘要Abstract一、机器学习部分1. 变分推断/推理1.1 证据下界1.2 q ( z ) {q(z)} q(z)的选取 2. VAE2.1 Auto-Encoder的简单回顾2.2 为什么提出VAE2.3 VAE的数学原理 3. Diffusion Model的数学原理3.1 Training算法…

中国最杰出的起名大师颜廷利:哲学思想在现代社会中的具体应用

全人教育引领未来,融合创新思维与终身学习,精准施教提升教育质量。网上比较靠谱的改名大师颜廷利教授哲学启迪社会治理,推动文化创新与国际交流,共筑和谐世界,科技伦理并行,可持续发展照亮前行之路。 中国…

taro底部导航,Tabbar

没有特别的幸运,那么就特别的努力!!! 配置信息 官方给出: 在 app.config 中按正常填写 tabBar 项的相关配置(为了向下兼容),并把 tabBar 项的 custom 字段设置为 true。但我试过 c…

2024-10-19 商业分析-如何做行业分析-记录

摘要: 2024-10-19 商业分析-如何做行业分析-记录 如何做行业分析 呃,首先谢谢各位抽时间来呃听我讲一下如何被做行业的分析。对,如果按更土的话讲,就如何防止被对方给忽悠了。因为我觉得我们做投资和做媒体有个共性,觉得因为我们…

Djang学习- URL反转

代码中url书写规范&#xff1a; 、 url反向解析 urls: path(test/url, views.test_url),path(test_result/<int:age>, views.test_result, name"rl") views: def test_url(request):return render(request, test_url.html)def test_result(request,age):re…