DAY16 - 在 Bitbucket 显示 Jupyter Notebook

前言

今天是铁人赛的第十六天,要来写一下如何在Bitbucket显示 Jupyter Notebook的档案

Jupyter Notebook在维基百科的解释:

Jupyter Notebook(前身是IPython Notebook)是一个基於Web的互动式计算环境,用於创建Jupyter Notebook档案。Notebook一词可以通俗地引用许多不同的实体,主要是Jupyter Web应用程序、Jupyter Python Web服务器或Jupyter档案格式(取决於上下文)。Jupyter Notebook档案是一个JSON档案,遵循版本化模式,包含一个有序的输入/输出单元格列表,这些单元格可以包含程序码、文本(使用Markdown语言)、数学、图表和富媒体 (Rich media),通常以「.ipynb」结尾附档名。

Jupyter Notebook档案可以通过Web界面中的「Download As」,通过nbconvert函式库或shell中的「jupyter nbconvert」命令行界面,转换为许多的开源标准输出格式(HTML、演示投影片、LaTeX、PDF、reStructuredText、Markdown、Python)。

为了简化Jupyter Notebook档案在Web上的视觉化,nbconvert函式库是通过nbviewer提供的一项服务,它可以获取任何公开可用的Notebook档案的URL,将其动态转换为 HTML 并显示给使用者。

我现在写Python程序,大部分都直接用Jupyter 只要跑出程序的结果就好了
像是股市的爬虫或是画趋势图,就不另外写成档案,因为Jupyter 本身就是一个网页
不用另外写个ui来呈现资料的画面,非常方便省事

前几天的范例:DAY13 台股爬虫、DAY14虚拟货币爬虫
是用Colab (就是线上版的 Jupyter Notebook)
可以直接线上执行范例程序码,但有些我只想放,只展示程序码的静态网页
因为总不能一直在Colab上盖蚊子馆..XDD
所以这篇就来介绍 怎麽在 Bitbucket 展示 Jupyter的画面

开始动工

  1. 有任何疑难杂症,先问Google (查询怎麽在水桶上显示邱比特笔记)
    Imgur

  2. 在堆栈溢出里面得到解答,就照着做
    Imgur

  3. 到marketplace安装套件
    Imgur

  4. Add Notebook Viewer
    Imgur

  5. 装好後,repo里面的ipynb档案就可以用Jupyter Notebook模式检视
    Imgur
    检视的版面居然没有满版...程序码太长就会出现卷轴...痾

  6. 可惜的是Snippets并不支援,只能放在repo下
    Imgur
    我就是不想开一个repo只要贴程序码就好...痾

  7. 看看github 的gist 直接可以贴ipynb档案还可以用 colab开启...水桶已经看不到人家的车尾灯
    Imgur
    gist真的很放方便,我大多也只是贴短短的程序码或者Jupyter Notebook
    所以一用成主顾就回不去水桶了...

Bitbucket方便的地方?

俗语说【狡兔有三窟】这次参加it铁人赛,把尘封已久的水桶(Bitbucket)打开
是为了多一个地方放程序码,现在主要都用Github了
水桶用了几天,就知道为啥现在没啥人在用...
这边说一个,我觉得水桶比github好用的地方
删除repo很方便...

水桶要删除repo只要按下Delete
Imgur
github要删掉repo 得先填上 repo的名称做确认
Imgur

之前在github上 fork一堆别人的repo 要删除就一个一个删慢慢删 (不知道能不能用cli批次删档)
水桶删repo比较简单,是我认为比github方便的地方..XDD

以上就是铁人赛第16天的内容 :)


<<:  Day 13 Flask 与 Tensorflow Serving 的沟通

>>:  D22 Django-bootstrap 网站美化工程 - fontawesomefree icon

DAY4 双飞翼布局 - 三个栏的C位争夺战(下)

双飞翼和圣杯不同的是,双飞翼在<main>里面放一个子元素。圣杯是在外面包一个父元素。 ...

【从零开始的Swift开发心路历程-Day24】天气预报App实作Part3

昨天我们已经能把单一地点的天气资讯显示到手机App上面了,接着我们会利用UIButton让我们可以选...

Day.12 主从搭建 - 部署流程(Master Slave Replication )

了解昨天提到的主从运作流程後,今天来实际搭建主从架构~ 在前面我们起了一台VM当作Master,现在...

[ 卡卡 DAY 23 ] - React Native 表单套件用 Formik + Yup 验证 (上)

在网路上看到有人推荐 Formik 不仅符合 react native 也可以在 react 上使...

【在 iOS 开发路上的大小事-Day08】让你的 App 与世界接轨!

前情提要 一般在开发 App 的时候,除非是只想在单一国家上架,不然基本上都会做多国语系,来让 Ap...