🎫插件

最后更新于3年前

这有帮助吗？

🎫插件

示例:
- ~ 用关键词简单描述
  罗列功能点
xxx
xxx
xxx

高级用法，让积木块变成动态的

目前还在 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);

以为例，只需要点击 ;; 符号，然后选择模板即可生成
:
更多模板请点击
:

样式
- @RoamR 官方主题
- @Lucius
  - 主题代码
```css
@import url('');
/ 高亮、加粗、斜体、删除线样式/
.roam-highlight{
background-color:rgba(228,226,226,0.97) !important;
color: !important;
font-weight:normal!important;
background-color:rgba(173,40,40,0) !important;
font-size: 15px !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 */

--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 {
font-size: 16px !important;
font-weight:600 !important;
}
h3 {
font-family:"微软雅黑", Times, serif !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 {
font-size: 16px !important;
font-weight:600 !important;
}
h2 {
font-family:"微软雅黑", Times, serif !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"] {
}
span.rm-page-ref[data-tag="ct"]:before {
content: " 📌"
}

看板

/* 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
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; }

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

        - 标签样式
            - ```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
@MaggieAppleton
注意，该插件有可能会因为Roam的升级失效，后面会尽量保证版本能够及时更新
- dg
可以直接复制网址为MD格式，如果需要摘抄&复制网页，建议直接使用上面Roam-highlighter
- DNP 匹配Daily Notes Page

Backlinks

🎈内容导航页

最后更新于3年前

这有帮助吗？