VuePress的基本常识

news/2024/10/28 20:20:50/

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

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

VuePress 的特点包括:

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

相关文章

Flask-SQLAlchemy 组件

一、ORM 要了解 ORM 首先了解以下概念。 什么是持久化 持久化 (Persistence),即把数据(如内存中的对象)保存到可永久保存的存储设备中(如磁盘)。持久化的主要应用是将内存中的数据存储在关系型的数据库中,…

《Python 机器学习库:安装与使用全指南》

《Python 机器学习库:安装与使用全指南》 一、Python 机器学习库概述二、常见机器学习库介绍(一)NumPy1、简介及优势:2、安装方法: (二)Pandas1、功能与特点:2、安装步骤&#xff1a…

Android Activity SingleTop启动模式使用场景

通知栏 当用户点击通知栏中的通知时,可以使用单顶启动模式来打开对应的活动,并确保只有一个实例存在。 简单集成极光推送 创建应用 获取appkey参数 切换到极光工作台 极光sdk集成 Project 根目录的主 gradle 配置 Module 的 gradle 配置 Jpush依赖配置 配置推送必须…

【Vue】word / excel / ppt / pdf / 视频(mp4,mov) 预览

文件预览 Vue3一. word二. excel三. ppt四. pdf4.1 vue-pdf-embed4.2 iframe 五. 视频六&#xff1a;扩展——kkFileView Vue3 一. word 安装&#xff1a;npm install docx-preview父页面 <template><div><DocPreviewv-if"filePath.includes(docx)"…

docker上传离线镜像包到Artifactory

docker上传离线镜像包到Artifactory 原创 大阳 北京晓数神州科技有限公司 2024年10月25日 17:33 北京 随着docker官方源的封禁&#xff0c;最近国内资源也出现无法拉取的问题&#xff0c;Artifactory在生产环境中&#xff0c;很少挂外网代理去官方源拉取&#xff0c;小编提供…

C++:字符串

C中除了可以使用我们之前文章中提到的C语言风格用法&#xff0c;还可以使用其内置的string类。 要想使用它我们先需要引入头文件<string>。 然后我们先来介绍几种初始化方式 #include<iostream> #include<string> using namespace std;int main() {string…

中国人寿财险青岛市分公司:科技保险,助力企业高质量发展

中国人寿财险青岛市分公司深知科技保险对于企业发展的重要性&#xff0c;积极将科技保险融入企业发展战略。公司利用科技手段&#xff0c;为企业提供风险评估、防灾减灾等增值服务&#xff0c;帮助企业降低经营风险。同时&#xff0c;公司还通过科技保险产品&#xff0c;为企业…

伤寒论学习 3.51 | 学习中医经典的工具,医学生必备

这是一个学习中医经典《伤寒论》《金匮要略》的工具&#xff0c;主要功能包括&#xff1a;- 宋本、康平本、桂林本《伤寒论》《金匮要略》条文、方剂的搜索。- 包含约20本中医书籍的学习笔记&#xff08;以胡希恕体系的书籍为主&#xff09;。- 包含约8000个经方医案。- 可用5种…