在思源笔记中嵌入动态股票行情(小白教程)

RT,摸索了两三天总算有了不错的方式,感谢 1995hanjian 的帮助,见如何在思源笔记中嵌入类似 tradeview widge 的小组件? - qibin961014 的回帖 - 链滴 (ld246.com)

背景:小白想要通过思源建立投资笔记。在写文章的时候希望能够嵌入实时的股价图。尝试了几种方法后,现在两中还不错的实现方式:

解决方法一

简单版本:使用新浪财经提供的股价图,方便简单

深市:http://image.sinajs.cn/newchart/daily/n/sz[股票代码].gif
沪市:http://image.sinajs.cn/newchart/daily/n/sh[股票代码].gif
美股:http://image.sinajs.cn/newchart/usstock/daily/[股票代码].gif
分时线查询:http://image.sinajs.cn/newchart/min/n/sh[股票代码].gif
日 K 线查询:http://image.sinajs.cn/newchart/daily/n/sh[股票代码].gif
周 K 线查询:http://image.sinajs.cn/newchart/weekly/n/sh[股票代码].gif
月 K 线查询:http://image.sinajs.cn/newchart/monthly/n/sh[股票代码].gif

http://image.sinajs.cn/newchart/daily/n/sh601006.gif ,就是下图的效果

优点:简单,不用翻墙,静态的图,可以直接插入到思源当中。

缺点:内容不可调整,不好看,不能动。无法显示其他有效信息(如市值、倍数等等)

解决方法二

稍微复杂一些,是在网上看到了 tradingview 提供的小插件,免费股票插件 - 金融 Web 插件 — TradingView(需要科学上网),原来是提供给前段开发人员在网页中方便地插入股票相关的插件,思考能不能直接放在思源里面用。

答案是否定的,试了好多方法。

最后发现好像是思源中嵌入的 iframe 或者 html 不能什么动态内容啥的(楼主纯金融背景,真 IT 小白,只会用统计软件 😭 ),反正是不行。

后来看到一篇帖子在 Notion 中插入股票行情图里面提供了一些解决方案,一个是用 Codepen,缺点是不好看,边上带一个大框。评论区里面有位同学提到将插件做成 html 上传到 github 发布,然后引用的方式,打开了我的脑洞 😂

于是乎,我将简单的代码做成了 html 发布在了 github 上,举个例子,代码如下,感谢 1995hanjian,(真不会写代码,上学的时候学的都还给老师了)

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>测试:AAPL</title>
</head>
 
<body>
    <div class="tradingview-widget-container">
          <div id="tradingview_f9372"></div>
  <div class="tradingview-widget-copyright"><a href="https://cn.tradingview.com/symbols/NASDAQ-AAPL/" rel="noopener" target="_blank"><span class="blue-text">AAPL图表</span></a>由TradingView提供</div>
    </div>
</body>
 <script type="text/javascript" src="https://s3.tradingview.com/tv.js"></script>
  <script type="text/javascript">
  new TradingView.widget(
  {
  "width": 980,
  "height": 610,
  "symbol": "NASDAQ:AAPL",
  "interval": "D",
  "timezone": "Etc/UTC",
  "theme": "light",
  "style": "1",
  "locale": "zh_CN",
  "toolbar_bg": "#f1f3f6",
  "enable_publishing": false,
  "allow_symbol_change": true,
  "container_id": "tradingview_f9372"
}
  );
  </script>
</html>

像我一样的小白就直接复制到 txt 里面,文件后缀改成 html,然后上传到 github 发布就行了 😄

然后你获得了一个动态的网页,比如这个简单的测试:AAPL (qibin961014.github.io)

好的,这一次你就可以用思源笔记应用这个 URL 作为 iframe 了,显示效果如下:

image.png

优点:插件功能相当强大,基本相当于一个小的股票浏览器,可以换资产类别、换周期、添加各种图形和指标。而且 tradingview 上提供了很多不同的模板,傻瓜化进行一定的定制,将代码复制下来就行。

缺点:需要科学上网。如果没有代理的话思源笔记显示不正确。

如果有大神还有其他方法或者插件,欢迎分享 ❤️

相关帖子

欢迎来到这里!

我们正在构建一个小众社区,大家在这里相互信任,以平等 • 自由 • 奔放的价值观进行分享交流。最终,希望大家能够找到与自己志同道合的伙伴,共同成长。

注册 关于
请输入回帖内容 ...
  • zxhd86
    订阅者

    当时看到需要科学上网就望而却步了,没想到挂件内嵌的方式看上去还挺不错的

  • 其他回帖
  • DTEmiemie
    订阅者

    很赞

  • qibin961014
    作者

    没懂啥意思诶,好像没有,是不是得手动设置一下类似大纲?😳

  • founder 1 赞同
    订阅者

    希望早日赚大钱,记得来投资思源笔记,支持笔记的长期健康发展~~~

  • 查看全部回帖

推荐标签 标签

  • CodeMirror
    1 引用 • 2 回帖 • 45 关注
  • Electron

    Electron 基于 Chromium 和 Node.js,让你可以使用 HTML、CSS 和 JavaScript 构建应用。它是一个由 GitHub 及众多贡献者组成的活跃社区共同维护的开源项目,兼容 Mac、Windows 和 Linux,它构建的应用可在这三个操作系统上面运行。

    16 引用 • 142 回帖 • 5 关注
  • wolai

    我来 wolai:不仅仅是未来的云端笔记!

    9 引用 • 117 回帖 • 1 关注
  • Sublime

    Sublime Text 是一款可以用来写代码、写文章的文本编辑器。支持代码高亮、自动完成,还支持通过插件进行扩展。

    10 引用 • 5 回帖 • 3 关注
  • PWL

    组织简介

    用爱发电 (Programming With Love) 是一个以开源精神为核心的民间开源爱好者技术组织,“用爱发电”象征开源与贡献精神,加入组织,代表你将遵守组织的“个人开源爱好者”的各项条款。申请加入:用爱发电组织邀请帖
    用爱发电组织官网:https://programmingwithlove.stackoverflow.wiki/

    用爱发电组织的核心驱动力:

    • 遵守开源守则,体现开源&贡献精神:以分享为目的,拒绝非法牟利。
    • 自我保护:使用适当的 License 保护自己的原创作品。
    • 尊重他人:不以各种理由、各种漏洞进行未经允许的抄袭、散播、洩露;以礼相待,尊重所有对社区做出贡献的开发者;通过他人的分享习得知识,要留下足迹,表示感谢。
    • 热爱编程、热爱学习:加入组织,热爱编程是首当其要的。我们欢迎热爱讨论、分享、提问的朋友,也同样欢迎默默成就的朋友。
    • 倾听:正确并恳切对待、处理问题与建议,及时修复开源项目的 Bug ,及时与反馈者沟通。不抬杠、不无视、不辱骂。
    • 平视:不诋毁、轻视、嘲讽其他开发者,主动提出建议、施以帮助,以和谐为本。只要他人肯努力,你也可能会被昔日小看的人所超越,所以请保持谦虚。
    • 乐观且活跃:你的努力决定了你的高度。不要放弃,多年后回头俯瞰,才会发现自己已经成就往日所仰望的水平。积极地将项目开源,帮助他人学习、改进,自己也会获得相应的提升、成就与成就感。
    1 引用 • 487 回帖 • 1 关注
  • 书籍

    宋真宗赵恒曾经说过:“书中自有黄金屋,书中自有颜如玉。”

    73 引用 • 379 回帖
  • Python

    Python 是一种面向对象、直译式电脑编程语言,具有近二十年的发展历史,成熟且稳定。它包含了一组完善而且容易理解的标准库,能够轻松完成很多常见的任务。它的语法简捷和清晰,尽量使用无异义的英语单词,与其它大多数程序设计语言使用大括号不一样,它使用缩进来定义语句块。

    511 引用 • 669 回帖 • 1 关注
  • LeetCode

    LeetCode(力扣)是一个全球极客挚爱的高质量技术成长平台,想要学习和提升专业能力从这里开始,充足技术干货等你来啃,轻松拿下 Dream Offer!

    209 引用 • 72 回帖
  • 大数据

    大数据(big data)是指无法在一定时间范围内用常规软件工具进行捕捉、管理和处理的数据集合,是需要新处理模式才能具有更强的决策力、洞察发现力和流程优化能力的海量、高增长率和多样化的信息资产。

    84 引用 • 112 回帖
  • SSL

    SSL(Secure Sockets Layer 安全套接层),及其继任者传输层安全(Transport Layer Security,TLS)是为网络通信提供安全及数据完整性的一种安全协议。TLS 与 SSL 在传输层对网络连接进行加密。

    65 引用 • 188 回帖 • 521 关注
  • Log4j

    Log4j 是 Apache 开源的一款使用广泛的 Java 日志组件。

    20 引用 • 18 回帖 • 3 关注
  • Sphinx

    Sphinx 是一个基于 SQL 的全文检索引擎,可以结合 MySQL、PostgreSQL 做全文搜索,它可以提供比数据库本身更专业的搜索功能,使得应用程序更容易实现专业化的全文检索。

    1 引用 • 151 关注
  • Flutter

    Flutter 是谷歌的移动 UI 框架,可以快速在 iOS 和 Android 上构建高质量的原生用户界面。 Flutter 可以与现有的代码一起工作,它正在被越来越多的开发者和组织使用,并且 Flutter 是完全免费、开源的。

    39 引用 • 92 回帖 • 6 关注
  • 招聘

    哪里都缺人,哪里都不缺人。

    181 引用 • 1048 回帖 • 147 关注
  • 小说

    小说是以刻画人物形象为中心,通过完整的故事情节和环境描写来反映社会生活的文学体裁。

    26 引用 • 107 回帖 • 1 关注
  • ReactiveX

    ReactiveX 是一个专注于异步编程与控制可观察数据(或者事件)流的 API。它组合了观察者模式,迭代器模式和函数式编程的优秀思想。

    1 引用 • 2 回帖 • 64 关注
  • 人工智能

    人工智能(Artificial Intelligence)是研究、开发用于模拟、延伸和扩展人的智能的理论、方法、技术及应用系统的一门技术科学。

    48 引用 • 89 回帖
  • Netty

    Netty 是一个基于 NIO 的客户端-服务器编程框架,使用 Netty 可以让你快速、简单地开发出一个可维护、高性能的网络应用,例如实现了某种协议的客户、服务端应用。

    49 引用 • 32 回帖 • 8 关注
  • Oracle

    Oracle(甲骨文)公司,全称甲骨文股份有限公司(甲骨文软件系统有限公司),是全球最大的企业级软件公司,总部位于美国加利福尼亚州的红木滩。1989 年正式进入中国市场。2013 年,甲骨文已超越 IBM,成为继 Microsoft 后全球第二大软件公司。

    103 引用 • 126 回帖 • 545 关注
  • Sandbox

    如果帖子标签含有 Sandbox ,则该帖子会被视为“测试帖”,主要用于测试社区功能,排查 bug 等,该标签下内容不定期进行清理。

    341 引用 • 1194 回帖 • 565 关注
  • Vditor

    Vditor 是一款浏览器端的 Markdown 编辑器,支持所见即所得、即时渲染(类似 Typora)和分屏预览模式。它使用 TypeScript 实现,支持原生 JavaScript、Vue、React 和 Angular。

    242 引用 • 1371 回帖
  • IBM

    IBM(国际商业机器公司)或万国商业机器公司,简称 IBM(International Business Machines Corporation),总公司在纽约州阿蒙克市。1911 年托马斯·沃森创立于美国,是全球最大的信息技术和业务解决方案公司,拥有全球雇员 30 多万人,业务遍及 160 多个国家和地区。

    16 引用 • 53 回帖 • 62 关注
  • 旅游

    希望你我能在旅途中找到人生的下一站。

    67 引用 • 882 回帖 • 139 关注
  • GAE

    Google App Engine(GAE)是 Google 管理的数据中心中用于 WEB 应用程序的开发和托管的平台。2008 年 4 月 发布第一个测试版本。目前支持 Python、Java 和 Go 开发部署。全球已有数十万的开发者在其上开发了众多的应用。

    15 引用 • 42 回帖 • 604 关注
  • CSS

    CSS(Cascading Style Sheet)“层叠样式表”是用于控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。

    174 引用 • 427 回帖 • 1 关注
  • 负能量

    上帝为你关上了一扇门,然后就去睡觉了....努力不一定能成功,但不努力一定很轻松 (° ー °〃)

    83 引用 • 1159 回帖 • 510 关注
  • 微软

    微软是一家美国跨国科技公司,也是世界 PC 软件开发的先导,由比尔·盖茨与保罗·艾伦创办于 1975 年,公司总部设立在华盛顿州的雷德蒙德(Redmond,邻近西雅图)。以研发、制造、授权和提供广泛的电脑软件服务业务为主。

    8 引用 • 44 回帖