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 了,显示效果如下:
优点:插件功能相当强大,基本相当于一个小的股票浏览器,可以换资产类别、换周期、添加各种图形和指标。而且 tradingview 上提供了很多不同的模板,傻瓜化进行一定的定制,将代码复制下来就行。
缺点:需要科学上网。如果没有代理的话思源笔记显示不正确。
如果有大神还有其他方法或者插件,欢迎分享 ❤️
欢迎来到这里!
我们正在构建一个小众社区,大家在这里相互信任,以平等 • 自由 • 奔放的价值观进行分享交流。最终,希望大家能够找到与自己志同道合的伙伴,共同成长。
注册 关于