分类: 代码

CSS容器内文字不换行

换个字体真是麻烦多。 文字换行(iPhone 6) 搞笑的是,电脑浏览器“响应式设计模式”中竟然无法复现,只有老款手机上才发生。 解决办法: /* 父容器 */ .site-header .header-inner { display: inline-flex; } /* 子容器 */ .site-title { white-space: nowrap; text-overflow: "" } 文字不...

新致宋字体反锯齿方法二则

在前一篇文章的评论中夜未央提出: 对比了下,感觉你默认字体颜色太浅了,看长文可能比较容易注意力不集中,点T后的备用字体则深很多。对于两种字体本身而言,我感觉差异不大,都比较舒服。 实际上这个锅是字体本身不带500字重造成的。动手解决,分为两种情况——MacOS与Windows,Linux的弟兄暂时抱歉...

JS一键切换站点字体

这几个月一直不定期的折腾站点字体,原因大家都懂的,男人朝三暮四、喜新厌旧…… 因为没想过可以借助JS来切换,之前是通过直接改CSS或者干脆做子主题的方式实现切换。 然后今天有位自己送上门的网友Jdeal,回访时发现他博客使用了个小技巧。 立刻抄起来,结合本站情况只用了半小时搞好了。舒适。 ...

Touching Comments 插件修改

威言威语发布了一款小巧隽永的插件Touching Comments,安装后还是比较美观实用的。 插件介绍 每一条评论,都是一个故事! 大家在不同的时间,不同的故事中,发出一条评论。或许就是这么一些不经意的话语给当下你一丝温暖和感触,我们用这个插件将这些评论选出来,整理成独立页面,方便以后访问时可...

后台显示父级评论

偶然搜到官方库插件Show Parent Comment,用途是后台显示父级评论,这样省得评论太多搞不清回的是哪条。插件已长时间未更新,仍旧显示为0.2.1版,但本身代码也很少,有强迫症的筒子可以自己植入主题内。 Show Parent Comment

相邻兄弟组合器设置样式

主题样式作了修订,增加了主页显示“状态(status)文章”功能。样式经过细调稍许入眼,但border在相邻区块就只能显示一条或者不显示。经过思考,增加了不怎么用的相邻兄弟组合器“+”,这样就能判断不同类型区块并在相应节点加入border了。 .post--area__statusfull + .post { padding-top: 20px; border-t...

1 2 3