flex item 在其内容超出宽度而被撑开时,shrink 不生效问题
问题 最近遇到一个奇怪的问题,我有一个父元素和两个子元素,其中: 父元素:定宽、flex; 子元素 a :也设置的定宽,flex-grow 0,flex-shrink 0,flex-basis 300px 子元素 b :flex-grow 1, flex-shrink 1; 原本的需求就是,元素 a
瞬间的最终形态
算是找到瞬间的最终形态了,那就是文章和文章分类,只是大家太把文章看的过于正式,包袱太重。实际上,做一个简单的分类和相应的模板即可,权限控制、编辑器、标签、基于时间的 finderAPI 查询、SEO 优化等文章所具备的所有特性全都能直接享用!之后把瞬间全部迁移到文章后,将彻底抛弃瞬间插件。 只不过目
Stellar主题优化记录
Stellar 是一个非常棒的主题,但是目前 Stellar 还没有很完善,所以自己会优化新增一些元素,特地记录一下。至于为什么不提 PR,主要是就该主题目前阶段而言,作者应该还有很多地方需要自己完善的,没必要破坏他自己的代码风格和结构,通过 issue 提一些自己的想法给他即可。 隐藏瞬间登录下可
博客组织结构的思考
这篇文章主要是为了规划一下自己博客的组织结构,不然博客变得杂乱。 分类和标签的区别 分类 标签 专栏 定义 分类是更有层级结构的分组,是一个大方向的归属,用来区分组织文章类型的。 标签是文章所提到的元素,它是更加细分的关键词,用来关联相关文章的。 专栏是强关联和强组织逻辑的一系列文章。 比喻 文件夹
Halo 博客,登录下使隐藏瞬间可见
为了最小的改动以实现这个功能,我修改了瞬间插件输出的模版变量,添加了 momentsAll 和 tagsAll 两个变量,这个两个变量是包含私有瞬间在内。然后,在主题的 thymeleaf 模板里对登录状态进行判断,进而决定使用哪个变量。这样就无需给插件新增对登录状态进行判断的相关逻辑,这种实现等插
什么是 SSL 证书?
1. 初始通信:一对一 公钥和私钥的定义: 公钥(Public Key):可以公开分享,任何人都可以使用这个公钥来加密数据。 私钥(Private Key):必须保密,只有一方持有,可以用来解密通过公钥加密的数据。 使用示例: 设想两个朋友,Alice 和 Bob。Alice 将消息用 Bob 的公
读“张洪Heo”博客设计有感
最近看到一个博主“张洪Heo”,感觉他的博客非常有自己的想法,文章内容输出也比较优质,所以就仔细的翻了下他对博客设计的一些文章,有几个点让我印象非常深刻,所以特地写一篇文章记录一下。 需求导向 在他的文章《我应该怎么设计我的博客?》中,介绍了自己开发博客时的心路历程,其中“需求导向”的观点让我非常认
响应式布局—— @media 媒体查询
思路 需要理解的几个概念: 大屏优先,小屏优先。 所谓大屏优先还是小屏优先,它的意思就是原本你的这套布局样式默认情况下是大屏样式还是小屏样式,即不使用 @media 媒体查询下的样式。 max-width,min-width。 屏幕值是变化的,这两个值就是用来设置查询断点的,当 min-width
博客开发记录
想用到但不熟悉的前端技术有以下几个,同时记录一下学习后的理解。 一、响应式布局 1.1 学习资料 布局实战——如何实现一套网页同时适配PC端和移动端布局? 1.2 核心点 主要是不同尺寸下,元素尺寸变化、布局变化、元素隐藏与否。 尽量使用 flex 布局,相对 html 尺寸 rem 单位。 二、p
准备自己做一个 halo 博客主题和插件
准备自己做一个 halo 博客主题和插件 原因 以为个人的奇葩审美,感觉目前的主题都过于花哨了,或者说没有适合自己的那种主题,再一个就是热门主题太多人用了,这种千篇一律的花哨更是我接受不了的,但是千篇一律的朴素我是能接受的。所以,准备自己做一个适合自己的主题,不知道开发时间成本高不高。同时想做一个插