我的课程
米课首页
首页
发现
问答
专题
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)
最近
最早
Holley
2024-09-13 03:40
Linda你在东莞哪里啊
回复
点赞
回复
Linda子叶 回复 Holley
2024-09-13 07:33
万江
回复
点赞
回复
Holley 回复 Linda子叶
2024-09-21 23:46
我在东莞 很高兴认识你
回复
点赞
回复
Holley 回复 Linda子叶
2024-09-21 23:46
东坑
回复
点赞
回复
Linda子叶 回复 Holley
2024-09-22 09:18
我也是😊
回复
点赞
回复
June62800
2023-02-28 13:05
工具
回复
点赞
回复
Lucky_Yolanda
2023-02-21 20:00
今天刚好跟着视频在实操，这段正好可跟着文字手把手式的来执行了😊简直是及时雨😁
回复
点赞
回复
Ivy8888
2023-02-08 10:34
linda姐 请问怎么加soho群 我的私信卷没有了 私信不了你 麻烦看到回我下 谢谢啦
回复
点赞
回复
Linda子叶 回复 Ivy8888
2023-02-08 11:24
可以public number或者视频number搜索一下我的名字，只能帮你到这了
回复
点赞
回复
Almachang
2022-07-11 11:45
厉害了，Linda姐。技术挂的女神在发光
回复
点赞(1)
回复
Linda子叶 回复 Almachang
2022-07-11 11:53
过奖了
回复
点赞(1)
回复
Nina英子
2022-05-14 19:16
厉害呀，Linda,我才开始用notion,只会些基本的功能，佩服你的学习力和执行力
回复
点赞
回复
积极的青瓜
2022-05-01 10:40
我刚打赏了这个帖子1米币，好多实操，谢谢分享
回复
点赞
回复
Linda子叶 回复 积极的青瓜
2022-05-01 10:50
谢谢青瓜😊😊
回复
点赞
回复
connor
2022-01-10 11:00
求进Notion 交流群
回复
点赞
回复
Linda子叶 回复 connor
2022-01-10 11:06
请私聊我吧
回复
点赞
回复
connor 回复 Linda子叶
2022-01-11 17:07
发起提问了，谢谢
回复
点赞
回复
Linda子叶 回复 connor
2022-01-11 17:23
私聊比较好，这里留不了微信号😂
回复
点赞
回复
BenjaminWei
2022-01-09 23:50
先点赞后看，感谢小姐姐辛苦付出。
回复
点赞
回复
Linda子叶 回复 BenjaminWei
2022-01-10 07:08
谢谢支持😊😊
回复
点赞
回复
SteveChen
2022-01-09 16:44
厉害👍
回复
点赞
回复
Linda子叶 回复 SteveChen
2022-01-09 16:49
😊😊
回复
点赞
回复
3天2夜学会建站

Linda子叶

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

向TA提问

作者文章

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

精华推荐

半年时间从建站到询盘过百，真的很难吗？ 一个人内心强大的标志：凡事不预设 料神 & 毅冰老师加持，外贸不迷路！ 你为什么做不好外贸？因为你“懂”的技巧太多了 （毅冰原创）信用证操作的核心要点
置顶时间 :

设置帖子类型

普通
新闻
活动
修改

圈内转发

0/104

分享至微信

复制链接

举报

请选择举报理由

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

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

取消 确定

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

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

积分偷看

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

问题已关注

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

不再提示
找回密码
注册米课圈
微信二维码登录