sidebar

多图预警 | 我为博客园新增了十几个功能

不羁的心 提交于 2020-08-15 15:34:05
前置 最近写了几篇随笔,大家都不看内容,看博客皮肤 😂,满足你们。以下所有功能都可作为一个插件使用,你可以将它迁移到你的博客,代码仓库地址在文末。或者使用 awescnb 将这些插件集成到你现有的博客园皮肤。若有错误,恳请指点一二,感激不尽。欢迎评论区交流。另外插件还在不断扩充。 基本配置 属性 描述 值类型 默认值 可选值 name 全局主题名称 String 'reacg' 'reacg' 'element' 'gshang' 'acg' color 全局主题色 String '#ffb3cc' 16 进制颜色值 avatar 头像图片链接 String 无 title 网站标题 String 你的博客名 favicon 网站图标链接 String 内置 headerBackground 头部背景,图片链接 String 内置 theme: { name: 'reacg', color: '#FFB3CC', title: '', avatar: '//pic.cnblogs.com/avatar/1501373/20200119190802.png', favicon: 'https://guangzan.gitee.io/imagehost/awescnb/favicon.png', headerBackground: 'https://guangzan.gitee.io

CSS命名规范

老子叫甜甜 提交于 2020-08-14 20:17:34
简介 CSS命名由小写的英文单词或组合命名,单词与单词之间通过“-”连接,常用的CSS命名规范有文本命名规范,页面结构命名规范,导航命名以及功能命名等。 CSS 命名一般采用小写英文单词或组合命名,单词与单词之间以"-"分割,而且英文单词不缩写,除非是那种简单一眼看上去就能明白的单词。接下来在文章中分享一些CSS中常用的命名规范,希望对大家有所帮助 文本命名规范 index.css: 一般用于首页建立样式 head.css: 头部样式,当多个页面头部设计风格相同时使用。 base.css: 共用样式。 style.css:独立页面所使用的样式文件。 global.css:页面样式基础,全局公用样式,页面中必须包含。 layout.css:布局、版面样式,公用类型较多时使用,一般用在首页级页面和产品类页面中 module.css:模块,用于产品类页,也可与其它样式配合使用。 master.css:主要的样式表 columns.css:专栏样式 themes.css:主体样式 forms.css:表单样式 mend.css:补丁,基于以上样式进行的私有化修补。 页面结构命名: page:代表整个页面,用于最外层。 wrap:外套,将所有元素包在一起的一个外围包,用于最外层 wrapper:页面外围控制整体布局宽度,用于最外层 container:一个整体容器,用于最外层 head

简单使用Laravel-admin构建一个功能强大的后台管理

爱⌒轻易说出口 提交于 2020-08-14 10:35:11
Laravel-admin可以快速构建一个功能强大的后台,方便快速开发。 以下内容记录简单使用Laravel-admin,以及遇到小错误的解决方法。 Laravel-admin 依赖以下环境 需要提前装好(安装的Laravel-admin版本为1.5) 1 2 3 Apache+PHP+MYSQL (这个不作解释... 注意需要PHP 7+ 推荐使用phpstudy集成环境) Laravel (5.5+) Composer 以上环境如PHP/Composer需要设置好系统环境变量 先使用Composer命令安装Laravel ,命令如下(用cmd或者Git先进入到想要安装的目录) 1 composer create-project --prefer-dist laravel /laravel Laravel-admin 5.7.* 如果觉得安装速度慢,可以改一下镜像地址 参考:https://pkg.phpcomposer.com/ 安装完成即显示: 然后在安装时指定的目录会有一个Laravel-admin文件夹 此时需要设置一下Apache 网站目录设置为Laravel-admin下的public 使用的是phpstudy集成环境,所以在phpstudy中点击[其他选项菜单]=>[站点域名管理] 设置内容: 接下来需要设置一下系统hosts,使用集成环境phpstudy可以在

多图预警 | 我为博客园新增了十几个功能

僤鯓⒐⒋嵵緔 提交于 2020-08-13 21:03:34
前置 最近写了几篇随笔,大家都不看内容,看博客皮肤 😂,满足你们。以下所有功能都可作为一个插件使用,你可以将它迁移到你的博客,代码仓库地址在文末。或者使用 awescnb 将这些插件集成到你现有的博客园皮肤。若有错误,恳请指点一二,感激不尽。欢迎评论区交流。另外插件还在不断扩充。 基本配置 属性 描述 值类型 默认值 可选值 name 全局主题名称 String 'reacg' 'reacg' 'element' 'gshang' 'acg' color 全局主题色 String '#ffb3cc' 16 进制颜色值 avatar 头像图片链接 String 无 title 网站标题 String 你的博客名 favicon 网站图标链接 String 内置 headerBackground 头部背景,图片链接 String 内置 theme: { name: 'reacg', color: '#FFB3CC', title: '', avatar: '//pic.cnblogs.com/avatar/1501373/20200119190802.png', favicon: 'https://guangzan.gitee.io/imagehost/awescnb/favicon.png', headerBackground: 'https://guangzan.gitee.io

多图预警 | 我为博客园新增了十几个功能

孤街醉人 提交于 2020-08-13 08:00:24
前置 最近写了几篇随笔,大家都不看内容,看博客皮肤 😂,满足你们。以下所有功能都可作为一个插件使用,你可以将它迁移到你的博客,代码仓库地址在文末。或者使用 awescnb 将这些插件集成到你现有的博客园皮肤。若有错误,恳请指点一二,感激不尽。欢迎评论区交流。另外插件还在不断扩充。 基本配置 属性 描述 值类型 默认值 可选值 name 全局主题名称 String 'reacg' 'reacg' 'element' 'gshang' 'acg' color 全局主题色 String '#ffb3cc' 16 进制颜色值 avatar 头像图片链接 String 无 title 网站标题 String 你的博客名 favicon 网站图标链接 String 内置 headerBackground 头部背景,图片链接 String 内置 theme: { name: 'reacg', color: '#FFB3CC', title: '', avatar: '//pic.cnblogs.com/avatar/1501373/20200119190802.png', favicon: 'https://guangzan.gitee.io/imagehost/awescnb/favicon.png', headerBackground: 'https://guangzan.gitee.io

多图预警 | 我为博客园新增了十几个功能

早过忘川 提交于 2020-08-13 03:50:59
前置 最近写了几篇随笔,大家都不看内容,看博客皮肤 😂,满足你们。以下所有功能都可作为一个插件使用,你可以将它迁移到你的博客,代码仓库地址在文末。或者使用 awescnb 将这些插件集成到你现有的博客园皮肤。若有错误,恳请指点一二,感激不尽。欢迎评论区交流。另外插件还在不断扩充。 基本配置 属性 描述 值类型 默认值 可选值 name 全局主题名称 String 'reacg' 'reacg' 'element' 'gshang' 'acg' color 全局主题色 String '#ffb3cc' 16 进制颜色值 avatar 头像图片链接 String 无 title 网站标题 String 你的博客名 favicon 网站图标链接 String 内置 headerBackground 头部背景,图片链接 String 内置 theme: { name: 'reacg', color: '#FFB3CC', title: '', avatar: '//pic.cnblogs.com/avatar/1501373/20200119190802.png', favicon: 'https://guangzan.gitee.io/imagehost/awescnb/favicon.png', headerBackground: 'https://guangzan.gitee.io

HTML CSS + DIV实现整体布局

落花浮王杯 提交于 2020-08-12 01:11:27
盒子模型的相关属性 margin(外边距/边界) border(边框) padding(内边距/填充 ) 我们看图理解一下各属性作用: 以上属性又分为上、右、下、左四个方向 问题:页面元素的宽度width、高度height如何计算? 答案:元素的实际占位尺寸 = 元素尺寸 + padding + 边框宽度 比如:元素实际占位高度 = height属性 + 上下padding + 上下边框宽度 9、盒模型的层次关系 我们通过一个经典的盒模型3D立体结构图来理解,如图: 从上往下看,层次关系如下: 第1层:盒子的边框(border), 第2层:元素的内容(content)、内边距(padding) 第3层:背景图(background-image) 第4层:背景色(background-color) 第5层:盒子的外边距(margin) 从这个层次关系中可以看出,当同时设置背景图和背景色时,背景 图将在背景色的上方显示 11、水平居中和垂直居中 水平居中包含两种情况: 块级元素的水平居中:margin:0px auto; 文字内容的水平居中:text-align: center; 垂直居中: 常见的单行文字的垂直居中可设置文字所在行的height与 行高样式属性一致,比如: div{ width: 400px; height: 400px; line-height: 400px;/

abp添加动态菜单

我只是一个虾纸丫 提交于 2020-08-11 19:11:40
abp中MenuDefinition封装了导航栏上的主菜单的属性,MenuItemDefinition则封装了子菜单的属性,子菜单可以引用其他子菜单构成一个菜单树。 MenuDefinitio成员如下:     public object CustomData { get ; set ; } // 自定义数据      public ILocalizableString DisplayName { get ; set ; } // 表示本地化字符串      public IList<MenuItemDefinition> Items { get ; set ; } // 子级菜单集合      public string Name { get ; } // 菜单名称      public MenuDefinition AddItem(MenuItemDefinition menuItem); // 子菜单添加方法 MenuItemDefinition成员如下:     public object CustomData { get ; set ; } // 自定义数据 public ILocalizableString DisplayName { get ; set ; } // 表示本地化字符串 public IFeatureDependency

多图预警 | 我为博客园新增了十几个功能

泄露秘密 提交于 2020-08-11 04:45:18
前置 最近写了几篇随笔,大家都不看内容,看博客皮肤 😂,满足你们。以下所有功能都可作为一个插件使用,你可以将它迁移到你的博客,代码仓库地址在文末。或者使用 awescnb 将这些插件集成到你现有的博客园皮肤。若有错误,恳请指点一二,感激不尽。欢迎评论区交流。另外插件还在不断扩充。 基本配置 属性 描述 值类型 默认值 可选值 name 全局主题名称 String 'reacg' 'reacg' 'element' 'gshang' 'acg' color 全局主题色 String '#ffb3cc' 16 进制颜色值 avatar 头像图片链接 String 无 title 网站标题 String 你的博客名 favicon 网站图标链接 String 内置 headerBackground 头部背景,图片链接 String 内置 theme: { name: 'reacg', color: '#FFB3CC', title: '', avatar: '//pic.cnblogs.com/avatar/1501373/20200119190802.png', favicon: 'https://guangzan.gitee.io/imagehost/awescnb/favicon.png', headerBackground: 'https://guangzan.gitee.io

多图预警 | 我为博客园新增了十几个功能

与世无争的帅哥 提交于 2020-08-11 02:24:15
前置 最近写了几篇随笔,大家都不看内容,看博客皮肤 😂,满足你们。以下所有功能都可作为一个插件使用,你可以将它迁移到你的博客,代码仓库地址在文末。或者使用 awescnb 将这些插件集成到你现有的博客园皮肤。若有错误,恳请指点一二,感激不尽。欢迎评论区交流。另外插件还在不断扩充。 基本配置 属性 描述 值类型 默认值 可选值 name 全局主题名称 String 'reacg' 'reacg' 'element' 'gshang' 'acg' color 全局主题色 String '#ffb3cc' 16 进制颜色值 avatar 头像图片链接 String 无 title 网站标题 String 你的博客名 favicon 网站图标链接 String 内置 headerBackground 头部背景,图片链接 String 内置 theme: { name: 'reacg', color: '#FFB3CC', title: '', avatar: '//pic.cnblogs.com/avatar/1501373/20200119190802.png', favicon: 'https://guangzan.gitee.io/imagehost/awescnb/favicon.png', headerBackground: 'https://guangzan.gitee.io