Welcome
2019
03
20
11
23
23
4.mac 上使用 vi 4.mac 上使用 vi
上一篇博客提到 mac 进入 vi 编辑界面，复制 ssh key。这篇就是介绍如何保存退出 vi。 如果是 vi，则：Esc 退出编辑模式，输入以下命令：:wq 保存后退出 vi，若为 :wq! 则为强制储存后退出（常用）:w 保存但不退
2019-11-23 工具
mac vi
2020
07
14
5.hexo博客部署到 Github和 coding 5.hexo博客部署到 Github和 coding
1：打开项目根目录下的 _config.yml 配置文件配置参数。拉到文件末尾，填上如下配置（也可同时部署到多个仓库，后面再说）：如果不部署到 coding，就只写 github 就行。 deploy: type: git repo
2020-07-14 hexo
github coding
14
6.hexo插件篇（必看） 6.hexo插件篇（必看）
1>安装插件说明如果应用官网的主题你会发现，有可能出现打不开的情况，这是由于有些主题使用的插件，本地并没有安装导致的报错。所以本篇文章为补充说明篇。（无问题的可以跳过） 2>常用的插件代码高亮（建议安装）由于 Hexo 自带的代
2020-07-14 hexo
插件
15
7.hexo主题配置 7.hexo主题配置
1.hexo 主题官网http://theme-next.iissnan.com/getting-started.html 2.应用以及下载主题说明：在 Hexo 中有两份主要的配置文件，其名称都是 _config.yml。 其中，一份位于
2020-07-15 hexo
主题
19
8.语雀文档同步到 hexo 8.语雀文档同步到 hexo
1.去官网注册账号点我去官网 2.创建知识库 3.点击当前知识库的设置获取当前知识库的登录名和路径 4.在将语雀文档同步到 hexo//先安装 yuque-hexo npm i -g yuque-hexo 1) 修改 package.jso
2020-07-19 hexo
yuque
2021
03
06
Element表单验证 Element表单验证
1>常规验证和自定义验证1.element-ui 中的表单校验要加验证之前一定要确保已经写了 prop 属性，该属性是跟 rule 绑定在一起的，也可以在行内单独制定 rules。 方式一： 常规写法 el-from :rules
2021-03-06 vue
element-ui
09
22
01
18
02
20
2020
07
04
18
Hexo博客提交百度和Google收录 Hexo博客提交百度和Google收录
一个网站的 SEO 对一个网站非常重要，SEO指的是搜索引擎优化。通过搜索引擎优化，可以提高网站的网站关键词排名以及博客文章的曝光度。一般来说，我们针对百度和 Google 这两个搜索引擎进行优化，提高对网站资源的索引量，使我们的文章更容易
2020-07-18 hexo
百度收录 谷歌收录
08
05
Mac 解决GitHub速度慢问题 Mac 解决GitHub速度慢问题
解决方案是修改 hosts，按照以下三步来操作1.打开 hosts 文件：终端执行, MacOS 的登录用户不是 root，没有最高权限。修改一些系统保护的资源时，需要临时切换到 root 用户。root 具有最高权限，可以做任何事情。此时
2020-08-05 访问速度
mac github
06
03
PicGo+ 又拍云创建个人图床工具 PicGo+ 又拍云创建个人图床工具
1.首先注册又拍云账号点击云存储，创建新的云存储服务 2.创建服务设置服务名称（唯一的性），加速区域 看自己需求决定。选择暂不授权。点击创建，创建成功过后会弹出成功框。 3.进入配置，点击进行绑定自己的域名 划重点，敲黑板（估计很多同学会搞
2020-06-03 图床
PicGo 又拍云
2021
10
19
Serverless云函数自动化 Serverless云函数自动化
1.流程：语雀 webhook→Serverless→github api 2.Serverless 配置 你得先有腾讯云或者阿里云账户，没有注册的话，这些注册需要验证手机，甚至实名认证。这里以腾讯云为例，在腾讯云中开通 Serverle
2021-10-19 serverless
github hexo gitee
2019
10
20
2020
09
27
YAML YAML
现代编程中，少不了编写配置文件，常用的配置文件编写格式有：xml，json，在前端工程化开发中，甚至还有使用 js 作为配置文件的。本文将介绍一种更适合编写配置的语言 YAML（Yet Another Markup Language）。并记
2020-09-27 YAML
.yml
2021
04
21
30
halo博客配置oss 云存储 halo博客配置oss 云存储
## 背景介绍： Halo 后台上传附件默认是上传到本地服务器，由于放到自己的服务器会影响访问速度，所以就想到使用第三方云存储来存储图片。查看了一下 halo 支持本地服务器、七牛云、又拍云、阿里云、腾讯云、百度云、华为云等主流云存储，
2021-04-30 博客
halo halo 配置云存储
28
halo搭建 halo搭建
官方文档：https://docs.halo.run/install/docker1.写在前面 具备一定的 Linux 基础。 具备一定的 Docker 使用基础。 如需域名绑定，请先保证已经正确解析 IP，以及确认服务器是否需要备案。
2021-04-28 博客
halo halo 主题
28
2020
06
17
2021
01
22
2020
10
05
07
16
hexo博客的生成永久标题链接 hexo博客的生成永久标题链接
1.hexo 博客默认链接规则：hexo 生成的标题默认规则（年、月、日、标题）：:year/:month/:day/:title。复制后的链接是一长串，非常不利于阅读，也不简洁。 2.解决方案：1.使用hexo-permalink-pin
2020-07-16 hexo
永久标签
21
hexo博客的评论功能 hexo博客的评论功能
1.这里推荐的评论功能插件为valine官网：https://valine.js.org/注册登录网站：https://leancloud.cn/ 需要实名注册登记，可以使用支付宝来实名认证，很快的，秒过。 2.去leanclou
2020-07-21 hexo
valine leancloud
18
10
04
hexo博客解决不蒜子统计无法显示问题 hexo博客解决不蒜子统计无法显示问题
最近发现博客页面底部的访客统计不蒜子失效了，于是就去查找问题如何解决失效问题了。其实就是因为不蒜子统计的域名过期了，而 js 的引用就会有问题，确实是域名的问题，找到问题之后解决方法就好说了。 不蒜子统计官网 首先需要先找到 主题 下引用不
2020-10-04 hexo
busuanzi 不蒜子失效
09
29
10
05
hexo的next主题个性化教程 hexo的next主题个性化教程
看到有些 next 主题的网站很炫酷，那么是怎么配置的呢？接下来我会讲一讲如何实现一些炫酷的效果 主要有以下 32 种： 在右上角或者左上角实现 fork me on github 添加 RSS 添加动态背景 实现点击出现桃心效果 修
2020-10-05 hexo
hexo 主题 教程
26
input输入框的限制 input输入框的限制
原生输入对复制粘贴也会生效，但是 vue 中的双向绑定 v-model 会出现，实际值并没有改变而使显示值变化了。1.文本框只能输入数字<input onkeyup="this.value=this.value.replace(/\D
2020-10-26 input 输入限制
input 输入
2021
05
05
05
16
linux 的定时任务crontab linux 的定时任务crontab
背景：本人博客的评论为 valine 评论，为了及时知道评论，设置了邮件通知。奈何 leancloud 的每天活跃状态为 16 小时，且半小时内无人访问，则自动进入休眠状态。为了解决这一问题，研究了下 linux 系统自带的 cronta
2021-05-16 crontab
crontab linux
05
linux安装 docker linux安装 docker
1、安装前置条件docker 要求 Linux 内核要 3.0 以上版本，如果 centos6.x 内核是 2.x，需要升级 linux 内核 2、安装步骤1）升级本地 yum 包yum update 2） 安装工具集yum install
2021-05-05 docker
linux docker
2019
11
20
2020
06
18
2021
06
27
table表格拖拽 table表格拖拽
el-table 的拖拽使用 Sortable.js官方文档 :https://github.com/SortableJS/Sortable​ 1. 通过 npm 使用 sortable//安装sortablejs npm install
2021-06-27 el-table
拖拽
2020
07
20
09
12
vscode设置一键同步--settings sync vscode设置一键同步--settings sync
最近换了新工作，然后作为程序猿首先是编辑器的设置。但是每个人的编辑器都有自己的编程习惯的。那能不能将 vscode 的编辑器设置同步呢？答案是有的：setttings-async 1.vscode 插件中查找插件 setting-syn
2020-09-12 vscode
sync settings sync
2022
02
04
vuePress vuePress
VuePress 由两部分组成：第一部分是一个极简静态网站生成器(opens new window)，它包含由 Vue 驱动的主题系统和插件 API，另一个部分是为书写技术文档而优化的默认主题，它的诞生初衷是为了支持 Vue 及其子项目的文
2022-02-04 vuePress
blog
2019
10
22
vue修饰符 vue修饰符
目录导航 表单修饰符 事件修饰符 鼠标按键修饰符 键值修饰符 v-bind 修饰符（实在不知道叫啥名字） 1.表单修饰符填写表单，最常用的是什么？input！v-model~而我们的修饰符正是为了简化这些东西而存在的 1>.lazy
2019-10-22 vue
vue 修饰符
2021
01
13
vue插槽 vue插槽
## 1.单个插槽 | 默认插槽 | 匿名插槽匿名插槽就是可以在父组件中的子组件的标签中直接添加内容子组件 A: <template> <div class="dialog"> <div>我是A组件中
2021-01-13 vue
vue 插槽 slot
2019
07
18
vue的!class和!style vue的!class和!style
:style 总结：写 inline style 的方法跟 class 大同小异，一样可以使用阵列及物件语法，但在给css 属性时要注意有些以**-**连结的词，要改为驼峰式写法，或者是使用单引号括起来。 一. 对象语法<div id
2019-07-18 vue
:class :style
2020
11
29
03
10
vue的混入mixins vue的混入mixins
1>使用1、在您的 Vue 应用程序内部，我们将创建一个名为 mixins 的文件夹，并且新建文件命名为 nomeMixins.js export default { created: function () { this
2020-11-10 vue
vue 混入 mixinx
19
2021
04
15
vue通信-组件传值 vue通信-组件传值
前言：1>在介绍组件传值之前先明确三种组件关系：父子组件、兄弟组件、无关系组件。如上图所示： 父子关系：A 和 B、B 和 C、B 和 D 都是父子关系； 兄弟关系：C 和 D 是兄弟关系， 无关系：A 和 C、A 和 D 是隔代关
2021-04-15 vue
vue 通信 组件传值
2020
09
08
win安装Nodejs报2503、2502错误解决方案 win安装Nodejs报2503、2502错误解决方案
出现 error 2502 和 error2503 是因为 win8 的权限问题所导致的，具体说就是要以管理员身份进行安装就可以解决，下面详细来说一下。 1.创建 nodejs 文件夹在 C 盘根目录下创建 ndejs 文件夹，并将 n
2020-09-08 node
nodejs
07
30
前端面试（1）H5+css 前端面试（1）H5+css
HTML&CSS： 浏览器内核 盒模型、flex 布局、两/三栏布局、水平/垂直居中； BFC、清除浮动； css3 的选择器；css 的继承 css3 动画、H5 新特性。 浏览器内核主流浏览器有五大款，分别是 IE、Firef
2020-07-30 面试
html css
08
05
前端面试（2）javascript 前端面试（2）javascript
JavaScript： 原型、继承、原型链、this 指向、设计模式、call, apply, bind,； new 实现、防抖节流、let, var, const 区别、暂时性死区、event、loop； promise 使用及实现、pr
2020-08-05 面试
javascript js
20
前端面试（3）vue 前端面试（3）vue
Vue: vue 数据双向绑定原理； vue computed 原理、watch 和 methods 的区别； vue 编译器结构图、生命周期、vue 组件通信； mvc 模式、mvp 模式、mvvm 模式； vue dom diff、vu
2020-08-20 面试
vue vuex vue-router
22
23
前端面试（5）http，https 前端面试（5）http，https
http 状态码http 状态码是表示服务器对请求的响应状态，主要分为以下几个部分1：这类响应是临时响应，只包含状态行和某些可选的响应头信息，并以空行结束。2：表示请求成功，3：表示重定向4：表示客户端错误5**：表示服务器端错误100（c
2020-08-23 面试
http https tcp 浏览器渲染
24
前端面试（6）公众号，小程序 前端面试（6）公众号，小程序
大纲：微信，小程序授权（ openId，unid，用户信息，手机号）微信支付（H5，公众号，小程序，app）微信上传图片（H5，公众号，小程序）支付宝支付（H5，app） 小程序小程序中如何合并 seaData,减少 setData 次数：
2020-08-24 面试
小程序 公众号
27
前端面试（8）拷贝 前端面试（8）拷贝
js 的基本数据类型的赋值，就是值传递。引用类型对象的赋值是将对象地址的引用赋值。这时候修改对象中的属性或者值，会导致所有引用这个对象的值改变。如果想要真的复制一个新的对象，而不是复制对象的引用，就要用到对象的深拷贝。 数据类型（基本数据类
2020-08-27 面试
深拷贝 浅拷贝
2021
01
17
博客园主题美化 博客园主题美化
1.主题效果实际网站效果 https://www.cnblogs.com/leader755/ 2.主题介绍 本主题使用的 SimpleMemory 这款主题，看完本教程后你能搭出相同美化的博客园主题博客了，也可按照官方教程调整细节或者新
2021-01-17 主题美化
博客园美化
2022
03
02
博客自动化部署 博客自动化部署
为什么要写 Blog？是啊，为什么要写 Blog？毕竟这里没有人支付稿酬，也看不出有任何明显的物质性收益。不管你选择那种博客，这本身也是一个学习过程。 ——​ 阮一峰 一.目前常见的博客框架： hexo 官网：https://hexo.i
2022-03-02 blog
自动化 部署
2021
05
05
在CentOS7上搭建Jenkins 在CentOS7上搭建Jenkins
1. 安装 Jenkins：安装 Jenkins 稳定版（注意不要使用最新版，不稳定） 1>通过 yum 安装及其卸载//yum安装 （yum的repos中默认是没有Jenkins的，需要先将Jenkins存储库添加到yum repo
2021-05-05 jenkins
centos7 git
2020
06
05
如何绕开referrer防盗链 如何绕开referrer防盗链
什么是 referrer当一用户点击当前页面中的一个链接，然后跳转到目标页面时，目标页面会收到一个信息，即用户是从哪个源链接跳转过来的。如下图所示：也就是说，当你发起一个 http 请求，请求头中的referrer字段就说明了你是从哪个页面
2020-06-05 hexo
referrer 防盗链
2021
06
22
字体图标iconfont的使用 字体图标iconfont的使用
1.将从阿里矢量图标库中图标并下载到本地 2.使用图标（三种使用方式）1.使用 FontClass（最简单方式，支持字体样式定义但不支持多色字体）fontClass 支持字体的样式定义，但不支持多色字体，兼容性良好，当要替换图标时，只需要
2021-06-22 css3
iconfont
2019
06
15
2022
08
06
小程序之间互相跳转 小程序之间互相跳转
一.背景： 在小程序里可以打开另一个小程序，让小程序之间可以互相连接跳转，类似于网页之间通过 URL 链接互相跳转。不仅可以打开另一个小程序的首页，还可以打开另一个小程序的任何一个页面，这让小程序之间的功能连接更自由。 ​ 二.解决方案：
2022-08-06 微信
小程序
2020
12
22
2021
01
19
小程序轮播图片高度自适应 小程序轮播图片高度自适应
微信小程序中使用 swiper 组件可以实现图片轮播效果，但是默认 swiper 高度是固定的 150px，如果项目中图片大于固定高度就会被隐藏，所以本篇文章要实现轮播图片的高度自适应。 1.以最高的图片为基准（需要考虑图片全部一样的大
2021-01-19 微信小程序
swiper 图片自适应
2020
09
18
2021
06
20
开源的git 服务器 开源的git 服务器
​ 1、GitLab 开源版本简介：GitLab 是一个利用 Ruby on Rails 开发的开源应用程序，实现一个自托管的Git项目仓库，可通过 Web 界面进行访问公开的或者私人项目。它拥有与Github类似的功能，能够浏览源代码，管
2021-06-20 git 工具
git 服务器
07
26
2020
11
03
服务器的安全组策略 服务器的安全组策略
## 开放全部安全组:(不安全)主要是添加 2 条规则， 1.入方向开放全部端口 2.出方向开放全部端口添加上面 2 条规则后，安全组就全部放开了，这个时候你就不会再收到任何影响了 开放特定端口 有的朋友觉得安全组挺好用，那么你就可以将其作
2020-11-03 服务器
安全组策略 开放端口
06
17
欢迎使用 MWeb 欢迎使用 MWeb
MWeb 是专业的 Markdown 写作、记笔记、静态博客生成软件，目前已支持 Mac，iPad 和 iPhone。MWeb 有以下特色： 软件本身： 使用原生的 macOS 技术打造，追求与系统的完美结合。 原则上，首先是追求界面简洁和
2020-06-17 hexo
MWeb
12
21
生成SSH秘钥 生成SSH秘钥
一.配置单个 ssh单个 ssh key 是指一台 git 服务器只有一个 git 账号。也就是说，如果你不仅在 github 有账号，在 coding 也有账号，甚至团队内部自己搭建了私有的 git 服务器等，这些服务器都可以公用同一个
2020-12-21 ssh
git
2019
07
05
给文件添加一个.gitignore 给文件添加一个.gitignore
1.WHY?.gitignore 文件只要在这个文件中申明那些文件你不希望添加到 git 中去，这样当你使用git add .这些文件就会被自动忽略掉 2.忽略文件的原则 忽略操作系统自动生成的文件，比如缩略图等； 忽略编译生成的中间文件、
2019-07-05 前端
gitignore
2021
05
22
网站一键置灰 网站一键置灰
背景：某些时候，需要让网站一键变灰。只需要短短几行代码就能做到。 1.直接上代码直接在 html 上加上此样式，搞定。 <style> html { filter: grayscale(100%); -webk
2021-05-22 一键置灰
hexo
03
29
节流和防抖 节流和防抖
防抖防抖：动作绑定事件，动作发生一定时间后触发事件，在这段时间内，如果该动作又发生，则重新等待一段时间后再触发事件。（触发会重新等待一段时间再触发事件） function debounce(func, time) { let timer
2021-03-29 js
节流 防抖
2020
06
02
2021
01
04
谈谈你不知道的gist 谈谈你不知道的gist
1.Gist 是什么关于 Gist 的详细介绍，请阅读官方文档About gists，下面只简略介绍部分功能： Gist 是一种与其他人共享代码片段和粘贴的简单方法。 当您需要与同事或朋友共享示例代码或技术时，可以使用它。 GitHub
2021-01-04 share code
gist