Roam Research教程

为Roam Research应用个性化主题

2020-10-01  本文已影响0人  格物时间

为ROAM RESEARCH应用个性化主题

大家好,欢迎来到分享知识、持续提升的格物时间。你是否对Roam Research默认主题感到乏味,想要视觉效果更好、有更多新特性的Roam Research?今天我们要一起探讨的是为Roam Research应用个性化主题。


应用ROAM RESEARCH主题有三种方式

  1. 把CSS代码粘贴到Chrome浏览器拓展插件中(比如:StylusRoam toolkit

  2. 在Roam Research中引入JS代码

  3. 把CSS代码粘贴到roam/css中

推荐使用第三种方式。


默认主题

Roam Research

官方主题布局有优化的空间,页面引用关键词颜色不够醒目等等,这些都是我们在去选择主题时要考虑的因素。甚至之前版本中标题级别过多时会出现前面的圆点标识消失的问题,其实这都是可以通过使用自定义CSS主题样式来解决的,这个bug官方在后续的版本中已经修复,有朋友和我说现在还有这个问题,那么你应该去看看自己的Roam Research是不是最新版本,保持更新会解决很多原有的问题,也会得到一些新的功能。


哪里去找主题?

  1. 官方文档中,搜索Theme页面 Roam Research官方文档 Roam Research主题
  2. GitHub是个宝库,你可以找到很多Roam Research的主题 Roam Research主题
  3. 还有一些专门发布Roam Research主题的网站,比如ROAMTIPS.

  4. 社交媒体也是一个不错的途径,Twitter、微博等等

  5. 最后给出我自己使用的主题

    @import url('https://lxyer.github.io/roam-research-themes/greenKeyWord/index.css');


    如何应用主题

    Roam Research主题
    1. 创建/编辑[[roam/css]]页面

    2. 添加代码块

    3. 在代码块中粘贴引用的主题代码

    4. 代码类型选择css

    5. 体验全新的Roam Research吧

    Roam Research主题

    如果你对这个主题不满意可以使用相同的方式进行替换成其他的主题。如果你懂一些前端的知识,你也可以自己进行个性化的修改。


    如果对于我的内容你有什么自己的观点请在评论区留言讨论。如果你想看到哪方面的内容,也可以留言告诉我,我将会安排在后面的更新中。如果你觉得我的内容对你有帮助,请关注收藏分享评论。你的鼓励是我做出更多更好内容的巨大动力。我将在各个平台同步更新。相关视频请移步哔哩哔哩西瓜视频YouTube等视频平台搜索格物时间,我们下期不见不散。

    格物时间logo
上一篇下一篇

猜你喜欢

热点阅读