我的课程
米课首页
首页
发现
问答
专题
APP下载
写文章
登录
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
添加表情
评论
评论 (20)
最近
最早
3天2夜学会建站

Linda子叶

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

向TA提问

作者文章

深圳线下沙龙分享之ChatGPT在外贸中的应用复盘 2022年回顾：有得有失，有悲有喜 米课是一束光，照亮我的SOHO之路 老华创业20周年直播，1.5万字笔记，全程无尿点 出货流程SOP&跟进管理CRM，你想要的干货都在这

精华推荐

What？AI制作的1个坦克页帮我拿了250 询盘 颜Sir带我飞：利润率飙升至70%，实现询盘自由 小白学完建站和SIO,二十多天询盘过百？ SEO直播第⼀期：Moldall上线 借AI建了三个语言的网站，不到半年拿下2万美金单子
置顶时间 :

设置帖子类型

普通
新闻
活动
修改

圈内转发

0/104

分享至微信

复制链接

举报

请选择举报理由

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

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

取消 确定

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

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

积分偷看

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

问题已关注

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

不再提示