写文章
Linda子叶
2022-01-08 18:29

小组件的嵌入,让你的Notion更出彩

    首先,强烈建议大家去看看我上一个视频动态,里面就是在Notion添加小组件的展示效果,是不是很酷也很方便?如果你也想你的Notion也有这样的小组件,那还等什么?请就往下看吧。

    今天我们主要分享两种方式的嵌入,分别是嵌入即时汇率图,嵌入进度条/时钟/天气/名言警句。

一. 如何嵌入即时汇率图(股票行情图,原材料行情图等也是类似的方法)

    由于汇率,股票行情,原材料行情等信息都不是静态的,而是实时刷新的,因此不能用直接嵌入静态HTML的方式,而是要用到用JS,所以这里我们要用到嵌入Codepen,支持嵌入实时更新的代码。

步骤一

    打开CodePen网站,网址为https://codepen.io,并去注册一个账号。

editor_bg.png


步骤二

    新建一个Pen


editor_bg.png


步骤三

    获取widget组件的代码,并把代码复制到pen

    3.1在这里,我们是去https://tradingview.com/widget这个网站去找到汇率widget的代码,点击Get widget

editor_bg.png


editor_bg.png


    3.2代码如下,直接复制即可

editor_bg.png


    3.3把复制的widget代码粘贴到pen的HTML框,可修改排序,和你显示哪些国家的汇率,修改完后点击save

editor_bg.png


    3.4把地址栏的链接复制到Notion,选Embed CodePen


editor_bg.png


    3.5嵌入完之后点击Run Pen

editor_bg.png


    3.6最终的显示结果

editor_bg.png


    这样就可以每次都直观地看到实时汇率情况了,省去再登陆其他网站跳转查看的麻烦。
二. 嵌入生命进度条/时钟/天气/名言警句
    由于这几个用到的都是同一个网站的嵌入方法,所以放在一起讲。
    首先,我们登陆indify.co这个网站,直接输入邮件就是注册了,在邮箱点击收到的链接即可完成注册。

editor_bg.png


    其次,点击你想添加的widget,这里可选的widget有以下这些

editor_bg.png


    这里以添加生命进度条为例,在Life Progress Bar这个widget上点击Create widget

editor_bg.png


    把左边的Setting填一下,主要是你的出生日期,还有你想要以活到多少岁来计算,系统默认是活到80岁。全部选完后点击最下面生成的链接,复制即可。

editor_bg.png


    然后,回到Notion,直接以嵌入的方式嵌入刚才复制的链接

editor_bg.png


    最后的显示结果如下,还可以直接调整为深色模式

editor_bg.png


    深浅色模式的对比如下

editor_bg.png


    其他的时钟/天气/名言警句也是一样的方法嵌入即可,在此就不赘述了。
    有疑问的可以私聊我,也欢迎有兴趣讨论或者研究。


    最后,还有一个我觉得也是比较实用的功能,那就是番茄钟,番茄钟这个功能的嵌入我直接放之前分享的notion文章链接里了,如果有需要的可以去看看。

editor_bg.png


如何用Notion打造超好用的个人CRM?如何用Notion打造超好用的个人CRM?https://ask.imiker.com/question/?id=647946

    看完觉得有用的话别忘了帮忙点个赞哦,谢谢啦[玫瑰][玫瑰]                    

关注作者,看更多TA的好文章 个人展示
Linda子叶 谁在评论里提醒下这位作者,懒得连名片都没填写。
举报
收藏
转发
0/500
添加表情
评论
评论 (19)
最近
最早
3天2夜学会建站

Linda子叶

✅外贸Soho✅两娃宝妈✅擅长主动开发客户✅终身学习践行者

向TA提问
置顶时间 :

设置帖子类型

普通
新闻
活动
修改

圈内转发

0/104

分享至微信

复制链接

举报

请选择举报理由

留联系方式
垃圾广告
人身攻击
侵权抄袭
违法信息
举报

确认要删除自己的评论吗?

取消 确定

确认要删除自己的文章吗?

取消 确定
提问
设置提问积分
当前可用积分:
-
+
20
50
100
200
偷看

积分偷看

10积分
我的积分(可用积分)
确认偷看

问题已关注

答主回复后,系统将通知你

不再提示