Deepnote supports sharing or embedding the code and output of individual blocks. Once shared, the embed gets automatically refreshed based on the changes in your notebook! To turn on sharing, select a block and click
Share block on the right-hand side. The appearing pop-up window will allow you to select which part of the block you'd like to share: code only, output only, or both. Keep in mind that the block won't be shared until you turn on the toggle switch up top.
If you'd like to quickly share an individual block's code and/or output via URL, all you need to do is copy the link in the
Share block box. Then, to view the shared block, paste the link into the address bar in your browser of choice. Note that anyone with the link can view the shared block content, not only collaborators on your Deepnote project!
Embedding Deepnote blocks into Notion pages is as easy as 1,2,3. All you need to do is copy the link in the
Share block box, paste it into your Notion page, and hit
Create embed... and ta-da! You can also resize the embedded block to make your Notion page look (even) better.
Embedding Deepnote blocks into Medium articles is very straightforward. Simply copy the link in the
Share block box, paste it into your Medium article, and you're set!
If the options above are not for you but you'd still like to embed your Deepnote blocks into websites, look no further. Deepnote provides you with a default
<iframe> tag that you can customize as you please. The two most important attributes:
height: Customize the height of your
width: Customize the width of your
Click on Run Pen below to see
<iframe> embedding of Deepnote blocks live in a CodePen embed (insert Inception meme here).