Git 是一个 “分布式版本管理工具”，简单的理解版本管理工具：大家在写东西的时候都用过 “回撤” 这个功能，但是回撤只能回撤几步，假如想要找回我三天之前的修改，光用 “回撤” 是找不回来的。而 “版本管理工具” 能记录每次的修改，只要提交到版本仓库，你就可以找到之前任何时刻的状态（文本状态）。 开卷必读如果之前未使用过 Git，可以学习 Git 小白教程入门 一定要先测试命令的效果后，再用于工作环境中，以防造成不能弥补的后果！ 所有的命令都在git version 2.7.4 (Apple Git-66)下测试通过 统一概念： 工作区：改动（增删文件和内容） 暂存区：输入命令：git add 改动的文件名，此次改动就放到了 ‘暂存区’ 本地仓库(简称：本地)：输入命令：git commit 此次修改的描述，此次改动就放到了 ’本地仓库’，每个 commit，我叫它为一个 ‘版本’。 远 ...

前端跨域问题一直以来都是非常头疼的问题，有时候想不借助后端，自己渲染个网络接口，太难了。就拿必应壁纸来说，已知接口地址，但由于跨域，前端无法渲染数据。全能圣手 Vercel 利用 vercel.json 的 CORS 就可以解决这个问题。 编写代码新建目录文件，改写网络接口。 1234567891011121314151617const axios = require('axios')module.exports = async (req, res) => { const start = req.query.start ? req.query.start : 0 const count = req.query.count ? req.query.count : 1 const result = await axios({ metho ...

关机/重启/注销 作⽤ 命令 即刻关机 shutdown -h now 10分钟后关机 shutdown -h 10 11：00关机 shutdown -h 11:00 预定时间关机（10分钟后） shutdown -h +10 取消指定时间关机 shutdown -c 重启 shutdown -r now 10分钟之后重启 shutdown -r 10 定时重启 shutdown -r 11:00 重启 reboot 重启 init 6 ⽴刻关机 init 0 关机 telinit 0 ⽴刻关机 poweroff 关机 halt buff数据同步到磁盘 sync 退出登录Shell logout 系统信息和性能查看 作⽤ 命令 查看内核/OS/CPU信息 uname -a 查看内核版本 uname - ...

性能评测进入网站 https://gtmetrix.com/ 查看自己的网站评分，同时它也给出了需要优化的建议。 网站优化1. CDN 托管不经常改变的文件使用 jsDriver 进行文件托管。 2. 图片压缩在线压缩网站 Recompressor 、 TinyPNG。 3. gulp 使用使用 gulp 进行 css 和 js 文件压缩。 4. 减少请求数减少请求数，移除不必要文件，有利于网站的访问速度。 5. 图片懒加载使用图片懒加载，增强用户交互体验，提升网站性能。 6. 使用 pjax网站无刷新加载（可能会出现很多坑，初学者慎用） 大展身手 快去试试网站优化后的效果吧！

之前首页公告一直用的 哔哔 ，但是我的 哔哔 当随笔用了。里面放的是一些生活中的吐槽，看法，杂文之类的，不想把他和博客之类的东西混在一起。 所以单独搞了个公告页面，参考张洪大佬的博客，做出以下调整。 标签外挂引入我的公告页面用的 时间线标签外挂，所以要引入，如果想 DIY 样式的可以不用引入。 引入 timeline.js文件地址：themes/butterfly/scripts/tag/timeline.js 1234567891011121314151617181920212223242526'use strict';function postTimeline(args, content) { if (args.length > 0) { return `<div class="timeline">& ...

杂交水稻之父袁隆平去世，网站特此全站变灰，以示哀悼。 修改配置文件文件地址：themes/butterfly/_config.yml，若使用无污染方式引入 butterfly，则在项目根目录 _config.butterfly.yml 12+ # 网站变灰 + grayTheme: true # true && false 修改主题文件地址：themes/butterfly/layout/includes/layout.pug 1234567- var htmlClassHideAside = theme.aside.enable && theme.aside.hide ? 'hide-aside' : ''- var hideAside = !theme.aside.enable || page.aside = ...

看到标题，肯定有小伙伴想，好一波反向操作。 但是最近 vercel 解析的域名访问太不给力了，经常崩，体验极差。 我能怎么办，我也很绝望啊！ 思前想后，还是 Github Page 稳如老狗啊，虽然对国内而言速度有点慢，但是还可以，毕竟考虑到咱的博客也是要面向世界的 （一本正经滑稽脸） 前因后果由于我的源码没有公开，所以只想把产物给展示出来，推送到一个新的仓库，具体操作可以查看 《Github Action 将构建产物自动推送到令一个仓库》 的文章，当然对于 hexo 也可以用 deploy 进行跨仓库产物提交。 但是有一个问题就是，我的源码里存在很多路径问题，所以不能放到除 realwds.github.io 的其他仓库。也就是只能放到主仓库，可是我的主仓库已经有了内容，并且解析好了，不是很想动。 组织账号！没错，个人可以新建组织，组织账户的主仓库也可以搞，这就解决了我必须要提交到主仓库 ...

隐藏元素 display: none; 会让元素完全从渲染树中消失，渲染的时候不占据任何空间；visibility: hidden; 不会让元素从渲染树消失，渲染师元素继续占据空间，只是内容不可见。 display: none; 是非继承属性，子孙节点消失由于元素从渲染树消失造成，通过修改子孙节点属性无法显示；visibility: hidden; 是继承属性，子孙节点消失由于继承了hidden，通过设置 visibility: visible; 可以让子孙节点显式。 修改常规流中元素的 display 通常会造成文档重排。修改 visibility 属性只会造成本元素的重绘。 读屏器不会读取 display: none; 元素内容；会读取 visibility: hidden; 元素内容。 盒模型页面渲染时，dom 元素所采用的布局模型。可通过 box-sizing 进行设置。根据计算 ...

内置类型 JS 中分为七种内置类型，七种内置类型又分为两大类型：基本类型和对象（Object）。 基本类型有六种：null，undefined，boolean，number，string，symbol。 其中 JS 的数字类型是浮点类型的，没有整型。并且浮点类型基于 IEEE 754 标准实现，在使用中会遇到某些 Bug。NaN 也属于 number 类型，并且 NaN 不等于自身。 对于基本类型来说，如果使用字面量的方式，那么这个变量只是个字面量，只有在必要的时候才会转换为对应的类型。 12let a = 111 // 这只是字面量，不是 number 类型a.toString() // 使用时候才会转换为对象类型 对象（Object）是引用类型，在使用过程中会遇到浅拷贝和深拷贝的问题。 1234let a = { name: 'FE' } ...

单纯供国内用户用，不建议使用。 CloudFlare 是一家美国的跨国科技企业，总部位于旧金山，在英国伦敦也设有办事处。CloudFlare 以向客户提供网站安全管理、性能优化及相关的技术支持为主要业务。通过基于反向代理的内容传递网络及分布式域名解析服务，CloudFlare 可以帮助受保护站点抵御包括拒绝服务攻击在内的大多数网络攻击，确保该网站长期在线，同时提升网站的性能、访问速度以改善访客体验。 注册账号官网地址 添加网站注册网站后，添加域名，注意添加域名不带 www 的域名。 添加 DNS 记录添加域名完成后会自动扫描，解析的所有域名 DNS 记录，等待扫描完成即可。 选择加速站点扫描完成后可以选择要加速的站点，点击后面的黄色云朵进行切换。也可以自定义添加要加速的域名。 更换 DNS 服务器前往域名服务商更改 DNS 服务器。 修改完成后，点击继续开启一些配置后，出现下图表示配 ...