首页
学习
活动
专区
圈层
工具
发布
    • 综合排序
    • 最热优先
    • 最新优先
    时间不限
  • 来自专栏前端博客

    vitepress搭建markdown文档博客

    基于 Vite 而不是 Webpack 所以更快的启动时间,热重载等使用 Vue3 来减少 JS 的有效负载vuePress=webpack+vue2,vitePress=vite+vue3html目前主流搭建文档站点的方式 (React)VuePress - 包含由 Vue 驱动的主题系统和插件 API,另一个部分是为书写技术文档而优化的默认主题(Vue)VitePress - 对 VuePress 进行了不少的改进。 /guide/frontmatter.html#title代码展示Prism 网站上有有效语言的列表上有的,都支持```js{1,4,6-7}export default {  data () {     }  }}```还能够指定多个单行、范围或同时指定行范围:例如{5-8},{3-10},{10-17}多个单行:例如{4,7,9}行范围和单行:例如{4,7-13,16,23-27,40}进阶配置VitePress  VitePress 学习(全面拥抱vite)---翻译 https://juejin.cn/post/6965510644007665671转载本站文章《vitepress搭建markdown文档博客

    2.9K20编辑于 2023-06-06
  • 来自专栏大前端全栈开发

    vitepress搭建文档网站踩坑记录

    之前用 vuepress2 + vite 成功搭建了一个博客网站,这不 vue3 的文档改用 vitepress 搭建的,看着挺好看的,就想着也来折腾折腾搭建一个工作的文档网站。 homepage 主页设置vuepress 或者网上 vitepress 的一些教程都写的设置 home: true,就可以设置成主页,试了好久没效果,最后看文档人家的是要设置 layout: home 才行,一试文档诚不骗我,perfect! 这一点 vitepress 官方文档里的版本迁移 Migration from VitePress 0.x 里其实已经有说明。 ./.vitepress/dist。

    62120编辑于 2023-11-16
  • 来自专栏大前端全栈开发

    vitepress搭建文档网站踩坑记录

    之前用 vuepress2 + vite 成功搭建了一个博客网站,这不 vue3 的文档改用 vitepress 搭建的,看着挺好看的,就想着也来折腾折腾搭建一个工作的文档网站。 homepage 主页设置 vuepress 或者网上 vitepress 的一些教程都写的设置 home: true,就可以设置成主页,试了好久没效果,最后看文档人家的是要设置 layout: home 才行,一试文档诚不骗我,perfect! 这一点 vitepress 官方文档里的版本迁移 Migration from VitePress 0.x 里其实已经有说明。 ./.vitepress/dist。

    73610编辑于 2023-11-18
  • 来自专栏后段开发

    腾讯云部署vitepress,高颜值文档博客

    https://vitepress.dev/先看两张效果图。图片图片一定要用这个官网,之前看了一个翻译版本,好像翻了一半不弄了,坑了半天时间也解决不了。目前看起来还没有官翻。 安装node这个教程比较多了,就不再细说了安装vitepress依赖mkdir viteblog // 新建博客目录npm init // 新建node环境npm install -D vitepress // 安装vitepressnpx vitepress init // 安装向导本教程使用的配置如下:图片默认的文档及编译后静态文件产出都存放到 docs 下边。 /docs/.vitepress/dist以下是一个当前使用中的例子,有兴趣可以看一下。https://www.xyccstudio.cn/books/

    1.4K20编辑于 2023-07-07
  • 来自专栏小鑫同学编程历险记

    搞一搞明白Vitepress文档渲染基础

    Vitepress文档渲染目的就是将程序员日常所写的Markdown文件编译为Html文件,并添加了更多的插件来丰富MD文件的功能,就比如说Vuejs组件在MD文件中渲染等等,为了我们可以在使用Vitepress 的时候可以更随心所欲的定制一些功能,我们要先搞一搞明白Vitepress是如何将MD文档渲染成HTML的~ 看完可以明白这3点? /index.html"), ` ${styles} ${output} `); 更多的样式文档可以在./node_modules/highlight.js/styles选择~ 4. highlight.js/styles/a11y-dark.css"> <style> .warning{ margin: 28px 0; padding: 10px 14px 4px 总结 通过使用markdown-it、highlight.js、markdown-it-container模块实现了Markdown到HTML的文档转换,代码块高亮和自定义容器,VItepress搭建的组件库文档中的组件渲染和源码展示功能就需要用到自定义容器的解析和组装自定义的

    1.8K30编辑于 2022-12-26
  • 前端文档自动化:用 VitePress 搭建团队技术文档(含自动部署)

    前端文档自动化:用 VitePress 搭建团队技术文档(含自动部署) 背景与目标 团队文档需要可维护、可搜索、可协作并且可自动部署。 VitePress 以 Vite 为底座、支持 Vue 组件与现代 Markdown 扩展,适合构建前端团队的工程化文档体系。 } from 'vitepress' export default defineConfig({ title: 'Team Docs', description: '前端团队技术文档', 权限与发布:主干受保护,文档改动走 PR;为文档库单独设置 CODEOWNERS。 总结 VitePress 能让团队以现代文档工作流协同:以 Markdown 为中心、可扩展的 Vue 组件、内建搜索与高性能构建。

    48210编辑于 2025-12-15
  • 来自专栏编程技巧

    简单使用vitepress快速搭建一个文档网站

    VitePress 附带一个专为技术文档设计的默认主题。 你现在正在阅读的这个页面以及 Vite、Rollup、Pinia、VueUse、Vitest、D3、UnoCSS、Iconify 等文档都是基于这个主题的。 具体的内容可以参考vitepress官方文档。 具体的配置可以参考github的文档。这里只是简单描述下大概流程。绑定域名。 开发插件支持更多的文档属性,兼容hexo。关于作者来自全栈程序员nine的探索与实践,持续迭代中。

    94210编辑于 2024-09-29
  • 来自专栏前端开疆扩土之路

    十分钟用vitepress搭建项目文档

    搭建了一个项目文档,方便大家查阅。 文档地址:yinzhuo19970516.github.io/ 现在,我准备花10min介绍一下,介绍一下这个vuepress的小兄弟,vitepress vitepress是什么 vitepress 是一款基于vite vue3的静态站点生成器 有什么问题看文档吧,推荐看英文文档,中文文档不全 遇到问题建议去github gitee 搜索,目前这类的博客比较少 英文文档 中文文档 vitepress description: vue-cli/二次封装/vue3/axios/多入口打包 hero: name: vue-template text: tagline: 基于vue3,vue-cli4二次封装的移动端框架 仓库地址 文档地址

    1.5K31编辑于 2022-09-21
  • Vitepress网站搭建教程

    Vitepress网站搭建教程准备准备一台服务器用于网站上线 本地电脑安装pnpm本地电脑安装VSCode或webstorm安装安装vitepress官网地址:https://vitepress.dev /创建项目首先在桌面新建文件夹,打开cmd窗口,输入命令回车pnpm add -D vitepress初始化在文件夹cmd窗口输入命令,开始初始化vitepresspnpm vitepress init 以下是这些目录的含义.├─ docs # 项目根目录│ ├─ .vitepress│ │ ├─ theme│ │ │ └─ index.js # 主题入口│ │ └─ config.js # 配置文件│ └─ index.md # 主页相关└─ package.json 启动在cmd里面输入下面命令就可以运行vitepress #跳转到外部链接---主页下面部分主页的这些部分都是可以更改的 里面的icon图标都是可以自定义,替换成表情或者图片,vitepress默认是没有icon的,所以你需要手动添加或直接复制我下面的代码

    2K10编辑于 2024-04-13
  • 来自专栏软件工具

    vitepress这或许是开源系统中,最好用的开源文档工具了吧

    2、想搭建一个wiki网站,用来分享自己的产品介绍文档、开发接口等内容。在这样的需求驱动下,你可能会在网上搜索各种开源工具。 关于文档系统,我之前也分享过几篇,感兴趣的同学可以了解一下。 1、2分钟带你 搭建一个开源的轻量级笔记服务应用2、开源MrDoc,一个适合个人和小型团队的文档、知识、笔记在线管理系统3、WordPress最受欢迎的主题模板经过反复的折腾了N次,最终发现一款宝藏级别的文档工具 ,也是非常多的开源产品、博客系统在使用的一个开源文档工具。 4、多主题的支持,VitePress默认提供主题,也支持对默认主题的扩展;同时也支持自定义主题,你完全可以根据自己的需要来定制化一套适合你的主题。

    73600编辑于 2024-08-01
  • 来自专栏前端lucio

    “注释”生成“VitePress文档网站”只需要“一行命令”!来试试!

    jsdoc2vitepress github 需求 你可能用过jsdoc,用代码里面的注释生成文档。但是苦于jsdoc生成的文档网页太不好看,目录结构不好调整。 你可能也用过VuePress或者VitePress。但是苦于手写Markdown文档,太费时间。 那有没有一种方案,可以直接用代码注释,生成vitepress构建的文档网页呢? 为什么不行? 实现 初始化VitePress文档目录 期望的效果是: jsdoc2vitepress init 初始化出下面的VitePress文档目录 . ├─ docs │ ├─ .vitepress │ │ 站点 有了Markdown文档,我们接下来就是简单的运行Vitepress框架,生成Vitepress文档站点了。 (); }); program.parse(); 最终效果 初始化文档,运行文档网站 jsdoc2vitepress init jsdoc2vitepress start 控制台输出 文档网站

    1.6K20编辑于 2023-04-22
  • 来自专栏终身学习者

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

    首页 专栏 javascript 文章详情 3 我问导师,Vue3有没有对应工具来生成漂亮的文档? 用 Vitepress ? 上已经收录,文章的已分类,也整理了很多我的文档,和教程资料。 ? 最近有人在问:小智, Vue3 有没有对应制作文档的工具。 今天,我们来一起看看,如何使用 Vitepress 快速为Vue应用创建文档。 下面是我们最后要完成的内容: ? 在开始之前,我们先来看看 Vitepress 是个啥东西。 对于大多数项目,例如文档和简单站点,Vitepress的特殊性和简约性将使开发变得轻而易举。 创建 Vitepress 项目 首先,创建目录。 代码块 在编写好的文档时,代码示例至关重要。 Vitepress 提供了一种快速添加代码块并指定正在使用的编程语言的方法。 ? ?

    2.2K20发布于 2021-04-09
  • 来自专栏云深之无迹

    keli4使用文档

    而且网上的文档良莠不齐,自带的才是最好的 ? 我们先找到这个文件的地址,然后反编译成HTML C:\Keil\C51\Hlp ? 在这里就有很多的文档 ? /uv4.chm ? 就编译完成了,然后用chrome浏览器打开记忆可以了 ? 这个是内部文档的软件周期开发图 C/C++ 编译器和宏汇编器 源文件由 µVision IDE 创建并传递给 C 或 C++ 编译器或宏汇编器。编译器和汇编器处理源文件并创建可重定位的目标文件。

    1.1K20发布于 2021-06-25
  • 来自专栏晓晨的专栏

    IdentityServer4 实战文档

    一.前言 IdentityServer4实战这个系列主要介绍一些在IdentityServer4(后文称:ids4),在实际使用过程中容易出现的问题,以及使用技巧,不定期更新,谢谢大家关注。 这些问题、技巧都是博主在将IdentityServer4用于实际生产环境的经验总结。

    87320发布于 2018-06-22
  • 来自专栏史上最简单的Spring Cloud教程

    docker官方文档翻译4

    article/details/80186178 本文出自方志朋的博客 个人博客纯净版:https://www.fangzhipeng.com/docker/2018/09/11/docker-trans4. 在第4部分中,将此应用程序部署到群集上,并在多台机器上运行它。 通过将多台机器连接到称为swarm的“Dockerized”群集,使多容器,多机器应用成为可能。 vbb1qbkb0o2z getstartedlab_web.3 john/get-started:part2 myvm2 Running ghii74p9budx getstartedlab_web.4 总结 在第4部分中,你了解了群体是什么,群体中的节点如何成为manager或workwer,创建群体并在其上部署应用程序。

    97630编辑于 2022-05-07
  • 来自专栏vitepress

    VitePress 强大的静态网站生成器

    什么是VitePressVitePress 是一个静态站点生成器 (SSG),专为构建快速、以内容为中心的网站而设计。 VitePress中文教程:https://vitepress.qzxdp.cn/用例文档 VitePress附带了一个默认主题,专为技术文档而设计,特别适用于需要嵌入交互式演示的文档。 它支持您当前正在阅读的页面,以及其他文档,例如:Vite: 下一代前端工具Pinia: Vue.js的直观状态管理工具VueUse: Vue组合工具集合D3: 用于定制数据可视化的JavaScript库 Vue.js官方文档也是基于VitePress构建的,但使用了一个自定义主题,用于多语言版本之间的共享。 特别是在处理代码块方面,VitePress提供了许多高级功能,使其非常适合编写高度技术性的文档

    1.8K20编辑于 2023-07-19
  • 来自专栏front-end technology

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

    静态内容以字符串模式而不是渲染函数代码发送,JS 负载更便宜,注水(SSR 时生成 js 交互逻辑代码)也更快 3.这些优化仍然允许在 markdown 中混合使用 Vue 组件,编译器会帮你处理静态/动态分离工作 4. /image.png) 所有引用的资源文件 在生产打包时,会被复制到 dist 目录并文件名会带上 hash 未被引用的资源文件不会被复制 图片资源小于 4kb 的会被 base64 公开文件 public } } } 不只是单行高亮,还可以这样: 行范围:{5-8}, {3-10}, {10-17} 多行:{4,7,9} 行范围及多行混合等:{4,7-13,16,23-27,40} 显示行号 module.exports md.use(require('markdown-it-xxx')) } } } 部署 以下内容有这些共同约定: 你的文档放着项目根目录的 docs 目录 使用默认的打包输出位置 (.vitepress "docs:serve": "vitepress serve docs" } } 构建文档 yarn docs:build # 将构建并存放结果到 `.vitepress/dist` yarn docs

    3.9K40编辑于 2022-03-07
  • 来自专栏SpringBoot教程

    documents4j 文档转换

    documents4j 是一个 Java 库,可以将文档转换为另一种文档格式。 https://github.com/documents4j/documents4j<parent> <artifactId>spring-boot-starter-parent</artifactId >spring-boot-starter-web</artifactId> </dependency> <dependency> <groupId>com.documents4j </groupId> <artifactId>documents4j-local</artifactId> <version>1.1.5</version> </dependency > <dependency> <groupId>com.documents4j</groupId> <artifactId>documents4j-transformer-msoffice-word

    1.2K00编辑于 2023-08-27
  • 来自专栏庄闪闪的R语言手册

    R文档沟通|Dashboards入门(4

    简介 Dashboards入门前三期可见:R文档沟通|Dashboards入门(1);R文档沟通|Dashboards入门(2);R文档沟通|Dashboards入门(3),今天给出该系列最后一期:在 在 flexdashboard 中使用 Shiny 可以将一个静态的 R Markdown 报告变成一个交互式文档。 需要注意的是,交互式文档需要部署到 Shiny 的服务器上,以便广泛共享(而静态 R Markdown 文档是可以附加到电子邮件或从任何标准 web 服务器提供的独立 web 页面)。 入门指南 在仪表盘中添加 Shiny 组件的步骤如下: 在文档顶部 YAML 元数据中添加 runtime: shiny。 注:文档顶部标记为 global 的 R 代码块在全局环境中都可以被调用。这将为用户带来更好的启动性能,强烈推荐大家使用。

    3.2K30发布于 2021-06-25
  • 来自专栏人生编码

    使用 vitepress + docker + oneDrive 等实现本地知识库 预览+备份

    1.简介使用 语雀、notion 等文档知识库,在使用起来比较方便,但是如果需要本地备份,就需要借助一些工具。 defineConfig({ title: "本地文档", description: "本地文档知识库", srcDir: ". _# 运行后的容器信息_dockerContaimerName=L\_local\_wiki_# 端口_dockerHostPort=10050dockerContainerPort=10050_# 文档目录映射配置 _dockerContaimerName=vitepress\_local\_wiki_# 端口_dockerHostPort=10050dockerContainerPort=10050_# 文档目录映射配置 projectHostConfigDir:$projectContainerConfigDir \ $dockerImageName:$dockerImageVersion}runShell4.

    71210编辑于 2023-12-04
领券