首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

VuePress不是热重新加载,但在config.js更改时执行

VuePress是一个基于Vue.js的静态网站生成器,它专注于文档编写和技术文档的构建。VuePress的特点是简单易用、灵活性高、具有强大的主题定制能力和插件扩展性。

虽然VuePress不支持热重新加载(Hot Reload),但在修改config.js配置文件时,VuePress会自动重新加载并应用新的配置。这意味着当你修改config.js文件后,VuePress会重新构建整个网站,并将新的配置应用到生成的静态网页中。

VuePress的应用场景包括但不限于:

  1. 技术文档:VuePress提供了一套完善的文档编写和展示解决方案,适用于编写各种技术文档,如API文档、开发文档、用户手册等。
  2. 博客:VuePress支持博客功能,可以方便地搭建个人博客网站,并进行博客文章的编写和发布。
  3. 静态网站:由于VuePress生成的是静态网页,可以将其部署到任何支持静态网站托管的平台上,如GitHub Pages、腾讯云对象存储等。

推荐的腾讯云相关产品和产品介绍链接地址:

  1. 云服务器(CVM):腾讯云提供的弹性计算服务,可用于部署VuePress生成的静态网页。详情请参考:云服务器产品介绍
  2. 云存储(COS):腾讯云提供的对象存储服务,可用于存储VuePress生成的静态网页和相关资源文件。详情请参考:云存储产品介绍
  3. 云函数(SCF):腾讯云提供的无服务器计算服务,可用于构建动态功能,如评论系统、搜索功能等。详情请参考:云函数产品介绍

请注意,以上推荐的腾讯云产品仅供参考,具体选择应根据实际需求和项目情况进行评估和决策。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

VuePress搭建技术网站与个人博客

GitBook: 当文件很多时,每次编辑后的重新加载时间长得令人无法忍受 默认主题导航结构也比较有限制性 主题系统也不是 Vue 驱动的 GitBook 团队专注于将其打造为一个商业产品而不是开源工具...; 但config.js有时可能会更新失败,需要重启项目 7....- title: 高性能 details: VuePress 为每个页面预渲染生成静态的 HTML,同时在页面被加载的时候,将作为 SPA 运行。...在config.js中设置: module.exports = { theme: 'vuepress-theme-xx' } 可以在npm中寻找自己喜欢的主题,其中以 @vuepress/theme...执行如下命令,可将默认主题的各功能组件释放出来: vuepress eject docs 你会发现,在根目录下,多了一个theme文件夹,如下: ?

1.6K10

💰手把手教你用VuePress如何快速搭建个人免费网站?

GitBook: 当文件很多时,每次编辑后的重新加载时间长得令人无法忍受 默认主题导航结构也比较有限制性 主题系统也不是 Vue 驱动的 GitBook 团队专注于将其打造为一个商业产品而不是开源工具...; 但config.js有时可能会更新失败,需要重启项目 7....- title: 高性能 details: VuePress 为每个页面预渲染生成静态的 HTML,同时在页面被加载的时候,将作为 SPA 运行。...在config.js中设置: module.exports = { theme: 'vuepress-theme-xx' } 可以在npm中寻找自己喜欢的主题,其中以 @vuepress/theme...执行如下命令,可将默认主题的各功能组件释放出来: vuepress eject docs 你会发现,在根目录下,多了一个theme文件夹,如下: 上图列出了主要的布局组件,只需在其中做适量修改以满足业务需求即可

1.2K21
  • vitePress快速搭建及部署一个博客

    VitePress 是 VuePress 的小弟弟,但是vitepress是在 Vite 上构建的。 动机 主要是因为太慢!但是不怪 VuePress,怪 Webpack!...Vite 则非常好的解决了问题: 1.几乎实时的服务启动 2.根据需要编译页面 3.非常轻量快速的 HMR(模块重载) 另外,本身 VuePress 一些设计问题一直没有时间去修复,正好这次做个大重构...客户端导航时再一起获得新页面的组件及元数据 其他不同点 1.VitePress 武断且更少的配置。...VitePress目标是缩减掉当前 VuePress 的复杂性并从其极简主义的根源重新开始 2.VitePress 是面向未来的:其目标浏览器是只支持原生 ES 模块导入的浏览器。...避免影响 VuePress 当前的主题和插件生态,核心逻辑是更少的主题 API(倾向于 JavaScript API 而不是文件布局方式)且没有插件(所有的定制都在主题内) 开始 1.初始化目录及 index.md

    3.4K40

    手把手教你用vuepress搭建自己的网站(2)

    页面具体内容配置 基本配置 要让你的网站显示内容, 就需要进行配置, 需要在.vuepress文件夹下新建一个总的配置文件config.js, 这个文件的名字是固定的,即.vuepress/config.js...服务启动,因为 NodeJs 现不支持模块化,所以在 vuepress 中,是无法使用 import 与 export 语法的 进入.vuepress文件夹,创建config.js文件 cd .vuepress...,这样显得挺友好,而不是一上来,就放一堆的内容,看得令人眼花缭乱 在vuepress默认的主题中提供了一个首页(Homepage)的布局 (用于您网站的主页)。...如果想 nav 二级下拉菜单,如下配置,link的属性值带有链接,会直接是链接,若不是那就是路由,在vuepress中提供了一个items属性,配置二级导航如下所示 themeConfig:{ nav...,目前 vuepress更新存在一些问题(以后官方肯定会修复) 在对 vuepress不是特别熟练的情况下,不要配置了很多选项和插件,到最后才来启动,一旦遇到一些奇葩的问题,报错,你就搞不清楚是在哪一个环节出现问题的

    2.6K20

    从零开始:VuePress2 + GitHub Pages 搭建你的第一个免费博客网站

    步骤 2: 初始化项目 git init # 这一步可以先跳过,放到后面一起执行 pnpm init 步骤 3: 将 VuePress 安装为本地依赖 pnpm add -D vuepress@next...步骤 7: 在本地启动服务器来开发你的文档网站 pnpm docs:dev VuePress 会在 http://localhost:8080 启动一个重载的开发服务器。...到了这里VuePress就安装完成了,下面我们来看下配置。 配置 VuePress VuePress的配置都是通过config.js来进行的,所以第一步就是要新建config.js文件。...新建config.js 在\docs.vuepress目录下新建config.js文件: 输入以下内容: import { defineUserConfig } from 'vuepress' export..., description: '这是我的第一个 VuePress 站点', }) 「请注意,首次添加config.js文件需要重启服务才能被刷新。」

    44311

    我问导师,Vue3有没有对应工具来生成漂亮的文档? 用 Vitepress

    Vitepress 被称为“ Vuepress的小弟弟”,它比同类产品具有一些优势。...建立在Vite而非Webpack上,因此启动时间,重装等更快 使用Vue3来减少JS的有效负载 轻量级 Vitepress 能够实现这些目标的一个原因是,它比Vuepress 更具体,而 Vuepress.../vuepress/config.js配置网站,但有时我们还是需要对各个页面进行细的控制。 幸运的是,我们可以使用markdown文件顶部的YAML块来控制每个页面。...前端小智 前端开发工程师 我不是什么大牛,我其实想做的就是一个传播者。内容可能过于基础,但对于刚入门的人来说或许是一个窗口,一个解惑之窗。我要先坚持分享20年,大家来一起见证吧。...前端小智 前端开发工程师 我不是什么大牛,我其实想做的就是一个传播者。内容可能过于基础,但对于刚入门的人来说或许是一个窗口,一个解惑之窗。我要先坚持分享20年,大家来一起见证吧。

    1.6K20

    使用 vitepress + github Pages搭建自己的博客网站

    VuePress 应该有很多人用过,而 VitePress 是 VuePress 的下一代框架 ,是支持vue 3.0 的 web 网站框架。...在它的文档中被称为 Vuepress 的兄弟, 对比有一些优势: 基于 Vite 而不是 Webpack 所以更快的启动时间,重载等 使用 Vue3 来减少 JS 的有效负载创建 创建自己的项目目录...blog-vitepress cd blog-vitepress 初始化 package.json, 安装 vitepress npm init -y npm i -D vitepress 将 vitepress 执行命令添加到执行脚本中...创建一个配置文件,在docs中新建一个 .vitepress 文件夹,里面创建一个 config.js 文件 // vitepress/config.js module.exports = { title...docs/.vitepress/theme 目录下 "scripts": { "register:components": "vitepress-rc" } 执行 npm run register

    3.5K50

    Vuepress SEO优化教程(附完整方法)

    给外部链接加上nofollow 14 移动端优化 15 PWA优化 16 页面中的img标签都加上alt 17 高阶技巧:使用JSON-ld结构化数据 18 SEO得分: 97 真不是沪小羊吹啊...首先,需要自行如下命令: npm install -D vuepress-plugin-autometa 安装插件。 然后修改 docs\.vuepress 路径下的 config.js 文件。...安装方法是执行如下命令: npm install vuepress-plugin-sitemap 接着需要打开config.js, 在config.js 的 plugins区域加入: ['sitemap.../config.js中的plugins部分: module.exports = { plugins: [ 'vuepress-plugin-baidu-autopush' ] }; 给文章页添加面包屑导航...manifest.webmanifest文件 https://dbdgs.cn/manifest.webmanifest 页面中的img标签都加上alt img加上alt可替换文字是很必要的,防止img无法加载

    4K20

    如何管理团队知识?快速搭建一套管理工具

    但这个开源工具不是下载下来就可以直接用的,还有些开发工作需要做。 ? 另外有人提出怎么不用GitBook ?  GitBook 最大的问题在于当文件很多时,每次编辑后的重新加载时间长得令人无法忍受。...它的默认主题导航结构也比较有限制性,并且,主题系统也不是 Vue 驱动的。GitBook 背后的团队如今也专注于将其打造为一个商业产品而不是开源工具。 .../dist,当然,你也可以通过 .vuepress/config.js 中的 dest 字段来修改,生成的文件可以部署到任意的静态文件服务器上,参考 部署 来了解更多。...然后在config.js 文件配置菜单 ?...四、如何编译运行 如果已经安装了node.js和npm,则在根目录执行这条命令就可以运行起来了 npm start   这条命令其实就是执行npm vuepress dev来进行实时编译 ?

    1.2K20

    尤小右:VitePress 初步实现小目标,极简静态站点生成器

    定制化 可以通过.vitepress/config.js进行配置(见src/config.ts)。 您可以通过添加以下文件来开发您的自定义主题。...现在,借助vite和Vue 3,现在应该重新考虑“ Vue驱动的静态站点生成器”的真正含义了。...静态内容是作为字符串文字而不是JavaScript呈现函数代码发送的-JS有效负载因此解析起来便宜得多,并且合成也变得更快。...2.在后台使用vite 开发服务器启动更快 更快的更新 更快的构建(内部使用汇总) 3.页面更轻 Vue 3 tree-shaking + Rollup 代码分割。...VitePress的目标是缩减当前VuePress的复杂性,并从极简主义的根源上重新出发。 面向未来:VitePress只针对支持原生ES模块导入的浏览器。

    3.2K30

    开发工具总结(15)之Vuepress制作文档并发布到GitHub

    官网推荐的完整的目录写的一个脚本,如果有需要的话,可以执行下面这个脚本创建。....vuepress/config.js 配置文件的入口文件,也可以是 YML 或 toml。 .vuepress/enhanceApp.js 客户端应用的增强。...注意:由于上一步的脚本里面已经创建了这个文件,所以就没必要执行这一步了。这里列举这个命令,针对那些手动创建文件的人来说的。) 命令使用如图所示: ?...(二)config.js配置 路径为:hello_vuepress/docs/.vuepress/config.js (1) 普通配置 设置网站标题,并显示在默认主题的导航栏中。...- title: 高性能 details: VuePress 为每个页面预渲染生成静态的 HTML,同时在页面被加载的时候,将作为 SPA 运行。

    3.9K50

    vitepress搭建markdown文档博客

    VitePress剪辑VitePress 是 VuePress 的下一代框架 ,是支持vue 3.0 的 web 网站框架。...基于 Vite 而不是 Webpack 所以更快的启动时间,重载等使用 Vue3 来减少 JS 的有效负载vuePress=webpack+vue2,vitePress=vite+vue3html目前主流搭建文档站点的方式...(React)VuePress - 包含由 Vue 驱动的主题系统和插件 API,另一个部分是为书写技术文档而优化的默认主题(Vue)VitePress - 对 VuePress 进行了不少的改进。...VitePress 旨在降低当前 VuePress 的复杂性,并从其极简主义的根源重新开始。(Vue)除了 VitePress 之外,其他都是用 Webpack 作为开发服务器。...blog-vitepresscd blog-vitepressnpm init -ynpm i -D vitepressyarn init -yyarn add -D vitepress将 vitepress 执行命令添加到执行脚本中

    1.6K20

    一看就会的保姆级教程,10分钟搭建个人博客

    三、配置信息详解 这个页面的一切都是可以由我们的配置文件来控制的,也就是 .vuepress/config.js ,我们来看看它具体的配置信息具体含义是什么(这里非常重要,因为后续如果你要改动页面的什么东西...lineNumbers": true } } 接下来按顺序讲解一下各个属性的作用 (1)title 该属性表示的是博客的标题 我们将 title 值修改为 前端印象 ,看一看有哪些地方有所变动 第一处是加载动画时的大标题...(2)description 该属性表示该网站的一些描述信息 我们将 description 的值改为 该网站用于记录前端知识总结 ,看一看有哪些地方有所变动 第一处是加载动画的副内容 ?...record: ICP备案号 recordLink: ICP 备案指向的链接 cyberSecurityRecord: 公安部备案文案 cyberSecurityLink: 公安部备案指向链接 如果项目不是部署在个人服务器上的话...拿到APP ID和APP Key后,我们来到我们项目中.vuepress/config.js中的themeConfig属性中,按如下设置即可: module.exports = { // ...

    1.7K20

    借助 VuePress 和 GitBook ,10 分钟即可免费部署你的静态博客网站

    高性能 VuePress 会为每个页面预渲染生成静态的 HTML,同时,每个页面被加载的时候,将作为 SPA 运行。...docs/.vuepress/config.js: 配置文件的入口文件,也可以是 YML 或 toml。 docs/.vuepress/enhanceApp.js: 客户端应用的增强。...一般是执行 gitbook build 或 gitbook serve 自动生成的. book.json 是配置文件,用于个性化调整 gitbook 的相关配置,如定义电子书的标题、封面、作者等信息。...VuePress 的配置成本稍稍大一点,不过可以使用 Vue 的语法与组件,定制化自由一点,而且 VuePress 中编写 Vue 和平时一样,学习成本几乎为零,可以本地用 VsCode 编辑,然后直接命令行部署...非技术人员推荐用 GitBook,技术人员推荐用 VuePress,特别是前端技术人员。 个人喜欢 VuePress 。 4.

    1.9K30
    领券