记录从0到1创建 VuePress 项目、并部署到 GitHub Pages 的详细步骤 推荐多使用 VuePress 中文文档VuePress安装安装过程可以按照官方文档快速上手选项卡中的步骤来，须注意下 Node.js 的版本。本文使用的版本为： Vue Press 1.x、Node.js 14.18.0Vue Press 1.x 需要 Node.js >= 8.6Vue Press 2
vuepress博客搭建（一）导航栏与侧边栏 文章目录vuepress博客搭建（一）导航栏与侧边栏前言系列文章一、项目目录二、导航栏配置三、侧边栏样式一：一个导航栏下对应多篇文章样式二：一个导航栏多篇文章，且要对文章起别名样式三：一个导航栏下多篇文章进行分组四、MarkDown 语法注意点 我在最开始时用的是 Hexo+butterfly搭建博客，但是后来发现，hexo的界面虽然很好看，
转载
2024-03-27 11:40:19
241阅读
最近熬了很多个夜晚, 踩坑无数, 终于写出了用VuePress驱动的主题.只需体验三分钟，你就会跟我一样，爱上这款主题.vuepress-theme-indigo-material, 已经发布到npm, 请客官享用~~介绍vuepress-theme-indigo-material 的原主题是hexo-theme-indigo, github 的 star 数高达2042, fork 的有451个
转载
2024-05-08 11:22:16
136阅读
vuepress 快速搭建快速搭建的目的是让我们直观的感受下vuepress界面。先不要纠结每个文件和配置的意思，先快速感受一下。 ::: warning 注意 请确保你的 Node.js 版本 >= 8 :::安装nodejs如何安装nodejs，请参考nodejs安装安装vuepress可以全局安装，也可以本地安装。全局安装的好处是电脑只用安装一次，所有的vuepress工程都能用。实际
转载
2024-05-12 11:47:58
96阅读
在美团支付的前端技术体系里，通过预渲染提升网页优化，从而优化了白屏问题，提升用户体验，并形成了最佳实践。在前端渲染领域，主要有以下几种方式可供选择：通过对比，同构方案集合 CSR 与 SSR 的优点，可以适用于大部分业务场景。作为以用户体验为首要目标的我们发现了一个体验问题：首屏白屏（SPA都会遇到的问题）浏览器渲染包含 HTML 解析、DOM 树构建、CSSOM 构建、JavaScript 解析
文章目录Vue2中使用Vue3中使用v-model 使用 modelValue自定义 v-model 的使用的参数多个 v-model 绑定自定义v-model 的修饰符 Vue2中使用2.2.0+ 新增一个组件上的 v-model 默认会利用名为 value 的 prop 和名为 input 的事件，但是像单选框、复选框等类型的输入控件可能会将 value attribute 用于不同的目的。
转载
2024-09-25 12:01:57
37阅读
前言相信很多人都想拥有一个自己的个人博客，现有的个人博客搭建框架已经有很多了，例如 hexo 、vuepress 、jekyll 等等，这里我选用 vuepress 来快速搭建个人博客网上教程千千万，但总归都是零零散散的，没人会给你讲解得清清楚楚，所以我这里就手把手来讲解一下如何从零搭建这里先放上 vuepress 的官网链接：https://www.vuepress.cn/(opens new
转载
2024-10-26 18:48:01
242阅读
???欢迎来到我的博客，很高兴能够在这里和您见面！希望您在这里可以感受到一份轻松愉快的氛围，不仅可以获得有趣的内容和知识，也可以畅所欲言、分享您的想法和见解。推荐:kuan 的首页,持续学习,不断总结,共同进步,活到老学到老导航
檀越剑指大厂系列:全面总结 java 核心技术点,如集合,jvm,并发编程 redis,kafka,Spring,微服务,Netty 等
常用开发工具系列:罗列
原创
2024-04-17 10:38:10
119阅读
Vuepress介绍类似hexo一个极简的静态网站生成器,用来写技术文档不能在爽。当然搭建成博客也不成问题。Vuepress特点
响应式,也可以自定义主题与hexo类似
内置markdown(还增加了一些扩展),并且可以在其使用Vue组件
Google Analytics 集成
PWA 自动生成Service Worker
快速上手
安装
初始化项目
yarn init -y
# 或者 npm i
转载
2024-07-22 10:19:29
84阅读
VuePress 是一个以 Markdown 为中心的静态网站生成器。你可以使用 Markdown 来书写内容（如文档、博客等），然后 VuePress 会帮助你生成一个静态网站来展示它们。本文是使用 vuepress 搭建类似于 vant 文档，右侧带有移动端展示。先看下成果：shop-m使用文档 ，左侧是文档，右侧带有移动端展示，且会根据不同的文档页面，移动端跳转到对应的页面展示。VuePre
转载
2024-04-03 13:16:04
105阅读
vuepress（三）博客页面自定义布局 文章目录vuepress（三）博客页面自定义布局前言一、博客自定义页面布局效果展示：1.在compontents文件夹下注册组件一个demo?2.在对应的文章中引用该组件 前言这里是一个关于vuepress搭建的系列教程，里面也包括了我自己对博客的一些优化面筋小站是使用vuepress默认主题开发 我的博客使用gungnir主题开发我在最开始时用的是 He
转载
2024-04-30 22:48:02
119阅读
大家好，我是戴先生废话不说，直接上效果图##效果图链接地址：你好，戴先生留下了悬念，`stream`对象数据流转的具体内容是什么？本篇文章将为大家进行深入讲解。## Buffer探究看一段之前使用`stream`操作文件的例子：```JavaScriptvar fileName = path.resolve(__dirname, 'data.txt');var stream=fs.creat
vue元素属性绑定v-bind属性绑定-基本使用使用 v-bind 指令对标签标准属性进行绑定。语法：<标签 v-bind:属性名称="表达式" ></标签>
<!-- 简易方式设置，推荐使用 -->
<标签 :属性名称="表达式"></标签>注意：冒号(:)的简易设置推荐使用。如果有需要，绑定的内容可以进行变量、常量、算术运算、比较运
Vue3 自定义指令 插件官网链接：https://cn.vuejs.org/guide/reusability/custom-directives.html#introduce1.自定义指令：1.1自定义指令声明局部声明：const focus = {
mounted: (el) => el.focus()
}
export default {
directives: {
转载
2024-03-29 14:53:48
197阅读
前言上一章已经讲了 vuepress 主题如何实现继承，这样我们可以任意修改默认主题的任何组件及样式了。我们知道 vuepress 是无法自动根据我们 markdown 文件中的---
tags:
- js
- vue
---
复制代码生成标签云的页面的，而一个博客，标签在其中有知识分类及导航功能，是必不可少的一环，下面带领大家来改造一下默认主题让它能支持自动生成标签云页面第一步配置的修改既然是主
转载
2024-08-06 19:06:25
57阅读
自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入 欢迎使用Mark
Nginx将第三方模块编译到nginx中的方法：将源代码文件和config放在一个目录中，然后执行configure --add-module=PATH （以上文件的地址） ，就可以在执行正常编译安装流程时完成nginx编译工作；通过编写配置mytest模块，可以在http{},server{},location{}块中声明配置mytest，如location /mytest/ {
my
转载
2024-02-26 20:04:35
143阅读
python模块简述python中的模块分为三种: 1.内置模块2.第三方模块pypi3.自定义模块模块的好处又有哪些:1.拿来就用
2.省去开发的时间
3.提升效率4.结构化便于查找 便于修改 便于维护 先上两个硬菜import和from摘自python学习手册， 用于记录。 客户端可以执行import或from语句。如果模块还没有加载，这两个语句会去搜索、编
转载
2024-04-12 23:44:59
18阅读
Design lib里面的CoordinatorLayout是一个非常强大的控件，它接管了child组件之间的交互。让你滑动交互使用更加方便简单，效果也更加强大，不需要向以前那样自己处理一坨什么乱七八槽的滑动 事件传递之类的恶心东西了。比如常见的顶部工具栏随内容滑动消失和显示，这个官方已经支持了Toolbar,但是有时候我们想让自己的组件也可以和滑动交互，这个时候我们就需要自定义一个我们自己的Be
转载
2023-09-06 13:36:01
105阅读
