专门介绍 ASRi

专门介绍 ASRi

看到论坛里有小伙伴狂赞 QYL,心想也得介绍一下一直以来不断私下帮我改各种代码的 ASRI 大佬。

所以,俺也得当个自来水粉,必须夸夸 ASRI。

如图,我将介绍一下 ASRI 的好用(颜值)

一 我认为的优点

  1. 可以自定义面板颜色——调来调去总有你心仪的那款颜色,这个功能就非常牛非常特别啊,记忆中好像只有 ASRI 有(无拉踩,若弄错请纠正)
  2. 大大高产赛那啥 ❤——从年前到现在,除了自定义颜色外,又鼓捣出了四款颜色主题,就我的审美,颜值很高,色相色值搭配美观协调(我不用只是因为我习惯我现在的配色)image.png
  3. 文档视觉提示聚焦——就是每一段文字段落左边开头处,会有一个超级大的光标,用以标志“你所在的段落”,这非常有利于专注阅读。之前某个版本还有过“方框选中文档”这个设定,可能是视觉动态干扰太多,就去掉了,这个本来应该是插件的任务吧,居然被一个主题给实现了,大大赛高。
    如图,聚焦聚焦,这个设计很巧妙image.png
  4. 动画效果很漂亮——凡是出现动画的地方,对于“阴影”的使用选取尺度很好,大幅提升了主题的高级感(阴影就是提升逼格的常用设计啊)image.png
    其他地方的阴影都很小,偏偏在集市这里,每选中一个插件就会有大范围阴影高光将其凸显出来,为啥呢?这当然是为了醒目,并且颜值也高。
    为啥我会这么说呢?因为在此之前,我从来没有关注过这个插件市场界面的呈现效果,但是,这几天忽然就注意到了。我不清楚这种阴影高光是现在更新还是之前就有的(大大更新也挺勤),但是,一旦注意到,就觉得它超好用。
  5. 正文的备注非常直观——与其他主题不同,如果你对某个文档在属性弹窗里进行了描绘,那么这段文字就会直接出现在这个文档标题下方,而不是以 M 图标出现。我认为这很直观。(不过这个备注文字对我而言有点小,靠 ai 写了 CSS 也搞定了)image.png
  6. 顶栏合并——这个有些主题也有,这里只是作为介绍,还有其他一些界面上的小设计也很好平衡了实用与颜值的尺度,至少非常符合本人的使用习惯(这里不细说了,因为一说就必须拿其他主题对比,总之,我超爱 ❤)
  7. 大大本人互动超好——不过除了提设计需求 or 某些 bug 外,自己能搞定的还是尽量自己搞定,别去麻烦和打扰别人啊。厚脸皮如我,就请大大帮忙定制了这个主题的好几个 CSS。
  8. 唯一的吐槽——并非大大的问题,但这个主题是定制主题?所以很多论坛给出的 CSS 代码,没法直接用,必须要按照 ASRI 那个格式重新写,这对不懂代码的小白如我,费老大劲了……不过折腾到现在也很稳定了。这个有哪个大佬可以解释一下其中原理吗???

不好意思,最近太忙了,摸鱼写了篇帖子,没想到后续真会有求这个代码的(结果不生效,帮忙找了好半天原因 😂)。之后会整理出个 asri 主题下的我自己调的文件包——直接弄个全新的思源空间打包上来(or 云盘,不占论坛空间),这样就可以避免失效之类的问题,也还有我一直偷摸摸收集的思源各种 css+js(散落各处需要整理),之后任君自取。(哈哈,就当俺王婆卖瓜自卖自夸臭美分享吧(◕ܫ◕)

  • 思源笔记

    思源笔记是一款隐私优先的个人知识管理系统,支持完全离线使用,同时也支持端到端加密同步。

    融合块、大纲和双向链接,重构你的思维。

    25556 引用 • 105697 回帖
  • Asri
    3 引用 • 11 回帖 • 1 关注
3 操作
Floria233 在 2025-05-09 07:15:13 更新了该帖
Floria233 在 2025-05-09 07:10:54 更新了该帖
Floria233 在 2025-05-09 07:04:44 更新了该帖

相关帖子

欢迎来到这里!

我们正在构建一个小众社区,大家在这里相互信任,以平等 • 自由 • 奔放的价值观进行分享交流。最终,希望大家能够找到与自己志同道合的伙伴,共同成长。

注册 关于
请输入回帖内容 ...
  • RH108 1 评论

    感觉多一些这样的夸赞确实可以帮助我这样的小白快速了解一个主题的潜在优势 👍


    看到对于备注功能的描述立刻进行了尝试,但发现与“侧边备注”插件好像有冲突,虽感觉不错,只能再等等了

    已定位问题,下个版本修复 ~
    Mustakshif
  • xueluo

    Asri 主题的色彩搭配、视觉体验、模式切换、界面风格、控件样式、排版效果、交互设计等细节方面做的很棒!特别喜欢新推出的零域、空屿预设配色方案,搭配喜欢的动漫图片做背景,笔记颜值简直太美了!希望开发者能再多推出一些好看的预设配色方案,在此谢谢了!

    目前在使用主题时发现了个小问题:
    1、添加顶栏倒计时 JS 代码,发现图中红色虚线框部分影响美观

    image.png

    2、theme.css 代码里,没有像其它主题在代码里进行分类描述(如下图所示),查找相关代码比较麻烦

    image.png

  • 5kyfkr 6 评论

    渐变标题是哪个帖子找的?我没找到

    这个没说清楚,是找了五级标题的 CSS,之后请 ai 改的,论坛里只有这个 CSS 语法,让 ai 写渐变色,这个不需要强制使用 Asri 也可以用但怎么调教是要 ai 。就是说,只找五级标题的 CSS 就可以了。具体你喜欢啥效果都可以让 ai 给你调。我的是五个都一样(只是渐变色就满足了,但更花哨的也没调好)
    Floria233
    @Floria233 那能把你现在用的分享下嘛,感谢
    5kyfkr
    @5kyfkr 就是这个。我感觉还行(不,其实一般)/* 统合基础样式 / .protyle-wysiwyg [class^="h"] { --radial-color: #9CFF9C; / 径向渐变起始色 / --linear-start: #00B3FF; / 线性渐变起始色 / --linear-end: #0050D4; / 线性渐变终止色 / --gradient-angle: 135deg; / 渐变角度 / background: radial-gradient(circle at 30% 50%, var(--radial-color) 0%, transparent 50%), linear-gradient(var(--gradient-angle), var(--linear-start) 0%, var(--linear-end) 100%); -webkit-background-clip: text; background-clip: text; color: transparent; mix-blend-mode: screen; display: inline-block; } / H1 - 星云浅青 / .protyle-wysiwyg .h1 { --radial-color: #C8FFC8; / 亮度 +20% / --linear-start: #80D8FF; / 饱和度-30% / --linear-end: #003C8F; / 明度-20% / } / H2 - 原始 H3 效果 / .protyle-wysiwyg .h2 { / 保持默认变量值 / filter: saturate(1.1); } / H3 - 基准效果 / .protyle-wysiwyg .h3 { / 原始定义保留 / } / H4 - 深海强化 / .protyle-wysiwyg .h4 { --radial-color: #80FF80; / 饱和度-20% / --linear-start: #0077CC; / 色相 +5° / --linear-end: #002D5A; / 明度-40% / --gradient-angle: 125deg; } / H5 - 暗夜模式优化 / .protyle-wysiwyg .h5 { --radial-color: #60E060; / 饱和度-30% / --linear-start: #005299; / 色相 +10° / --linear-end: #001A33; / 明度-60% */ mix-blend-mode: difference; } }
    Floria233
    @5kyfkr 这时候我发现我只调了四级,一般很少用到第五级(捂脸)不过你把前面的复制一下就行了,不影响
    Floria233
    @Floria233 好像我这里代码用了标题直接看不到变成透明的了
    5kyfkr
    @5kyfkr ?我没遇到这个情况,怎么会变透明?透明的话你怎么能看见?它顶多是不生效啊。这个,我为了不盖楼,它应该有格式的,不能按照评论区这个格式直接复制,我给你私聊发一分,它要转行的
    Floria233
  • queguaiya

    Asri 确实非常棒,无论是审美还是功能都无可挑剔

  • nightstars

    这个主题确实很好看,特别是岁禧那个主题色,

    1 操作
    nightstars 在 2025-05-08 13:05:21 更新了该回帖
  • Floria233

    经楼下小伙伴的测试,我给的这个五级标题大纲可能会不生效???所以后续如果大家也有类似兴趣。

    可以参考下我当时的做法。

    0 我用的是 asri 主题,但这段 CSS 并不限定在 asri 主题(为啥不生效我实在不清楚)

    1 先在论坛找一些五级标题的 CSS 代码

    2 复制粘贴到 ai 里面,再让 ai 根据思源语法调教

    3 反复调教,调出你喜欢的渐变色

    4 如果不生效,优先用思源原生主题测试,我测试之后,在原生上也是可以用的。

    所以,楼下这段代码,各位慎重复制使用,如果不生效请不要问我(小白真不清楚啊,我排查了目前所有的 CSS 和 JS,保证没有其他设置)

  • daloo

    asri 确实优秀,现在的几个配色都很好看

  • Mayrain 1 评论

    嘶,可以分享一下自定义代码段吗,这个配置很喜欢

    uu 私聊,你要哪些?等我不忙的时候给你发
    Floria233
请输入回帖内容 ...

推荐标签 标签

  • TextBundle

    TextBundle 文件格式旨在应用程序之间交换 Markdown 或 Fountain 之类的纯文本文件时,提供更无缝的用户体验。

    1 引用 • 2 回帖 • 81 关注
  • SMTP

    SMTP(Simple Mail Transfer Protocol)即简单邮件传输协议,它是一组用于由源地址到目的地址传送邮件的规则,由它来控制信件的中转方式。SMTP 协议属于 TCP/IP 协议簇,它帮助每台计算机在发送或中转信件时找到下一个目的地。

    4 引用 • 18 回帖 • 634 关注
  • Kubernetes

    Kubernetes 是 Google 开源的一个容器编排引擎,它支持自动化部署、大规模可伸缩、应用容器化管理。

    118 引用 • 54 回帖 • 3 关注
  • Log4j

    Log4j 是 Apache 开源的一款使用广泛的 Java 日志组件。

    20 引用 • 18 回帖 • 30 关注
  • SendCloud

    SendCloud 由搜狐武汉研发中心孵化的项目,是致力于为开发者提供高质量的触发邮件服务的云端邮件发送平台,为开发者提供便利的 API 接口来调用服务,让邮件准确迅速到达用户收件箱并获得强大的追踪数据。

    2 引用 • 8 回帖 • 502 关注
  • Sphinx

    Sphinx 是一个基于 SQL 的全文检索引擎,可以结合 MySQL、PostgreSQL 做全文搜索,它可以提供比数据库本身更专业的搜索功能,使得应用程序更容易实现专业化的全文检索。

    1 引用 • 223 关注
  • JRebel

    JRebel 是一款 Java 虚拟机插件,它使得 Java 程序员能在不进行重部署的情况下,即时看到代码的改变对一个应用程序带来的影响。

    26 引用 • 78 回帖 • 678 关注
  • Netty

    Netty 是一个基于 NIO 的客户端-服务器编程框架,使用 Netty 可以让你快速、简单地开发出一个可维护、高性能的网络应用,例如实现了某种协议的客户、服务端应用。

    49 引用 • 33 回帖 • 37 关注
  • jQuery

    jQuery 是一套跨浏览器的 JavaScript 库,强化 HTML 与 JavaScript 之间的操作。由 John Resig 在 2006 年 1 月的 BarCamp NYC 上释出第一个版本。全球约有 28% 的网站使用 jQuery,是非常受欢迎的 JavaScript 库。

    63 引用 • 134 回帖 • 733 关注
  • Docker

    Docker 是一个开源的应用容器引擎,让开发者可以打包他们的应用以及依赖包到一个可移植的容器中,然后发布到任何流行的操作系统上。容器完全使用沙箱机制,几乎没有性能开销,可以很容易地在机器和数据中心中运行。

    495 引用 • 931 回帖
  • VirtualBox

    VirtualBox 是一款开源虚拟机软件,最早由德国 Innotek 公司开发,由 Sun Microsystems 公司出品的软件,使用 Qt 编写,在 Sun 被 Oracle 收购后正式更名成 Oracle VM VirtualBox。

    10 引用 • 2 回帖 • 18 关注
  • Ngui

    Ngui 是一个 GUI 的排版显示引擎和跨平台的 GUI 应用程序开发框架,基于
    Node.js / OpenGL。目标是在此基础上开发 GUI 应用程序可拥有开发 WEB 应用般简单与速度同时兼顾 Native 应用程序的性能与体验。

    7 引用 • 9 回帖 • 397 关注
  • Anytype
    3 引用 • 31 回帖 • 16 关注
  • 京东

    京东是中国最大的自营式电商企业,2015 年第一季度在中国自营式 B2C 电商市场的占有率为 56.3%。2014 年 5 月,京东在美国纳斯达克证券交易所正式挂牌上市(股票代码:JD),是中国第一个成功赴美上市的大型综合型电商平台,与腾讯、百度等中国互联网巨头共同跻身全球前十大互联网公司排行榜。

    14 引用 • 102 回帖 • 316 关注
  • 酷鸟浏览器

    安全 · 稳定 · 快速
    为跨境从业人员提供专业的跨境浏览器

    3 引用 • 59 回帖 • 48 关注
  • 深度学习

    深度学习(Deep Learning)是机器学习的分支,是一种试图使用包含复杂结构或由多重非线性变换构成的多个处理层对数据进行高层抽象的算法。

    54 引用 • 44 回帖 • 2 关注
  • jsDelivr

    jsDelivr 是一个开源的 CDN 服务,可为 npm 包、GitHub 仓库提供免费、快速并且可靠的全球 CDN 加速服务。

    5 引用 • 31 回帖 • 110 关注
  • App

    App(应用程序,Application 的缩写)一般指手机软件。

    91 引用 • 384 回帖
  • AngularJS

    AngularJS 诞生于 2009 年,由 Misko Hevery 等人创建,后为 Google 所收购。是一款优秀的前端 JS 框架,已经被用于 Google 的多款产品当中。AngularJS 有着诸多特性,最为核心的是:MVC、模块化、自动化双向数据绑定、语义化标签、依赖注入等。2.0 版本后已经改名为 Angular。

    12 引用 • 50 回帖 • 512 关注
  • Bug

    Bug 本意是指臭虫、缺陷、损坏、犯贫、窃听器、小虫等。现在人们把在程序中一些缺陷或问题统称为 bug(漏洞)。

    76 引用 • 1742 回帖 • 6 关注
  • 电影

    这是一个不能说的秘密。

    122 引用 • 608 回帖
  • 服务器

    服务器,也称伺服器,是提供计算服务的设备。由于服务器需要响应服务请求,并进行处理,因此一般来说服务器应具备承担服务并且保障服务的能力。

    125 引用 • 585 回帖
  • 阿里云

    阿里云是阿里巴巴集团旗下公司,是全球领先的云计算及人工智能科技公司。提供云服务器、云数据库、云安全等云计算服务,以及大数据、人工智能服务、精准定制基于场景的行业解决方案。

    84 引用 • 324 回帖
  • 锤子科技

    锤子科技(Smartisan)成立于 2012 年 5 月,是一家制造移动互联网终端设备的公司,公司的使命是用完美主义的工匠精神,打造用户体验一流的数码消费类产品(智能手机为主),改善人们的生活质量。

    4 引用 • 31 回帖
  • GitBook

    GitBook 使您的团队可以轻松编写和维护高质量的文档。 分享知识,提高团队的工作效率,让用户满意。

    3 引用 • 8 回帖 • 2 关注
  • Jenkins

    Jenkins 是一套开源的持续集成工具。它提供了非常丰富的插件,让构建、部署、自动化集成项目变得简单易用。

    54 引用 • 37 回帖
  • Telegram

    Telegram 是一个非盈利性、基于云端的即时消息服务。它提供了支持各大操作系统平台的开源的客户端,也提供了很多强大的 APIs 给开发者创建自己的客户端和机器人。

    5 引用 • 35 回帖