🎫插件

最后更新于3年前

这有帮助吗？

🎫插件

示例:
- xxx插件 ~ 用关键词简单描述
  罗列功能点
xxx
xxx
xxx
42SmartBlock Roam42 高级用法，让积木块变成动态的
- Roam42 SmartBlocks 目前还在 Beta，需要修改为测试版本的 js 文件
  - var s = document.createElement('script'); s.type = "text/javascript"; s.src = "https://cdn.jsdelivr.net/gh/roamhacker/roam42/main.js"; // "https://roam42.glitch.me/main.js"; s.async = true; document.getElementsByTagName('head')[0].appendChild(s);
- 以 🍚 今天吃什么？为例，只需要点击 ;; 符号，然后选择模板即可生成
- JimmyLv:
- 更多模板请点击 42SmartBlock
- 你的名字:
roam/css 样式
- @RoamR 官方主题
  - https://roamresearch.com/#/app/help/page/fJRcVITNY
- @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);

--page-shadow: 0px 8px 14px rgba(0, 0, 0, 0.05);    

--color-primary: 73, 197, 91;    
--color-primary-contrast: [FFFFFF](FFFFFF.md);    
--color-secondary: 147, 100, 235;
--color-secondary-contrast: [FFFFFF](FFFFFF.md);
 --font-size:15px !important;

}

.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;

  font-size: 25px !important;

}```

reference的上级

```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; }```

搜索框

.rm-find-or-create-wrapper .bp3-overlay {
top: 142px;
width: 600px;
left: calc(50% - 300px);
z-index: 999999;
}

搜索框

.rm-find-or-create-wrapper .bp3-overlay {
top: 142px;
width: 600px;
left: calc(50% - 300px);
z-index: 999999;
}

表格
- ```css
.rm-block-text {
max-width: 760px!important;
font-size: 15px !important;
}

        - 块引用样式
            - ```css
/* 块引用 */
.rm-block-ref::before {
  content: '↖';
  display: inline-block;
  color: [6D6E6F](6D6E6F.md) !important;
  margin-right: 5px;
  top: -2px;
  position: relative;
}
.rm-block-ref {
  display: inline-flex;
  border-bottom: none;
  font-size: 1em;
   background-color: [EAEAEA7A](EAEAEA7A.md);
  color: [424444](424444.md) !important;
  background-color:;
}
.rm-block-ref:hover {
  cursor: pointer;
}

双链样式

/* Page link */
.rm-page-ref-link-color {
color: [4D564D](4D564D.md) !important;
font-weight: 600;
border-radius: 5px;
padding: 1px 2px 1px 2px;
}

单独标签样式
- ```css
span.rm-page-ref[data-tag="ct"] {
color: 121313 !important;
background-color:CDDC39AF !important;
}
span.rm-page-ref[data-tag="ct"]:before {
content: " 📌"
}

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; }```

看板

/* KANBAN */
.kanban-board {
background-color: transparent;
padding: 0px;
max-width: 750px;
}
.kanban-title {
background: [C5BFBF77](C5BFBF77.md);
color: [310202](310202.md)!important;
font-weight: bold;
padding: 0px !important;
max-height: 30px;
border: none;
display: flex;
align-items: center;
}

右边栏
- ```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;

border-top-left-radius: 50%;
border-top-right-radius: 50%;
border-bottom-right-radius: 50%;
border-bottom-left-radius: 50%;
justify-content: center;
align-items: center;

}

.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; }

        - 标签样式
            - ```css
/* Page link */
.rm-page-ref-link-color {
    color: [014C45](014C45.md) !important;
    font-weight: 600;
    border-radius: 5px;
    padding: 1px 5px 1px 5px;
}

/* Hashtags */
.rm-page-ref-tag {
    color: [989494](989494.md) !important;
    font-weight: 500;
    border-radius: 5px[E3E3E6](E3E3E6.md)
    padding: 1px 5px 2px;
}

@Azlen
@jordanmoore
@ROAMTIPS
- https://www.roamtips.com/home/roam-research-css-styles
@MaggieAppleton
- https://github.com/theianjones/roam-research-themes
使用自定义CSS绘画漫游
简单但超实用的Roam CSS 小技巧
RoamThemes-主题 ~ 一键换装
注意，该插件有可能会因为Roam的升级失效，后面会尽量保证版本能够及时更新
- dg
- roam有稳定版本的域名 stable.roamresearch.com，会在webApp升级后，有一段时间可以浏览稳定版本。这里是适用于稳定版本的插件 roamstable-sidebyside
  - Roam-highlighter - Chrome 插件 ~ 摘抄/笔记
  - Eloquent - Chroam 插件 ~ 摘抄/笔记
  - 复制链接为 MD - Chrome 插件
可以直接复制网址为MD格式，如果需要摘抄&复制网页，建议直接使用上面Roam-highlighter
- Roam Portal-Chrome插件 ~ 搜索查找可视化
- roam/js/image-tagging - js插件 ~ 直接图片转文字🤯
CN教程：roam/js/image-tagging
- Aliasing Page Synonyms - js插件 ~ 一次性替换同义词
- roam/js/twitter - js插件 ~ 从roam里面直接关键词查找某人(handle)的Twitter
CN教程：Twitter-->Roam的最快方式✈️
- CatoMinor的插件集合
- roam/js/GroupReferences ~添加了一个小按钮，可以将Linked References 根据配置好的正则表达式分组显示
配置示例：roam/js/GroupReferences
- DNP 匹配Daily Notes Page
效果展示：https://cln.sh/Y7Za3u
安装及使用方法：AngelPone/roam-GroupReferences (github.com)
- RoamCN整理的插件集合
- roamtable ~ 添加类似 airtable 和 notion 的数据库表格

🎫插件