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