🎫插件
最后更新于
这有帮助吗?
示例:
xxx插件 ~ 用关键词简单描述
罗列功能点
xxx
xxx
xxx
42SmartBlock Roam42 高级用法,让积木块变成动态的
Roam42 SmartBlocks 目前还在 Beta,需要修改为测试版本的 js 文件
以 🍚 今天吃什么? 为例,只需要点击 ;;
符号,然后选择模板即可生成
更多模板请点击 42SmartBlock
你的名字:
roam/css 样式
@Lucius
主题代码
```css
@import url('https://liaozhe1228.github.io/kaoyan.css');
/ 高亮、加粗、斜体、删除线样式/
.roam-highlight{
background-color:rgba(228,226,226,0.97) !important;
color: 0F4AF9 !important;
font-weight:normal!important;
background-color:rgba(173,40,40,0) !important;
font-size: 15px !important;
}
b, strong { color: 1E15F1; font-weight:bold!important; font-size: 15px; font-family:"微软雅黑", Times, serif !important; background-color:rgba(187,245,229,0) !important; border-radius:4px; padding:2px 0px 2px 0px !important; margin:0px 2px 0px 2px !important;
} em { color: 95A196; font-style:normal; font-size: 15px !important; font-weight:100 !important; background-color:rgba(228,154,154,0.03); } em:hover { color: 2A3CF9; font-style:normal; font-size: 15px !important; font-weight:normal !important; } del { text-decoration: none!important; color:CFCFC2 !important; background-color: CFCFC2 !important; } del:hover{ color:blue !important; text-decoration: none !important; background-color: DFF4C63b !important; } textarea{border-left: 0px solid blue !important;}```
Root
```css
:root {
--page-width:800px !important;
--page-order: row-reverse; / new pages show up to the right /
/--page-order: row; / new pages show up to the left */
--header-font: "Source Sans Pro", "Inter", sans-serif; --body-font: "微软雅黑", "Inter", sans-serif !important; --bg-color: EEEEEE; --page-color: FFFFFFA5; --text-color: 000000; --icon-color: 5c7080; --bullet-color: rgba(0, 0, 0, 0.2);
}
.roam-block-container>div>div>span.bp3-popover-wrapper{ position:absolute; right:5px; } ```
级标题样式
```css
/ 左侧竖线/
.rm-level3 div, .rm-level3 textarea {
color: 0441A3 !important;
font-size: 16px !important;
font-weight:600 !important;
}
h3 {
font-family:"微软雅黑", Times, serif !important;
border-left: 4px solid 0549BA !important;
padding-left:7px !important;
padding-right:7px !important;
font-style:normal;
border-top-left-radius:4px;
border-bottom-left-radius:4px;
}
.rm-level2 div, .rm-level2 textarea {
color: 0F0F10 !important;
font-size: 16px !important;
font-weight:600 !important;
}
h2 {
font-family:"微软雅黑", Times, serif !important;
font-style:normal;
} .rm-level1 div, .rm-level1 textarea { font-family: "微软雅黑", Times, serif !important; border-left: 0px solid 0549BA !important; font-weight: normal !important; color: 101010!important; line-height: 1.5 !important; text-shadow: 0px 0px 0px c6c0c0; } h1 { font-family:"微软雅黑", Times, serif !important; border-left: 0px solid 080908 !important; font-style:normal;
}```
```css
.zoom-mentions-view {
display: flex;
flex-wrap: wrap;
font-size: 12px;
margin-left: 8px;
} .zoom-mentions-view:hover { display: flex; flex-wrap: wrap; font-size: 12px; margin-left: 8px; background-color:transparent; }```
搜索框
搜索框
表格
```css
.rm-block-text {
max-width: 760px!important;
font-size: 15px !important;
}
双链样式
span.rm-page-ref[data-tag="c"] { color: F3F7F7 !important; background-color:0B0B0BAF !important; margin:0px 4px 0px 0px !important; } span.rm-page-ref[data-tag="u"] { color: F3F7F7 !important; background-color:0B0B0BAF !important; margin:0px 4px 0px 0px !important; } span.rm-page-ref[data-tag="adj"] { color: F3F7F7 !important; background-color:062D99AF !important; margin:0px 4px 0px 0px !important; } span.rm-page-ref[data-tag="vt"] { color: F3F7F7 !important; background-color:05820AAF !important; margin:0px 4px 0px 0px !important; } span.rm-page-ref[data-tag="vi"] { color: F3F7F7 !important; background-color:05820AAF !important; margin:0px 4px 0px 0px !important; } span.rm-page-ref[data-tag="adv"] { color: F3F7F7 !important; background-color:7E2FE5AF !important; margin:0px 4px 0px 0px !important; }```
看板
右边栏
```css
roam-right-sidebar-content > * {
margin: 0px 0px 0 10px !important;
overflow-x: hidden;
/ overflow-y: auto !important; /
max-height: 100vh;
padding: 50px 0px 170px 0px;
border: none !important;
outline: none !important;
}
/ 主页面padding / .roam-article > div { padding: 20px 10px 30px 30px; }
.rm-block-text { max-width: 720px!important; }
/ 侧边栏padding / roam-right-sidebar-content > div > div:not(.flex-h-box) { padding: 0px 10px 0px 20px !important; } roam-right-sidebar-content > * > div:last-child:not(:first-child) { border-radius: 0px 0px 10px 10px; padding-bottom: 30px !important; width: var(--page-width); } .roam-sidebar-container > .roam-sidebar-content::before { content: ""; position: absolute; top: -70px; right: -68px; width: 650px; height: 95.5vh; background: var(--bg-color) ; opacity: 0.1; z-index: -1; margin-top:20px; margin-bottom:100px; border-radius: 50px; background-image:url(https://lucius-images.oss-cn-hangzhou.aliyuncs.com/%E5%BC%A0%E5%AD%90%E6%9E%AB001?OSSAccessKeyId=LTAI4Ff9fbqXxbXtD8zmgWaN&Expires=1954197114&Signature=CkmlE3L89v4lBVNge%2FX85EVB9go%3D)!important; }
.controls .simple-bullet-outer { display: flex; height: 13px; width: 13px; margin-top: 3px;
}
.roam-block { text-align: justify; padding-right:20px; } .rm-block-input { text-align: justify; padding-right: 20px; } .rm-block-text { max-width: 760px!important; } / 侧边栏一些杂七杂八的 / .starred-pages-wrapper > div:first-child { margin-top: 9px !important; background-color: rgba(0,0,0,0) !important; }
.rm-level1 div, .rm-level1 textarea { font-family: "微软雅黑", Times, serif !important; font-size: 16px !important; font-weight: normal !important; color: 101010!important; line-height: 1.5 !important; text-shadow: 0px 0px 0px c6c0c0; } .roam-body .roam-app .roam-sidebar-container .roam-sidebar-content .top-row:hover { background-color: CFD0D2; border-radius: 10px; }
.rm-alias-block, .rm-alias-block:hover { color: 464748!important; font-weight:normal; border-bottom:1.3px dashed; } .rm-alias-external, .rm-alias-external:hover { color: 141515!important; font-weight:normal; border-bottom:1.3px solid; }
@jordanmoore
@MaggieAppleton
RoamThemes-主题 ~ 一键换装
注意,该插件有可能会因为Roam的升级失效,后面会尽量保证版本能够及时更新
dg
roam有稳定版本的域名 stable.roamresearch.com,会在webApp升级后,有一段时间可以浏览稳定版本。这里是适用于稳定版本的插件 roamstable-sidebyside
Roam-highlighter - Chrome 插件 ~ 摘抄/笔记
Eloquent - Chroam 插件 ~ 摘抄/笔记
可以直接复制网址为MD格式,如果需要摘抄&复制网页,建议直接使用上面Roam-highlighter
Roam Portal-Chrome插件 ~ 搜索查找可视化
roam/js/image-tagging - js插件 ~ 直接图片转文字🤯
Aliasing Page Synonyms - js插件 ~ 一次性替换同义词
roam/js/twitter - js插件 ~ 从roam里面直接关键词查找某人(handle)的Twitter
roam/js/GroupReferences ~添加了一个小按钮,可以将Linked References 根据配置好的正则表达式分组显示
DNP 匹配Daily Notes Page
安装及使用方法:AngelPone/roam-GroupReferences (github.com)
roamtable ~ 添加类似 airtable 和 notion 的数据库表格
Roam-SideBySide - Chrome 插件 ~参照Azlen的主题定制的chrome插件