題圖：凡人修仙傳
Jupyter Notebook應該很多同學都或多或少有所了解，但是，很多同學 還停留在Python、數據分析、交互式開發。
其實，除了這些之外，Jupyter Notebook還可以完成很多你意想不到的事情。
例如，Python工具包開發、創建幻燈片、創建電子書、寫博客、寫報告、數據看板、REST API、網頁應用等。
以網頁應用為例，提起開發一個網頁應用，很多同學第一印象都會想到需要前端、後端、服務部署等繁瑣的步驟，需要具備html、JavaScript、Java或者Python、Django知識。
其實，通過Jupyter Notebook就可以開發一款可部署的網頁應用。
下面，就以一個圖像處理的網頁應用為例給大家演示一下。
在正式的開發之前，先把開發環境配置、Python工具包這些基本的准備工作做一下。
環境配置
創建一個虛擬環境，單獨的用於這個網頁應用，虛擬環境的好處就可以實現不同應用之間的環境隔離，避免不同項目/應用依賴不同版本的工具包導致沖突。
virtualenv sketchenv
source sketchenv/bin/activate這裡的sketchenv是虛擬環境 的名稱，你也可以起其他名稱。
安裝工具包
下面，就是按照開發網頁應用需要的一些工具包：
mljar-mercury
opencv-python-headless
pillow
matplotlib其中，mercury是一款能夠將jupyter notebook轉換成網頁 應用的框架，其余的幾款都是用於圖像處理的工具包。
下面，就正式開始開發工具。
首先，打開一個Jupyter Notebook的窗口：
jupyter notebook然後，導入一些需要用到的Python工具包並對圖像進行一下初始設置：
import os
import cv2
from PIL import Image
from matplotlib import pyplot as plt
import matplotlib as mpl
mpl.rcParams['figure.figsize'] = (12,12)
mpl.rcParams['axes.grid'] = False在Jupyter Notebook打開一個新的單元格，輸出以下代碼，謹記，需要新打開一個，不能和其他單元格的代碼放在一起：
image_path = "/home/jackpop/Downloads/house.jpg"
output_dir = "output_images"image_path是一個要處理圖像的路徑，output_dir是目錄名，用於保存處理好的新圖像。
在下一個單元中，將定義一個顯示圖像的函數：
def imshow(image, title=None, fname=None):
if len(image.shape) > 3:
image = tf.squeeze(image, axis=0)
plt.imshow(image)
plt.axis('off')
if title:
plt.title(title)
if fname:
plt.savefig(fname)然後，載入圖像並顯示：
img = cv2.imread(image_path)
RGB_img = cv2.cvtColor(img, cv2.COLOR_BGR2RGB)
imshow(RGB_img)你會看到下圖：
現在開始對圖像進行處理，生成藝術素描圖像：
# 圖像轉化
grayed = cv2.cvtColor(img, cv2.COLOR_BGR2GRAY)
inverted = cv2.bitwise_not(grayed)
blurred = cv2.GaussianBlur(inverted, (19, 19), sigmaX=0, sigmaY=0)
def blend(x, y):
return cv2.divide(x, 255 - y, scale=256)
final_result = blend(grayed, blurred)
# 保存圖像
_ = cv2.imwrite(os.path.join(output_dir, "sketch_photo.jpg"), final_result)
# 顯示圖像
RGB_img = cv2.cvtColor(final_result, cv2.COLOR_BGR2RGB)
imshow(RGB_img)經過處理之後，你會看到如下圖像：
到這裡，核心的代碼都已經完成了，已經有了Jupyter Notebook代碼，那麼，該怎麼編程網頁應用呢？
這就用到前面安裝的工具包mercury，前面 已經介紹，它可以將Jupyter Notebook轉化成網頁應用。
首先，執行如下命令：
mercury watch sketch_app.ipynb在浏覽器中打開http://127.0.0.1:8000/鏈接，會看到一個卡片，如下所示：
請點擊卡片，你會看到它的警告信息，告訴你缺少YAML頭。
這就涉及到mercury中的一個比較重要的東西，配置信息，它是一種yaml格式的配置信息 ，主要包含標題、配置參數等內容。
下面，就在Jupyter Notebook開頭創建一個RAW格式的單元，輸入相關的yaml配置信息：
---
title: Convert Photo to Sketch ️
description: Create sketch from uploaded a photo
show-code: False
params:
image_path:
input: file
label: Please upload a photo
output_dir:
output: dir
---YAML配置包含如下信息：
title：應用程序的標題
description：描述應用程序的文本
show-code：是否顯示或隱藏Notebook代碼
params：Jupyter Notebook代碼用到的參數以及相關組件，這裡面用到2個組件：
image_path：文件小組件，變量image_path將被替換成上傳文件的路徑
output_dir：目錄小組件，對應代碼中輸出目錄的變量
然後，再打開http://127.0.0.1:8000/，就可以看到，這個網頁應用就可以用了，可以選擇圖片、上傳圖片並處理圖片。
如果你想持久化部署，可以通過docker等工具進行打包部署到服務器或者雲上，然後隨時就都可以用了。
這裡只是一個圖像處理工具的例子，除此之外，我們還可以通過調用api實現翻譯工具、數據看板、pdf編輯等工具，都變得非常簡單。
推薦閱讀:
入門: 最全的零基礎學Python的問題 | 零基礎學了8個月的Python | 實戰項目 |學Python就是這條捷徑
干貨:爬取豆瓣短評，電影《後來的我們》 | 38年NBA最佳球員分析 | 從萬眾期待到口碑撲街！唐探3令人失望 | 笑看新倚天屠龍記 | 燈謎答題王 ｜用Python做個海量小姐姐素描圖 ｜碟中諜這麼火，我用機器學習做個迷你推薦系統電影
趣味:彈球游戲 | 九宮格 | 漂亮的花 | 兩百行Python《天天酷跑》游戲!
AI: 會做詩的機器人 | 給圖片上色 | 預測收入 | 碟中諜這麼火，我用機器學習做個迷你推薦系統電影
小工具: Pdf轉Word，輕松搞定表格和水印！ | 一鍵把html網頁保存為pdf！| 再見PDF提取收費！ | 用90行代碼打造最強PDF轉換器，word、PPT、excel、markdown、html一鍵轉換 | 制作一款釘釘低價機票提示器！ ｜60行代碼做了一個語音壁紙切換器天天看小姐姐！｜年度爆款文案
1).臥槽！Pdf轉Word用Python輕松搞定！
2).學Python真香！我用100行代碼做了個網站，幫人PS旅行圖片，賺個雞腿吃
3).首播過億，火爆全網，我分析了《乘風破浪的姐姐》，發現了這些秘密
4).80行代碼！用Python做一個哆來A夢分身
5).你必須掌握的20個python代碼，短小精悍，用處無窮
6).30個Python奇淫技巧集
7).我總結的80頁《菜鳥學Python精選干貨.pdf》,都是干貨
8).再見Python！我要學Go了！2500字深度分析！
9).發現一個舔狗福利！這個Python爬蟲神器太爽了，自動下載妹子圖片
點閱讀原文，看B站我的20個視頻！
