display: contents 是一个比较陌生的属性，虽然属于 display 这个基本上是最常见的 CSS 属性，但是 contents 这个取值基本不会用到。但是它早在 2016 年就已经得到了 Firefox 的支持。 本文将深入一下这个有意思的属性值。 基本用法 根据 W3C 对 display: contents 的定义。 The element itself does not generate any boxes, but its children and pseudo-elements still…
项目环境准备 node.js 安装 官网 安装完成后，控制台输入 node -v 进行版本查询，返回版本信息证明安装成功了 npm 为 node 的一个包管理工具，安装 node 的时候 npm 也随之安装了。控制台输入 npm -v 检查 npm 是否随之安装成功，返回版本信息即证明安装成功。 码云平台注册 模拟正式工作流程，代码git提交，并进行版本控制 创建私有仓库，进行代码的存储 官网:https://gitee.com git 安装 安装 git 本地代码与码云代码仓库进行绑定。 通过 git --ver…
目录结构 |____build | |____build.js | |____webpack.dev.conf.js | |____check-versions.js | |____webpack.prod.conf.js | |____logo.png | |____webpack.base.conf.js | |____utils.js | |____vue-loader.conf.js |____config | |____dev.env.js | |____index.js | |____prod.env.…
此文章只记录安装过程中出现的问题及解决方法，具体安装方法参考 官网 教程，或者中文教程，github 开源地址：https://github.com/Chevereto/Chevereto-Free。 安装过程404错误解决办法 为了方便博客上传图片，于是我搭建了一个属于自己的图床程序Chevereto，Chevereto对于我来说唯一的好处就是支持缩略图，当你上传到网站后，它会自动帮你保存三种尺寸的缩略图，刚好适合我用。 我在搭建的第一步就出现了404错误，不管怎么操作都不能弹出安装界面，打开链接就会变成下面这个…
Time主题 Time 相册主题项目地址:https://github.com/wclk/time， 此主题相关的介绍和使用可以参考 github项目介绍 或者 主题作者博客 钻芒博客 相关的介绍。本文章教程是对主题进行了修改，增加了日期展示的效果，大概就是下图这个样子。 修改效果 1. 后台增加日期输入框 找到主题中根目录下的 functions.php 文件，最下面52行后的代码替换成下面这段(增加了时间输入框)。 //输出导航 function themeFields($layout) { $img = ne…
GDIndex效果预览 GDIndex是一个支持上传下载的Google Drive直链索引程序，此程序为开源项目，地址为：https://github.com/maple3142/GDIndex 1. 前期准备 你最好已经注册好了一个 Cloudflare 账户（当然过程中也可以注册） 你已经有了一个教育版或者自己的 Google Drive 账户（除非付费Gsuite或者免费教育版，个人账户默认是15G） 2. 搭建过程 2.1. 获取Auth Code 访问 https://gdindex-code-build…
