内容简介:利用元旦的时间讲博客的主题升级了一下。最主要的内容是扩充了配色方案。一共 8 种配色,右下彩色图标可以切换:下载地址:
起步
利用元旦的时间讲博客的主题升级了一下。最主要的内容是扩充了配色方案。一共 8 种配色,右下彩色图标可以切换:
下载地址: https://github.com/hongweipeng/GreenGrapes
多种配色
实现配色切换的有两种方式,一种是将所有的配色都放在一个css文件里面,通过后台判断控制锚点是加载 .skin-blue
还是 .skin-green
;我使用了另一个方法,每个配色独立一个 css 文件,只要控制加载 skin-blue.css
还是 skin.green.css
就可以了。
顶部 logo 调整
有朋友和我说顶部的原谅色不是很好,所以我做了一些调整:
感觉很不错,黑色的渐变多了一份沉寂,与背景粒子形成星星点点的效果简直是额外的收获。我顺路把背景图也换了,更匹配我的博客名。
升级依赖库
jq从2升级到3。bootstrap 从 3 升级到 4。bootstrap4 已经不使用 px
来控制字体和盒子模型的,它大多采用 rem
的方式。于是我感觉主题的字体变大了。 rem
是根据根元素的字体大小的相对大小。对于任何浏览器来说默认字体大小都是 16px
,所以有 1rem = 16px
,依照这个比例进行调整即可。
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持 码农网
猜你喜欢:- 数仓主题域、主题、业务域之间有什么的关系
- 一个基于vuepress默认主题开发的主题-vuepress-theme-reform
- Flutter主题风格
- Android自动切换夜间主题
- 「译」Web 安全高级主题
- Kafka 删除主题流程分析
本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们。
与机器赛跑
[美]埃里克·布林约尔松(Erik Brynjolfsson)、[美]安德鲁·麦卡菲(Andrew McAfee) / 闾佳 / 2013-1-20 / 6.00
一场数字革命正在加速进行。 一些科幻小说里的场景已经在现实中发生:无人驾驶汽车开上了公路;智能设备能高效地翻译人类语言;人工智能系统在智力竞赛里击败了所有人类选手;工厂雇主开始购买更多的新机器,却不招新工人…… 这些例子都证明,数字技术正在快速地掌握原本只属于人类的技能,并深刻地影响了经济。虽然大多数影响是积极的:数字革新将提高效率、降低商品价格(甚至到免费),以及增加经济总量。 ......一起来看看 《与机器赛跑》 这本书的介绍吧!