公告
Git相关
Git 常用命令合集
Git 是一个 “分布式版本管理工具”,简单的理解版本管理工具:大家在写东西的时候都用过 “回撤” 这个功能,但是回撤只能回撤几步,假如想要找回我三天之前的修改,光用 “回撤” 是找不回来的。而 “版本管理工具” 能记录每次的修改,只要提交到版本仓库,你就可以找到之前任何时刻的状态(文本状态)。 开卷必读如果之前未使用过 Git,可以学习 Git 小白教程入门 一定要先测试命令的效果后,再用于工作环境中,以防造成不能弥补的后果! 所有的命令都在git version 2.7.4 (Apple Git-66)下测试通过 统一概念: 工作区:改动(增删文件和内容) 暂存区:输入命令:git add 改动的文件名,此次改动就放到了 ‘暂存区’ 本地仓库(简称:本地):输入命令:git commit 此次修改的描述,此次改动就放到了 ’本地仓库’,每个 commit,我叫它为一个 ‘版本’。 远 ...
Git相关
Vercel 改写网络接口,前端跨域问题秒解
前端跨域问题一直以来都是非常头疼的问题,有时候想不借助后端,自己渲染个网络接口,太难了。就拿必应壁纸来说,已知接口地址,但由于跨域,前端无法渲染数据。全能圣手 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 ...
Linux
Linux 常⽤命令备忘⼿册
关机/重启/注销 作⽤ 命令 即刻关机 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网站无刷新加载(可能会出现很多坑,初学者慎用) 大展身手 快去试试网站优化后的效果吧!
Butterfly魔改
Butterfly 主题首页增加公告
之前首页公告一直用的 哔哔 ,但是我的 哔哔 当随笔用了。里面放的是一些生活中的吐槽,看法,杂文之类的,不想把他和博客之类的东西混在一起。 所以单独搞了个公告页面,参考张洪大佬的博客,做出以下调整。 标签外挂引入我的公告页面用的 时间线标签外挂,所以要引入,如果想 DIY 样式的可以不用引入。 引入 timeline.js文件地址:themes/butterfly/scripts/tag/timeline.js 1234567891011121314151617181920212223242526'use strict';function postTimeline(args, content) { if (args.length > 0) { return `<div class="timeline">& ...
Butterfly魔改
网站整站变灰,用于哀悼
杂交水稻之父袁隆平去世,网站特此全站变灰,以示哀悼。 修改配置文件文件地址: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 = ...
Git相关
博客部署从 Vercel 到 GitHub Page
看到标题,肯定有小伙伴想,好一波反向操作。 但是最近 vercel 解析的域名访问太不给力了,经常崩,体验极差。 我能怎么办,我也很绝望啊! 思前想后,还是 Github Page 稳如老狗啊,虽然对国内而言速度有点慢,但是还可以,毕竟考虑到咱的博客也是要面向世界的 (一本正经滑稽脸) 前因后果由于我的源码没有公开,所以只想把产物给展示出来,推送到一个新的仓库,具体操作可以查看 《Github Action 将构建产物自动推送到令一个仓库》 的文章,当然对于 hexo 也可以用 deploy 进行跨仓库产物提交。 但是有一个问题就是,我的源码里存在很多路径问题,所以不能放到除 realwds.github.io 的其他仓库。也就是只能放到主仓库,可是我的主仓库已经有了内容,并且解析好了,不是很想动。 组织账号!没错,个人可以新建组织,组织账户的主仓库也可以搞,这就解决了我必须要提交到主仓库 ...
CSS
CSS 常用知识点回顾
隐藏元素 display: none; 会让元素完全从渲染树中消失,渲染的时候不占据任何空间;visibility: hidden; 不会让元素从渲染树消失,渲染师元素继续占据空间,只是内容不可见。 display: none; 是非继承属性,子孙节点消失由于元素从渲染树消失造成,通过修改子孙节点属性无法显示;visibility: hidden; 是继承属性,子孙节点消失由于继承了hidden,通过设置 visibility: visible; 可以让子孙节点显式。 修改常规流中元素的 display 通常会造成文档重排。修改 visibility 属性只会造成本元素的重绘。 读屏器不会读取 display: none; 元素内容;会读取 visibility: hidden; 元素内容。 盒模型页面渲染时,dom 元素所采用的布局模型。可通过 box-sizing 进行设置。根据计算 ...
JavaScript
JavaScript 常用知识点回顾
内置类型 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' } ...
工具相关
免费 CDN 优化网站(CloudFlare)
单纯供国内用户用,不建议使用。 CloudFlare 是一家美国的跨国科技企业,总部位于旧金山,在英国伦敦也设有办事处。CloudFlare 以向客户提供网站安全管理、性能优化及相关的技术支持为主要业务。通过基于反向代理的内容传递网络及分布式域名解析服务,CloudFlare 可以帮助受保护站点抵御包括拒绝服务攻击在内的大多数网络攻击,确保该网站长期在线,同时提升网站的性能、访问速度以改善访客体验。 注册账号官网地址 添加网站注册网站后,添加域名,注意添加域名不带 www 的域名。 添加 DNS 记录添加域名完成后会自动扫描,解析的所有域名 DNS 记录,等待扫描完成即可。 选择加速站点扫描完成后可以选择要加速的站点,点击后面的黄色云朵进行切换。也可以自定义添加要加速的域名。 更换 DNS 服务器前往域名服务商更改 DNS 服务器。 修改完成后,点击继续开启一些配置后,出现下图表示配 ...