参考 dark+ 和原来自定义样式:搜索窗口改造(窗口放大 + 左右布局) - 链滴 (ld246.com)
不保证兼容,只适用于 pc 端。
参考 dark+ 和原来自定义样式:搜索窗口改造(窗口放大 + 左右布局) - 链滴 (ld246.com)
不保证兼容,只适用于 pc 端。
调整窗口大小可以改以下两个值,可以理解为百分比。
body > div[data-key] > .b3-dialog > .b3-dialog__container > div[style*="height"] {
height: 96vh !important;
width: 96vw !important;
感谢大佬,终于解决了。这是大佬的 CSS 代码,可以直接在 设置 - 外观 -代码块 -CSS 里粘贴进去
/*链滴id:abbj,如果兄弟们用的满意,别忘了使用我得推荐码:K9TdVww */
/*---------ctrl+p窗口改造-------------*/
/*放大ctrl+p窗口尺寸*/
/*不添加[data-key]属性选择器将会同时影响alt+p窗口*/
div[data-key] .b3-dialog__container {
width: 85vw !important;
}
div[data-key] .b3-dialog__container .fn__flex-column {
height:85vh !important;
width: 100% !important;
}
/*ctrl+p改造成左右排列*/
/*先把容器改成左右排列并自动换行*/
div[data-key] .b3-dialog__container .fn__flex-column {
flex-direction: row !important;
flex-wrap: wrap;
}
/*设置需要占满一行的项目*/
div[data-key] .b3-dialog__container .fn__flex-column .search__header,
div[data-key] .b3-dialog__container .fn__flex-column .b3-form__space--small {
width:100vw;
/*flex-shrink:0;*/
}
/*窗口宽度大于一定尺寸时候,左右排列*/
@media screen and (min-width: 960px) {
/*搜索结果列表占一半宽度,靠左排列*/
div[data-key] .b3-dialog__container .fn__flex-column #searchList {
float:left;
/*width:45vw;*/
width:calc(50%);
height:calc(100% - 85px) !important;
/*禁止搜索结果水平滚动*/
overflow-x: hidden !important;
overflow-y: auto;
}
/*结果预览自动占满剩余宽度,高度和结果列表等高*/
div[data-key] .b3-dialog__container .fn__flex-column #searchPreview {
/*width:45vw;*/
height:calc(100% - 85px) !important;
}
}
/*窗口宽度小于一定尺寸时候,上下排列*/
@media screen and (max-width: 960px) {
div[data-key] .b3-dialog__container .fn__flex-column #searchList {
float:left;
/*width:45vw;*/
width:calc(100%);
height:calc(50% - 85px) !important;
/*禁止搜索结果水平滚动*/
overflow-x: hidden !important;
overflow-y: auto;
}
/*结果预览自动占满剩余高度*/
div[data-key] .b3-dialog__container .fn__flex-column #searchPreview {
/*width:45vw;*/
height:calc(50%) !important;
}
}
/*搜索结果列表路径行分开显示, copy from notion-theme*/
.fn__flex-column #searchList .b3-list-item[data-type='search-item'] {
padding-top: 4px;
padding-bottom: 25px;
box-shadow: 0 1px 0 0 var(--ui-background-color-editor) inset;
}
.fn__flex-column #searchList .b3-list-item[data-type='search-item']>.b3-list-item__meta {
top: 20px;
right: 8px;
position: absolute;
white-space: nowrap;
overflow: hidden !important;
text-overflow: ellipsis;
}
/*---------ctrl+p窗口改造 end -------------*/
V2EX 是创意工作者们的社区。这里目前汇聚了超过 400,000 名主要来自互联网行业、游戏行业和媒体行业的创意工作者。V2EX 希望能够成为创意工作者们的生活和事业的一部分。
Ruby 是一种开源的面向对象程序设计的服务器端脚本语言,在 20 世纪 90 年代中期由日本的松本行弘(まつもとゆきひろ/Yukihiro Matsumoto)设计并开发。在 Ruby 社区,松本也被称为马茨(Matz)。
DNSPod 建立于 2006 年 3 月份,是一款免费智能 DNS 产品。 DNSPod 可以为同时有电信、网通、教育网服务器的网站提供智能的解析,让电信用户访问电信的服务器,网通的用户访问网通的服务器,教育网的用户访问教育网的服务器,达到互联互通的效果。
SendCloud 由搜狐武汉研发中心孵化的项目,是致力于为开发者提供高质量的触发邮件服务的云端邮件发送平台,为开发者提供便利的 API 接口来调用服务,让邮件准确迅速到达用户收件箱并获得强大的追踪数据。
星云链是一个开源公链,业内简单的将其称为区块链上的谷歌。其实它不仅仅是区块链搜索引擎,一个公链的所有功能,它基本都有,比如你可以用它来开发部署你的去中心化的 APP,你可以在上面编写智能合约,发送交易等等。3 分钟快速接入星云链 (NAS) 测试网
阿里云是阿里巴巴集团旗下公司,是全球领先的云计算及人工智能科技公司。提供云服务器、云数据库、云安全等云计算服务,以及大数据、人工智能服务、精准定制基于场景的行业解决方案。
NetBeans 是一个始于 1997 年的 Xelfi 计划,本身是捷克布拉格查理大学的数学及物理学院的学生计划。此计划延伸而成立了一家公司进而发展这个商用版本的 NetBeans IDE,直到 1999 年 Sun 买下此公司。Sun 于次年(2000 年)六月将 NetBeans IDE 开源,直到现在 NetBeans 的社群依然持续增长。
深度学习(Deep Learning)是机器学习的分支,是一种试图使用包含复杂结构或由多重非线性变换构成的多个处理层对数据进行高层抽象的算法。
Love2D 是一个开源的, 跨平台的 2D 游戏引擎。使用纯 Lua 脚本来进行游戏开发。目前支持的平台有 Windows, Mac OS X, Linux, Android 和 iOS。
Google App Engine(GAE)是 Google 管理的数据中心中用于 WEB 应用程序的开发和托管的平台。2008 年 4 月 发布第一个测试版本。目前支持 Python、Java 和 Go 开发部署。全球已有数十万的开发者在其上开发了众多的应用。
Scala 是一门多范式的编程语言,集成面向对象编程和函数式编程的各种特性。
ZooKeeper 是一个分布式的,开放源码的分布式应用程序协调服务,是 Google 的 Chubby 一个开源的实现,是 Hadoop 和 HBase 的重要组件。它是一个为分布式应用提供一致性服务的软件,提供的功能包括:配置维护、域名服务、分布式同步、组服务等。
Vditor 是一款浏览器端的 Markdown 编辑器,支持所见即所得、即时渲染(类似 Typora)和分屏预览模式。它使用 TypeScript 实现,支持原生 JavaScript、Vue、React 和 Angular。
宋真宗赵恒曾经说过:“书中自有黄金屋,书中自有颜如玉。”
Postman 是一款简单好用的 HTTP API 调试工具。
一些有用的避坑指南。
脑图又叫思维导图,是表达发散性思维的有效图形思维工具 ,它简单却又很有效,是一种实用性的思维工具。
百度应用引擎(Baidu App Engine)提供了 PHP、Java、Python 的执行环境,以及云存储、消息服务、云数据库等全面的云服务。它可以让开发者实现自动地部署和管理应用,并且提供动态扩容和负载均衡的运行环境,让开发者不用考虑高成本的运维工作,只需专注于业务逻辑,大大降低了开发者学习和迁移的成本。
Wide 是一款基于 Web 的 Go 语言 IDE。通过浏览器就可以进行 Go 开发,并有代码自动完成、查看表达式、编译反馈、Lint、实时结果输出等功能。
欢迎访问我们运维的实例: https://wide.b3log.org
Hexo 是一款快速、简洁且高效的博客框架,使用 Node.js 编写。
你创造的作品可能会帮助到很多人,如果是开源项目的话就更赞了!
Laravel 是一套简洁、优雅的 PHP Web 开发框架。它采用 MVC 设计,是一款崇尚开发效率的全栈框架。
哪里都缺人,哪里都不缺人。
gzip (GNU zip)是 GNU 自由软件的文件压缩程序。我们在 Linux 中经常会用到后缀为 .gz 的文件,它们就是 Gzip 格式的。现今已经成为互联网上使用非常普遍的一种数据压缩格式,或者说一种文件格式。
欢迎来到这里!
我们正在构建一个小众社区,大家在这里相互信任,以平等 • 自由 • 奔放的价值观进行分享交流。最终,希望大家能够找到与自己志同道合的伙伴,共同成长。
注册 关于