如题,我希望能隐藏所有文档里面已完成的任务块,最好能有便捷的开关在主界面,方便随时切换。希望大佬提供代码片段,感谢

如题,我希望能隐藏所有文档里面已完成的任务块,最好能有便捷的开关在主界面,方便随时切换。希望大佬提供代码片段,感谢

用下面的 css 隐藏所有已完成任务
[data-type="NodeListItem"][data-subtype="t"].protyle-task--done{
display:none;
}
然后,配合插件 quickSnippets 就可以了吧

有 bug 耶,无法保存显示隐藏状态,刷新显示状态就没了。
解决办法:
1 把之前的代码块代码改成这个
// 隐藏所有已完成任务
async function main() {
// css 代码
const styleContent = `
[data-type="NodeListItem"][data-subtype="t"].protyle-task--done {
display: none;
}
`;
// 定义 style 的内容
const styleId = "ShowOrHideAllDoneTask";
// 判断是否加载
const isLoading = args.includes('load');
// 获取存储状态
let status = await api.getFile('/data/storage/'+styleId+'.json');
if(!status || status.code === 404) {
status = 'show';
} else {
status = status.status || 'show';
}
if(!isLoading) status = status === 'show' ? 'hide' : 'show';
if (status === 'show') {
// 获取现有的 <style> 元素
let styleElement = document.getElementById(styleId);
// 如果存在,则删除它
if(styleElement) styleElement.remove();
if(!isLoading){
await client.pushMsg({
msg: "已显示完成的任务", timeout: 3000,
});
await api.putFile('/data/storage/'+styleId+'.json', false, new Blob(['{"status":"show"}']));
}
} else {
// 如果不存在,则创建并添加它
const newStyle = document.createElement("style");
newStyle.id = styleId;
newStyle.textContent = styleContent;
document.head.appendChild(newStyle);
if(!isLoading){
await client.pushMsg({
msg: "已隐藏完成的任务", timeout: 3000,
});
await api.putFile('/data/storage/'+styleId+'.json', false, new Blob(['{"status":"hide"}']));
}
}
}
main();
plugin.saveAction(thisBlock.id, "显示/隐藏所有已完成任务");
2 给 js 代码块命名为 ShowOrHideAllDoneTask

3 把代码块保存为可调用方法

4 添加新的 js 代码片段(注意是设置/外观/代码片段,不是编辑器里的代码块),代码片段中输入以下代码即可
runJs.plugin.call('ShowOrHideAllDoneTask', 'load')

或者安装 Run JS 插件
然后在任意文档中,插入 js 代码块,然后在代码块中输入以下代码
// 隐藏所有已完成任务
async function main() {
// css 代码
const styleContent = `
[data-type="NodeListItem"][data-subtype="t"].protyle-task--done {
display: none;
}
`;
// 定义 style 的内容
const styleId = "ShowOrHideAllDoneTask";
// 获取现有的 <style> 元素
let styleElement = document.getElementById(styleId);
if (styleElement) {
// 如果存在,则删除它
styleElement.remove();
await client.pushMsg({
msg: "已隐藏", timeout: 3000,
});
} else {
// 如果不存在,则创建并添加它
const newStyle = document.createElement("style");
newStyle.id = styleId;
newStyle.textContent = styleContent;
document.head.appendChild(newStyle);
await client.pushMsg({
msg: "已显示", timeout: 3000,
});
}
}
main();
plugin.saveAction(thisBlock.id, "隐藏所有已完成任务");
然后,在右键中运行下代码即可,如下图

然后,在顶栏即可快速切换了

用下面的 css 隐藏所有已完成任务
[data-type="NodeListItem"][data-subtype="t"].protyle-task--done{
display:none;
}
然后,配合插件 quickSnippets 就可以了吧

单点登录(Single Sign On)是目前比较流行的企业业务整合的解决方案之一。SSO 的定义是在多个应用系统中,用户只需要登录一次就可以访问所有相互信任的应用系统。
快应用 是基于手机硬件平台的新型应用形态;标准是由主流手机厂商组成的快应用联盟联合制定;快应用标准的诞生将在研发接口、能力接入、开发者服务等层面建设标准平台;以平台化的生态模式对个人开发者和企业开发者全品类开放。
NetBeans 是一个始于 1997 年的 Xelfi 计划,本身是捷克布拉格查理大学的数学及物理学院的学生计划。此计划延伸而成立了一家公司进而发展这个商用版本的 NetBeans IDE,直到 1999 年 Sun 买下此公司。Sun 于次年(2000 年)六月将 NetBeans IDE 开源,直到现在 NetBeans 的社群依然持续增长。
百度应用引擎(Baidu App Engine)提供了 PHP、Java、Python 的执行环境,以及云存储、消息服务、云数据库等全面的云服务。它可以让开发者实现自动地部署和管理应用,并且提供动态扩容和负载均衡的运行环境,让开发者不用考虑高成本的运维工作,只需专注于业务逻辑,大大降低了开发者学习和迁移的成本。
星云链是一个开源公链,业内简单的将其称为区块链上的谷歌。其实它不仅仅是区块链搜索引擎,一个公链的所有功能,它基本都有,比如你可以用它来开发部署你的去中心化的 APP,你可以在上面编写智能合约,发送交易等等。3 分钟快速接入星云链 (NAS) 测试网
OpenStack 是一个云操作系统,通过数据中心可控制大型的计算、存储、网络等资源池。所有的管理通过前端界面管理员就可以完成,同样也可以通过 Web 接口让最终用户部署资源。
frp 是一个可用于内网穿透的高性能的反向代理应用,支持 TCP、UDP、 HTTP 和 HTTPS 协议。
Python 是一种面向对象、直译式电脑编程语言,具有近二十年的发展历史,成熟且稳定。它包含了一组完善而且容易理解的标准库,能够轻松完成很多常见的任务。它的语法简捷和清晰,尽量使用无异义的英语单词,与其它大多数程序设计语言使用大括号不一样,它使用缩进来定义语句块。
jsDelivr 是一个开源的 CDN 服务,可为 npm 包、GitHub 仓库提供免费、快速并且可靠的全球 CDN 加速服务。
深度学习(Deep Learning)是机器学习的分支,是一种试图使用包含复杂结构或由多重非线性变换构成的多个处理层对数据进行高层抽象的算法。
Sublime Text 是一款可以用来写代码、写文章的文本编辑器。支持代码高亮、自动完成,还支持通过插件进行扩展。
TensorFlow 是一个采用数据流图(data flow graphs),用于数值计算的开源软件库。节点(Nodes)在图中表示数学操作,图中的线(edges)则表示在节点间相互联系的多维数据数组,即张量(tensor)。
发布对别人有帮助的原创内容是最好的 SEO 方式。
找到自己的位置,萌新烦恼少。
Wide 是一款基于 Web 的 Go 语言 IDE。通过浏览器就可以进行 Go 开发,并有代码自动完成、查看表达式、编译反馈、Lint、实时结果输出等功能。
欢迎访问我们运维的实例: https://wide.b3log.org
Eclipse 是一个开放源代码的、基于 Java 的可扩展开发平台。就其本身而言,它只是一个框架和一组服务,用于通过插件组件构建开发环境。
子曰:“工欲善其事,必先利其器。”
Jeffrey Chen 制作的思源笔记主题,项目仓库:https://github.com/TCOTC/Whisper
iOS 是由苹果公司开发的移动操作系统,最早于 2007 年 1 月 9 日的 Macworld 大会上公布这个系统,最初是设计给 iPhone 使用的,后来陆续套用到 iPod touch、iPad 以及 Apple TV 等产品上。iOS 与苹果的 Mac OS X 操作系统一样,属于类 Unix 的商业操作系统。
有点意思就行了
ZooKeeper 是一个分布式的,开放源码的分布式应用程序协调服务,是 Google 的 Chubby 一个开源的实现,是 Hadoop 和 HBase 的重要组件。它是一个为分布式应用提供一致性服务的软件,提供的功能包括:配置维护、域名服务、分布式同步、组服务等。
Microsoft Windows 是美国微软公司研发的一套操作系统,它问世于 1985 年,起初仅仅是 Microsoft-DOS 模拟环境,后续的系统版本由于微软不断的更新升级,不但易用,也慢慢的成为家家户户人们最喜爱的操作系统。
Scala 是一门多范式的编程语言,集成面向对象编程和函数式编程的各种特性。
ZeroNet 是一个基于比特币加密技术和 BT 网络技术的去中心化的、开放开源的网络和交流系统。
Kubernetes 是 Google 开源的一个容器编排引擎,它支持自动化部署、大规模可伸缩、应用容器化管理。