使用VuePress快速搭建博客最近我在3A平台购买了服务器，准备搭建一个博客。VuePress介绍VuePressVuePress官网https://www.vuepress.cnVuePress指南https://www.vuepress.cn/guide…VuePress安装安装前请安装 Node.jsNode.js下载地址http://www.nodejs.com.cn你可以在一个硬盘创建
转载
2024-06-18 14:05:11
80阅读
基本配置细节首页配置 首页配置文件是doc目录下的README.md文件，以下是一个如何使用的例子：---
home: true
heroImage: /hero.png
heroText: Hero 标题
tagline: Hero 副标题
actionText: 快速上手 →
actionLink: /zh/guide/
features:
- title: 简洁至上
detail
转载
2024-08-14 13:36:46
162阅读
之前在外卖软件上看到这个左右联动的效果，觉得很有意思，所以就尝试使用Vue来实现，将这个联动抽离成为一个单独的组件，废话少说，先来一张效果图。这个组件分为两个部分，1、左菜单；2、右菜单。动态数据结构menus: [ { name: '菜单1', data: [ { name: '1.1' }, { name: '1.2'
前言Vue是一款用于构建用户界面的 JavaScript 框架。它基于标准 HTML、CSS 和 JavaScript 构建，并提供了一套声明式的、组件化的编程模型，帮助你高效地开发用户界面。无论是简单还是复杂的界面，Vue 都可以胜任。准备阶段服务器准备推荐使用雨云作为服务器提供商，其是国内领先的云计算平台。使用优惠码 yhj 能获取优惠价格。开发环境配置在本地计算机上安装pnpm包管理器。安装
VuePress介绍 VuePress 由两部分组成：第一部分是一个极简静态网站生成器，它包含由 Vue 驱动的主题系统和插件 API，另一个部分是为书写技术文档而优化的默认主题，它的诞生初衷是为了支持 Vue 及其子项目的文档需求。 每一个由 VuePress 生成的页面都带有预渲染好的 HTML，也因此具有非常好的加载性能和搜索引擎优化（SEO）。同时，一旦页面被加载，Vue 将接管这些静态内
转载
2024-04-04 19:39:49
53阅读
1、插槽（1）插槽内容像 HTML 元素一样，我们常常需要给组件传递内容比如在下面的例子中，我们给自定义组件 prompt-info 传入 出错啦 的文本<!DOCTYPE html>
<html>
<head>
<title>Demo</title>
<script src="https://cdn.jsdeli
文章目录写在前面第一类：用来存放网站第二类：自定义 OSS对象存储 的图片路径 写在前面这里是小飞侠Pan?，立志成为一名优秀的前端程序媛！！！本篇博客收录于我的github前端笔记仓库中，持续更新中，欢迎star~? https://github.com/mengqiuleo/myNote因为自己的域名备案已通过，所以就想自己配置个二级域名。但是网上的教程都很分散，我自己踩坑了很多，花了很长时
21、主页：通过双层for循环渲染左侧菜单外层for循环用来渲染一级菜单，内层渲染for循环用来渲染二级菜单。在一级菜单里添加v-for指令，再提供唯一的key属性。key值有id就用id。<!-- 一级菜单 -->
<el-submenu
v-for="item in menulist"
:key="item.id"
>这时候出现了五个“导航栏一”，文本都是写死的
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
106阅读
前言最近面试发现很多前端程序员都从来没有写过插件的经验，基本上都是网上百度。所以打算写一系列文章，手把手的教一些没有写过组件的兄弟们如何去写插件。效果展示先让大家看个效果展示，知道咱们要做的东西是个怎么样的样子，图片有点模糊，大家先将就点：开始制作DOM结构整体结构中应该存在两个容器：1.
菜单容器 2. 主页面容器；因此当前DOM结构如下：<template>
<div c
转载
2024-08-17 10:09:22
467阅读
问题使用vuepress写文档网站，为了实现element-ui类似的组件预览效果，项目里面将ant-design-vue和基于ant-design-vue的自己封装的组件引入项目中，开发环境能正常运行。当运行Build打包后，报错：error Error rendering /:方案1经查询vuepress github issuse 得到的答案是，vuepress是服务端渲染的，浏览器的 AP
转载
2024-09-03 16:45:10
97阅读
vuepress官网 vuepress是尤大开发来写文档的静态页面。可以用Markdown 语法，并且也可以使用vue模块化的方式开发页面。vuepress-theme-reco 是另外的开发者开发的 vuepress主题。本文将介绍依赖这个主题，构建GitHub pages静态博客的详细过程 提前说明：本过程比较详细，相当于手把手的教，针对于不熟悉vuepress的
转载
2024-03-12 12:29:32
74阅读
项目搭建
#安装vuepress第一步就是进行vuepress进行安装: 如果使用npm来安装, Node.js版本需要 >=8 才可以yarn global add vuepress # 或者：npm install -g vuepress#注意如果你的现有项目依赖了 webpack 3.x，推荐使用 Yarn而不是 npm 来安装 VuePress。因为在这种情形下，npm 会生成错误的
这里使用了主题reco,并且使用音乐播放插件，看板娘插件，全文检索插件，评论插件，复制代码插件等等。基础配置创建目录并初始化,初始化后会生成一个package.json文件mkdir vuepressBlog
cd /vuepressBlog
npm init -y下载vuepressnpm install -g vuepress创建docs目录，并在该目录下创建.vuep
转载
2024-04-03 13:16:42
100阅读
写在前面这里我用的是vuepress-theme-reco主题，可以先康康我的博客Landscape in the Mist，如果你喜欢这个主题的话再继续看下去叭！其实我搭建这个博客用了不止一个小时，中间踩了很多坑，不过大都是由于没仔细看文档导致的，大家一定有问题先看文档! vuepress-theme-reco, VuePress搭建步骤初始化这里推荐用yarn，我最开始用的是npm，但是不知道
转载
2024-05-10 18:25:03
210阅读
目录一、Vue-CLI 项目搭建1、node环境介绍解释型语言和编译型语言文件防篡改校验（拓展）2、nodejs 解释器环境安装3、项目的创建创建vue项目使用什么？vue-cli安装步骤4、使用vue-cli创建项目方式一方式二二、vue项目目录介绍打开项目运行项目vue 项目目录介绍三、es6导入导出语法3.1 App.vue,main.js写了什么3.2 导入导出语法3.3 vue项目编写步
问题一：请说出vue-cli工程中每个文件夹和文件的用处vue-cli目录结构：vue-cli目录解析：build 文件夹：用于存放 webpack 相关配置和脚本。开发中仅 偶尔使用 到此文件夹下 webpack.base.conf.js 用于配置 less、sass等css预编译库，或者配置一下 UI 库。config 文件夹：主要存放配置文件，用于区分开发环境、线上环境的不同。 常用到此文件
转载
2024-10-03 09:07:43
88阅读
目录前言一、查看vue-router依赖版本号，防止后面出现版本报错问题。二、下载或者卸载已有版本1.推荐3.5.2稳定版本，我去官网下的新版出现了无法正常显示的情况2.兼容问题 三、引入vue-router四、router-view视图五、好了到这就配置结束了那要怎么使用呢，举个例子总结 前言第一次写Vue项目，要用到router.js,看了一下官方文档，还是很懵逼，不知道怎么配置，
00.契子偶尔的整理洁癖平常有收藏+书签的习惯github私有仓库免费开放翻看博文 ： 作为软件工程师，如何进行知识管理 01.需求分析Ok，因为以上的四个契机，因缘巧合鬼使神差地 ，就做出了搭建一个 实用性 个人博客的想法。Well,那就来先分析下基本的需求吧。 个人博客 => 博文产出&支持MarkDown格式&方便管理和维护 知识库 => 知识归纳&
转载
2024-07-24 10:08:29
76阅读
设计样式如图： 设计规格描述：当某个路由被第一次打开时，在标签栏最后插入新标签，标签内容显示为 页面名称 + 关键参数值点击某个标签时，显示该标签的路由页面点击标签上的 × ，如果关闭的不是当前显示的标签页，直接删除这个标签就可以了如果关闭的是当前显示标签页，移除标签，并且后退到当前标签左边一个标签页打开同一个路由页面时，但是传的关键参数值不同，要插入新标签页（标签的唯一性key判断 =
转载
2024-10-26 08:19:56
265阅读
