vuePress搭建博客，小小模仿组件UI官方文档

VuePress 是一个以 Markdown 为中心的静态网站生成器。你可以使用 Markdown 来书写内容（如文档、博客等），然后 VuePress 会帮助你生成一个静态网站来展示它们。 本文是使用 vuepress 搭建类似于 vant 文档，右侧带有移动端展示。先看下成果：shop-m使用文档 ，左侧是文档，右侧带有移动端展示，且会根据不同的文档页面，移动端跳转到对应的页面展示。 VuePress自定义 VuePress 提供的默认主题就挺好的，我们使用 布局插槽 来完成我们的功能。 默认主题的 L

Vuepress 搭建组件库 及 文档

网站成果样式项目书写步骤github地址:github.com/xuhuihui/da…官网：caibaojian.com/vuepress/gu…参考文章：www.javascriptcn.com/read-31206.…前言：我先git clone官方github，运行查看完整效果。 再根据官网介绍和参考文章，结合完整的代码，自己一步步配置内容。最后，参考element的设计样式，修改并增加代...

最近接到一个任务，要搭建一个自己的学习平台，类似element可以看到组件效果的同时还能查看组件源码，由于时间关系，决定使用第三方插件，于是在网上看了很多类似的技术，最终选了最简单的一种vuepress。我这里是在git上下载的完整项目（也可自行查看官网从头配置），主要是对配置文件进行说明： Democode.vue组件展示组件，用于组件效果和源码展示 <template> <div class="code"> <div class="code--title"&g

分享是最有效的学习方式。 博客：https://blog.ktdaddy.com/ 最近遇上事儿了，老猫的小小博客网站【程序员老猫的博客】被人盗刷CDN流量了。开始的时候收到了欠费的短信也没有怎么去重视。虽然说费用没有多少，但是也是一个教训。 博客从最初地搭建到现在确实也经过好几年了，天真地以为确实很长时间了，差不多快四年都没有充钱了，缺个两块钱应该也是正常的，补上就行，然而让人没有想到...

前言： VuePress是尤大为了支持 Vue 及其子项目的文档需求而写的一个项目，VuePress界面十分简洁，并且非常容易上手，一个小时就可以将项目架构搭好。现在已经有很多这种类型的文档，如果你有写技术文档的项目的话，VuePress绝对可以成为你的备选项之一。 VuePress特性： 为技术文档而优化的 内置 Markdown ...

找个文件夹npm init,生成一个package.jsonnpm init加载vuepress在 package.json 中添加一些 scripts这一步骤是可选的，但我们推荐你完成它。在下文中，我们会默认这些 scripts 已经被添加。然后就可以运行下试试看,就会发现网站启动了.一般是http://localhost:8080。

本文讲述如何在 vuepress 站点中自定义 vue 组件。我们可以在 md 文档中插入自定义组件，来实现各种页面效果。关于如何定义 vue 组件，请查阅 vuejs 官方文档。

vuepress编写文档中使用了ant-design框架,在引入运行之后,控制台报错“core-js/library/fn/object/define-property 是因为vuepress依赖的版本core-js版本是@3以上,而ant-design是2.4.0导致的出错 解决方式:项目中安装core-js为2.6.9即可运行 ...

现在常见的一些文档生成工具有如下几种 二、项目结构 三、基础文件 三、配置文件 基本配置 可以在这里面通过访问Vue构造函数，实现对一些组件或插件的注入

最近在写个人Blog 中间看过很多个人博客的开发 一大部分用的是Hexo框架或者vuePress框架 导入各种主题样式插件等等 但是看多了就会发现 很多博主的个人博客基本都很相似 并没有什么新东西呈现出来 我这里是实话实说 虽然很多相似之处但是确实是简单易用 对开发者很友好 最近我也在考虑要不要把我的博客换成Hexo框架来写 这都是后话了。 今天主题是说一个很常见的效果 就是打字机效果 这里附上我博客的视频供各位先参考了解一下 vue自动打字机效果 就是类似这样的效果 这里用到的是Type..

前言✍️ 最近在搭自己的组件库，关于文档用的是Vuepress 官网在文档说明展示组件示例的方法有很多种，但种种都不合心意 通过查阅网上的资料和Element的源码找出了我认为的一种最优解，借此机会分享一下 该篇主要是具体的实现，如果想看分析的可以看到如何优雅的使用Vuepress编写组件示例（上） 实际效果✔️ 先把最后的成品发出来给大家看看 李性分析????‍♂️ 在上篇中分析归纳了一下具体的步骤(如下)，接下来我们就来具体的实现一下 第一步构建一个通用组件用于接收代码块来展示demo并且统

起步 从2019年开始学习Vue，这个博客我想将项目中遇到的好的插件的使用方法、踩坑经历总结下来， 便于在以后的项目中使用。 为了更加便于使用，就内容而言，除了在github上可以看到demo的源码，还有在网页中增加了演示的部分。 以后会更新更多我在项目中的踩坑经历、插件使用记录，欢迎来访~ 如果觉得我有更多进步的空间，还请包涵和指出喔。 那就先定一个小目标吧~~ 2020年要完成20+篇的分享。...

使用vuepress搭建个人博客

vuepress，Vue 驱动的静态网站生成器，以 Markdown 为中心的项目结构，以最少的配置帮助你专注于写作。vuepress存在很多主题，也可以自定义设计主题，上传npm使用这里采用vuepress-theme-hope主题模板进行制作创建项目命令yarn/npm/pnpm都可以这里记录几个关键点。

npm 出现之前，前端依赖项是保存到存储库中并手动下载的，而如今，大量依赖项存储在神奇的 node_modules 内的嵌套文件夹中，Yarn 是为了弥补 npm 的一些缺陷而出现的，为了防止拉取到不同的版本，Yarn 有一个锁定文件 (yarn.lock) 记录了被确切安装上的模块的版本号，后来npm也做了一些类似的改进新增了类似yarn.lock的 package-lock.json。默认情况下，侧边栏会自动显示当前页面的标题(h2~h3)组成的链接，所以上面的案例中我们看到都是h2和h3可以被点击。

在此就不过多介绍，本博客并没有采用最新的vuepress，而是引用了其中一的1.5版本。该文件夹必须拥有一个README.md文件，内容可为空，文件的具体用法稍后介绍。vuepress官网的目录配置（按照自己的需求选择文件夹配置方案）在know文件夹有两个子分类对应着顶部子菜单的分类。在安装好vuepress之后先确认好文件树的配置。vuepress官网有详细的安装和引用。想要文件夹被识别，生成相应的路由路径。如还有疑惑可参考本博客的文件夹配置。采用vue官方的静态网页生成器。

vuepress基本框架搭建 请注意：在搭建vuepress框架前，请先安装 node.js 依赖的软件工具，安装教程请百度。 1、新建一个文件夹，并命名为：boke_vuepress 。（命名自愿随意） 2、在 boke_vuepress 文件夹下，全局安装 vuepress 插件，运行指令为: npm install -g vuepress 。 3、在 boke_vuepress 文件夹下，初始化项目，运行指令为：npm init -y 。 4、在 boke_vuepress 文件下，新建 docs 文