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 上提供了很多不同的模板,傻瓜化进行一定的定制,将代码复制下来就行。
缺点:需要科学上网。如果没有代理的话思源笔记显示不正确。
如果有大神还有其他方法或者插件,欢迎分享 ❤️
欢迎来到这里!
我们正在构建一个小众社区,大家在这里相互信任,以平等 • 自由 • 奔放的价值观进行分享交流。最终,希望大家能够找到与自己志同道合的伙伴,共同成长。
注册 关于