基于hexo的fluid主题的魔改汇总 前言所谓魔改,就是与主题不同,一旦主题已经被采用或者被实现,则会被划掉,而且魔改初心是使用无侵入式的方式修改——即不修改源码,而是使用注入器的方式。这样的话主题升级比较容易! 背景固定效果如背景所示,这种效果贯穿着整个博客。具体做法如下:使用注入器(如果没有injector.js文件,则在scripts文件夹下新建injector.js),在injector.js中写下这些代码。 12345678 2021-04-24 #Hexo #Fluid
在任意hexo主题博客中添加github日历 前言:在博客中添加github的commit的日历,在我博客中的使用的效果如下图: 与其说在任意hexo主题博客中添加github日历,倒不如说是hexo-githubcalendar的使用。 安装hexo-githubcalendar123npm i hexo-githubcalendar --save# 或者cnpm i hexo-githubcalendar --save 注意,一定要加 - 2021-04-18 #Hexo
一起学可视化 什么是可视化可视化用一句话来说,本质上就是将数据信息组织起来后,以图形的方式呈现出来。在 Web 上,图形通常是通过浏览器绘制的。现代浏览器是一个复杂的系统,其中负责绘制图形的部分是渲染引擎。渲染引擎绘制图形的方式,我总结了一下,大体上有 4 种。 HTML+CSS这种方式通常用来呈现普通的 Web 网页。 SVGSVG 和传统的 HTML+CSS 的绘图方式差别不大。只不过,HTML 元素在绘制 2021-04-13 #可视化
重学前端总结 JavaScript关于类型,有哪些你不知道的细节?JavaScript 语言的每一个值都属于某一种数据类型。JavaScript 语言规定了 7 种语言类型。语言类型广泛用于变量、函数参数、表达式、函数返回值等场合。根据最新的语言标准,这 7 种语言类型是: Undefined、Null、Boolean、String、Number、Symbol。(ES2020新增了Bigint) Object 2021-02-27 #JavaScript
hexo的fluid主题添加瀑布流懒加载相册功能 相册演示地址:https://www.gishai.top/blog/photos/ ,当前演示环境基于hexo===5.2.0 , fluid===1.8.7,很大程度上参考了醉里挑灯赏猫的Hexo NexT 博客增加瀑布流相册页面这篇博客!在此感谢班班提供的帮助!! 创建相册页面新建相册页 hexo new page photos,编辑 /source/photos/index.md,输入以 2021-01-10 #Hexo #Fluid
23种经典的设计模式 前言23 种经典设计模式共分为 3 种类型,分别是创建型、结构型和行为型 创建型设计模式创建型设计模式包括:单例模式、工厂模式、建造者模式、原型模式。它主要解决对象的创建问题,封装复杂的创建过程,解耦对象的创建代码和使用代码。 单例模式单例模式用来创建全局唯一的对象。一个类只允许创建一个对象(或者叫实例),那这个类就是一个单例类,这种设计模式就叫作单例模式。单例有几种经典的实现方式,它们分别是: 2020-12-31 #总结
个人Django网站集成QQ的第三方登录 体验地址: https://www.gishai.top/view/#/login 特别注意的是,当前文章的Django版本是3.1.4 使用social-auth-app-django1pip install social-auth-app-django settings中配置12345678910111213141516171819202122232425262728293031323334 2020-12-14 #Django
JavaScript与有限状态机 有限状态机英语全称:finite-state machine,缩写:FSM。又称有限状态自动机(英语:finite-state automation,缩写:FSA),简称状态机,是表示有限个状态以及在这些状态之间的转移和动作等行为的数学计算模型。 有限状态机是一个非常有用的模型,可以模拟世界上大部分事物。 简单说,它有三个特征: 状态总数(state)是有限的。 任一时刻,只处在一种状态之中。 2020-12-04 #JavaScript
mapbox的矢量切片工具:tippecanoe 矢量切片工具:tippecanoeTippecanoe 用于将 GeoJSON, Geobuf, 或者 CSV 格式的矢量要素转换为矢量瓦片。 目的Tippecanoe 的目的是将数据制作为比例独立的视图,以使在任何缩放级别下,你都可以看到数据的密度和细节,而不是将数据简化或聚合。如果你提供的是 OpenStreetMap 所有的数据,在小比例尺下,你应该看到类似于All Streets的地图,而 2020-09-20 mapbox #Mapbox