前言相信很多人都想拥有一个自己的个人博客，现有的个人博客搭建框架已经有很多了，例如 hexo 、vuepress 、jekyll 等等，这里我选用 vuepress 来快速搭建个人博客网上教程千千万，但总归都是零零散散的，没人会给你讲解得清清楚楚，所以我这里就手把手来讲解一下如何从零搭建这里先放上 vuepress 的官网链接：https://www.vuepress.cn/(opens new
转载
2024-10-26 18:48:01
242阅读
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阅读
前言上一章已经讲了 vuepress 主题如何实现继承，这样我们可以任意修改默认主题的任何组件及样式了。我们知道 vuepress 是无法自动根据我们 markdown 文件中的---
tags:
- js
- vue
---
复制代码生成标签云的页面的，而一个博客，标签在其中有知识分类及导航功能，是必不可少的一环，下面带领大家来改造一下默认主题让它能支持自动生成标签云页面第一步配置的修改既然是主
转载
2024-08-06 19:06:25
57阅读
在美团支付的前端技术体系里，通过预渲染提升网页优化，从而优化了白屏问题，提升用户体验，并形成了最佳实践。在前端渲染领域，主要有以下几种方式可供选择：通过对比，同构方案集合 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阅读
记录从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
???欢迎来到我的博客，很高兴能够在这里和您见面！希望您在这里可以感受到一份轻松愉快的氛围，不仅可以获得有趣的内容和知识，也可以畅所欲言、分享您的想法和见解。推荐: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阅读
我自己的博客走的是简约的路线，最近不是流行扁平化设计嘛，不仅简约代码也很简单。好了下面开始。首先需要的是进入后台的修改界面。从[管理]点击[设置]按钮进入。然后就是开始你的修改了。首先，我们需要选择一个模板，我选择的是LessIsMore，有的模板内容太多给人很不好修改的感觉。 现在开始写页面定制 CSS 代码。我建议大家先选择一张心仪的背景图片，从背景图片开始并围绕背景
转载
2024-06-14 09:33:50
132阅读
vuepress（三）博客页面自定义布局 文章目录vuepress（三）博客页面自定义布局前言一、博客自定义页面布局效果展示：1.在compontents文件夹下注册组件一个demo?2.在对应的文章中引用该组件 前言这里是一个关于vuepress搭建的系列教程，里面也包括了我自己对博客的一些优化面筋小站是使用vuepress默认主题开发 我的博客使用gungnir主题开发我在最开始时用的是 He
转载
2024-04-30 22:48:02
119阅读
大家好，我是戴先生废话不说，直接上效果图##效果图链接地址：你好，戴先生![在这里插入图片描述]( ![在这里插入图片描述](##为什么要个人网站自媒体时代，人人都可以有自我对外展示的多个窗口短视频横流，但是我们更需要将自己的知识和阅历沉淀成文字边界渐模糊，但这里可以是完全属于自己的小世界，没有推送、不需要点赞互联网的第一个十年已经过去，但是拥有一个个人网站仍然是一件很酷的事情##网站功能搜索时间
转载
2024-06-23 13:43:15
394阅读
XML布局<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent"&
原创
2015-02-13 21:40:26
672阅读
1 新建样式1.1 调出样式新建文件，打开样式窗格，默认只有标题1，标题2， 此时点击标题2，将出现标题3，点击标题3，将出现标题4。 图 1‑1 列出标题1-4的样式1.2 修改样式1.2.1 第一步点击样式中的标题1的小三角，修改样式 图 1‑2 修改演示（一）1.2.2 第二步点击左下角的格式，选择编号 图 1‑3 修改样式里面的编号1.2.3 第三步改变多级符号的样式 图 1‑4
转载
2024-04-24 12:55:17
114阅读
Android中自带的CheckBox 样式比较丑，为了美化CheckBox 可使用一下方法。 实现效果如下： 未选中状态 选中状态 自定义样式自定义选择器效果自定义素材为CheckBox标签自定义样式 欢迎关注微信公众号:程序员Android 公...
转载
2017-10-12 09:46:00
492阅读
2评论
表格样式对于制作Excel表格非常有用，不仅方便表格制作，还使工作轻松了许多。那么如何方便定制自己的表格样式呢？有想法就会有解决的办法，下面介绍一下制作表格样式。首先，看一下效果 新建样式下图黄色部分是新建样式的效果，浅蓝色部分是定制各参数的选项，制作的时候，首先在文本框内输入样式名，然后分别选择定制参数，单击新建样式按钮，样式就建成功了。接下来在右边的选择框内找到样式名，选择一个单元
转载
2024-03-27 09:52:28
132阅读
目录前言（1）改变初始布局（2）改变列表item布局（3）改变弹窗背景及位置（4）添加选中效果源码前言
spinner就是下拉选择组件，系统自带的spinner使用起来非常方便，首先
定义一个array（strings.xml），如下：
<array name="grade">
<item>一年级</item>
<item>二
转载
2024-04-03 16:16:32
944阅读
vue元素属性绑定v-bind属性绑定-基本使用使用 v-bind 指令对标签标准属性进行绑定。语法：<标签 v-bind:属性名称="表达式" ></标签>
<!-- 简易方式设置，推荐使用 -->
<标签 :属性名称="表达式"></标签>注意：冒号(:)的简易设置推荐使用。如果有需要，绑定的内容可以进行变量、常量、算术运算、比较运
