vuepress 结合 GitHub pages 打造自己的博客网站vuepress 中文官方文档一.前期工作1.新建一个空的文件夹执行npm init -y2.安装依赖npm install -D vuepress3.配置 package.json{
"scripts": {
"docs:dev": "vuepress dev docs",
"docs:build": "vu
# 如何使用VuePress搭建组件库
## 简介
在本篇文章中，我将教会你如何使用VuePress搭建组件库。VuePress是一个基于Vue.js的静态网站生成器，可以用来快速搭建文档网站。使用VuePress搭建组件库可以帮助我们更好地组织和展示组件，方便其他开发者使用和理解。
## 流程图
```mermaid
flowchart TD
A(准备工作)
B(创建项目
原创
2024-01-09 23:30:32
85阅读
目录一、项目介绍二、用脚手架生成vue项目三、修正项目结构四、跑通一个demo五、卡片组件的设计与代码编写六、测试组件的功能七、前端模块化八、webpack打包js文件九、Gulp打包css十、将组件库发布到npm十一、测试发布后的组件库十二、搭建组件库文档站点十三、将项目部署到GitHub一、项目介绍所需要的技术：二、用脚手架生成vue项目1、安装脚手架npm install -g @vue/c
转载
2024-06-12 09:38:10
353阅读
文章目录一、安装vuepress二、初始化项目三、页面内容配置遇到的问题：四、设置封面页五、配置导航栏 nav六、配置侧边栏 slider七、配置插件1.UI 插件2.支持 PWA八、github 部署1.创建 github 仓库2.配置仓库名称3.在项目根目录中,创建一个如下的脚本文件deploy.sh4.运行deploy.sh 脚本5.setting Github Pages九、Copy 自
在前端开发领域，高效、灵活且易用的UI组件是项目成功的关键因素之一。今天，我要向大家推荐一个创新的Vue.js组件库——。这款开源工具专门用于构建流程图和工作流，它将帮助开发者快速创建出美观且功能丰富的流程应用。项目简介Vue Super Flow是一个基于Vue 3的可拖拽、可配置的流程图组件，支持多种节点类型、连接线样式，还提供丰富的API和自定义选项。通过这款组件，你可以轻松地为你的应用添加
给大家推荐一个免费部署个人博客的方案。使用vuepress+github托管+vercel。vercel我们可以使用vercel进行部署，vercel和github actions很相似，都是通过将博客的所有必须文件（包括package.json,docs等）push到github的某个仓库仓库中，然后在vercel中创建一个项目，导入此仓库，之后的一切就交给vercel去做了并且vercel还能
组件化开发组件化开发（上）注册组件父组件和子组件注册组件语法糖组件模板template的抽离写法组件数据父子组件通信组件化开发（下）概述编译作用域使用Slot指定名称的slot父子组件之间的访问$children示例$refs示例$parent示例 组件化开发（上）将一个复杂的问题，拆分成很多歌可以处理的小问题，再将其放在整体当中。组件化也是类似的思想：如果我们将一个页面中所有的处理逻辑全部放在
VuePress是什么？ VuePress是以Vue驱动的静态网站生成器，是一个由Vue、Vue Router和webpack驱动的单页应用。在VuePress中，你可以使用Markdown编写文档，然后生成网页，每一个由VuePress生成的页面都带有预渲染好的HTML，也因此具有非常好的加载性能
原创
2018-10-24 10:58:00
184阅读
本项目地址：https://github.com/husilang/vue-ui-demo项目参考文章：从零开始搭建Vue组件库 VV-UI项目的初衷是学习怎么封装一个基于Vue的UI组件库，顺便记录每个步骤，以及在此过程中遇到的难点及体会。下面是我个人的一个项目搭建流程，希望能帮助大家。①脚手架初始化项目使用 vue cli 3.0.0版本以上，在node或cmd中输入以下命令创建项目vue c
转载
2021-05-10 20:38:23
205阅读
2评论
花了2天多的时间总算搭出一个博客的雏形了。 搭建的博客没有使用官方提供的主题，而是自己创建了一个主题。所以，在样式上，有自己的风格和特点。转入正题。
环境搭建安装VuePressyarn global add vuepress
或者：npm install -g vuepress
也可以直接下载我的代码。然后cnpm i 下载依赖 https://github.com/newway7/blog
转载
2024-02-29 06:50:12
55阅读
开发流程1.创建项目，(vue-cli/公司现有架构)
2.调整项目静态目录结构
3.使用webpack相关库模式打包编译
4.使用npm或者公司源地址发布到你需要的平台步骤创建项目，省略；调整项目静态目录结构
在项目同级目录下创建lib文件夹 => assets / components / css / utils / index.js / UploadUi.vue (依据自己喜好而
转载
2024-06-09 10:23:03
111阅读
vuepress 实用插件这些插件都是官方提供的，有些在我们实用默认主题的时候已经安装了，不需要再单独安装，有些插件需要我们单独安装。具体请看下面的介绍默认主题自带的插件@vuepress/plugin-active-header-links@vuepress/plugin-nprogress@vuepress/plugin-searchvuepress-plugin-containervuepr
转载
2024-03-16 10:11:54
277阅读
参考文章 https://book.hliedu.com/guide/notes/vuepress.html
原创
2022-02-25 13:40:02
132阅读
&00.上文回顾在上文 VuePress博客搭建笔记（一）简单上手 中，我简单阐述了VuePress博客搭建的过程，并对其中的一些问题进行分析记录，包括首页，侧边栏，导航栏，浏览器书签引入，挂载githubPage等等。本文将围绕着博客的个性化配置作一个整理。首先引用官网的原文重申一次VuePress博客搭建的过程：
Start
As Easy as 1, 2, 3
# i
转载
2024-08-23 20:17:14
45阅读
前言最近公司是要重构一下我们的SDK文档，之前是用的gitbook来生成的，效果掺不忍睹，样式不好看就不好说了，之前的老哥写得东西语法很乱，改起来很费解，索性就干脆来个大换血。之前有用过各种的文章博客框架，比如：大名鼎鼎的hexo，比较流行的docsify，以及Docute。但是效果都不是很理想。想着既要样式好看，告别千篇一律，更要结构清晰，语法简单，能够支持自定义，更加自由的文档框架。知道发现了
转载
2024-03-22 23:37:12
76阅读
1 什么是VuePress？vuePress是以vue驱动的主题系统的简约静态网站生成工具2 如何搭建？在官方网址上说的其实很清楚的，这边简要的说一下2.1 利用npm 安装 vuepress# 初始化 npm
npm init -y
# 安装
yarn global add vuepress # 或者：npm install -g vuepress
# 新建一个 docs 文件夹
mkdir
转载
2024-02-22 16:43:50
97阅读
前段时间,docsify 的cdn崩了，我翻了一下很久之前的笔记，打开贼慢不说，样式全没了。于是下定决心找个时间看看有什么好的文档工具重新弄一个，虽然都是几年前的笔记文档，但毕竟这些笔记见证了我的成长，不能丢。最终选定了vuePress2，下面将记录使用 vuePress2 的详细过程。vuepress官方文档https://v2.vuepress.vuejs.org/zh/使用 vuepress
vuePress博客搭建指南需要node环境和npm支 如果不会安装npm请转到：安装指引vuePress概述Vue 驱动的静态网站生成器 基于markdown语法生成网页 可自定义和扩展样式 可以发布至github 详情请看官网 vuepress安装初始化全局安装更改npm默认下载路径 为taobao源npm config set registry https://registry.npm.ta
转载
2024-04-12 20:20:41
101阅读
今日就教大家如何建立自己的知识档案库！不要服务器！不要流量费！只需要一个码云账户！白嫖才是程序员的王道！一切的收费都是耍流氓！我们要把钱存着娶媳妇！什么是vuepress通过编写Markdown 来生成静态网页VuePress 由两部分组成：一个以 Vue 驱动的主题系统的简约静态网站生成工具，和一个为编写技术文档而优化的默认主题。它是为了支持 Vue 子项目的文档需求而创建的。由 VuePress 生成的每个页面，都具有相应的预渲染静态 HTML，它们能提供出色的加载性.
原创
2020-06-09 08:21:19
193阅读
今日就教大家如何建立自己的知识档案库！不要服务器！不要
原创
2020-06-09 08:21:19
451阅读
