vuepress博客搭建(一)导航栏与侧边栏 文章目录vuepress博客搭建(一)导航栏与侧边栏前言系列文章一、项目目录二、导航栏配置三、侧边栏样式一:一个导航栏下对应多篇文章样式二:一个导航栏多篇文章,且要对文章起别名样式三:一个导航栏下多篇文章进行分组四、MarkDown 语法注意点 我在最开始时用的是 Hexo+butterfly搭建博客,但是后来发现,hexo的界面虽然很好看,
转载 2024-03-27 11:40:19
241阅读
大家好,我是戴先生废话不说,直接上效果图##效果图链接地址:你好,戴先生![在这里插入图片描述]( ![在这里插入图片描述](##为什么要个人网站自媒体时代,人人都可以有自我对外展示的多个窗口短视频横流,但是我们更需要将自己的知识和阅历沉淀成文字边界渐模糊,但这里可以是完全属于自己的小世界,没有推送、不需要点赞互联网的第一个十年已经过去,但是拥有一个个人网站仍然是一件很酷的事情##网站功能搜索时间
转载 2024-06-23 13:43:15
394阅读
最近熬了很多个夜晚, 踩坑无数, 终于写出了用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阅读
记录从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
前言相信很多人都想拥有一个自己的个人博客,现有的个人博客搭建框架已经有很多了,例如 hexo 、vuepress 、jekyll 等等,这里我选用 vuepress 来快速搭建个人博客网上教程千千万,但总归都是零零散散的,没人会给你讲解得清清楚楚,所以我这里就手把手来讲解一下如何从零搭建这里先放上 vuepress 的官网链接:https://www.vuepress.cn/(opens new
转载 2024-10-26 18:48:01
242阅读
文章目录Vue2中使用Vue3中使用v-model 使用 modelValue自定义 v-model 的使用的参数多个 v-model 绑定自定义v-model 的修饰符 Vue2中使用2.2.0+ 新增一个组件上的 v-model 默认会利用名为 value 的 prop 和名为 input 的事件,但是像单选框、复选框等类型的输入控件可能会将 value attribute 用于不同的目的。
在美团支付的前端技术体系里,通过预渲染提升网页优化,从而优化了白屏问题,提升用户体验,并形成了最佳实践。在前端渲染领域,主要有以下几种方式可供选择:通过对比,同构方案集合 CSR 与 SSR 的优点,可以适用于大部分业务场景。作为以用户体验为首要目标的我们发现了一个体验问题:首屏白屏(SPA都会遇到的问题)浏览器渲染包含 HTML 解析、DOM 树构建、CSSOM 构建、JavaScript 解析
???欢迎来到我的博客,很高兴能够在这里和您见面!希望您在这里可以感受到一份轻松愉快的氛围,不仅可以获得有趣的内容和知识,也可以畅所欲言、分享您的想法和见解。推荐: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
vue元素属性绑定v-bind属性绑定-基本使用使用 v-bind 指令对标签标准属性进行绑定。语法:<标签 v-bind:属性名称="表达式" ></标签> <!-- 简易方式设置,推荐使用 --> <标签 :属性名称="表达式"></标签>注意:冒号(:)的简易设置推荐使用。如果有需要,绑定的内容可以进行变量、常量、算术运算、比较运
## 前言写完上一篇文章[想学Node.js,stream先有必要搞清楚]()留下了悬念,`stream`对象数据流转的具体内容是什么?本篇文章将为大家进行深入讲解。## Buffer探究看一段之前使用`stream`操作文件的例子:```JavaScriptvar fileName = path.resolve(__dirname, 'data.txt');var stream=fs.creat
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阅读
今天告诉大家一个好消息:每个人都可以很容易的去制作自己的红包封面了。微信官方今天将红包封面制作正式全面放开了。还记得前天我说微信红包封面小程序的事情吗?上午上架,中午就下架了。今天,微信官方换成了一个网址链接,而不是通过小程序制作,而是通过网页就可以制作自己的红包封面了。要求跟前天微信红包封面小程序的要求是一样的。制作红包封面要求:必须有自己的视频号账号;且视频号账号至少发表过一条视频,并获得 1
spring security 3 自定义(一)    如果你没有用过自定义的验证的话,你的资源和资源应该有的权限都应该还是在配置文件中配置的。类似这样:1. <http auto-config="true" lowercase-comparisons="false"> <intercept-url pattern="/images/**"
转载 2024-03-19 23:11:25
31阅读
通常的,编程语言都会提供基本的预定义数据类型,比如整型、浮点型、字符串类型等等。但是,当用编程来解决实际问题时,我们往往会发现这些很难满足需求。比如,我们需要建立一个公司的员工数据模型,其中包含姓名,年龄,性别,职务,联系手机等信息。这个模型包含了五条信息,根本没法用语言预先定义的数据类型来表达。幸运的是,编程语言还提供了自定义数据类型的方法:面向过程的语言,如C,可以自定义一个结构体(Struc
转载 2024-05-20 23:14:16
42阅读
自定义指令什么是指令如何实现全局注册局部注册自定义指令钩子函数bindinsertedupdatecomponentUpdatedunbind自定义指令钩子函数参数应用场景表单防止重复提交扩展:如何区分防抖和节流防抖在连续的事件,只需触发一次回调节流在间隔一段时间执行一次回调的场景有:图片懒加载一键 Copy的功能自定义指令此文章,来源于印客学院的资料,这里只是分享,便于查漏补缺。什么是指令开始之
转载 2024-05-31 19:26:46
78阅读
  • 1
  • 2
  • 3
  • 4
  • 5