nbviewer 系统定制

介绍

由于工作需要，需要将 nbviwer 中的头部与尾部进行隐藏，所以需要对 nbviwer
进行系统定制

操作方法

1. 使用命令启动 nbviewer 服务
   $ docker run -p 8080:8080 nbviewer
2. 启动成功后使用命令查看使用 docker 启动的所有镜像
   $ docker ps
   屏幕快照 2018-11-02 下午3.36.59.png
3. 通过 CONTAINER ID 在容器中开启一个交互模式的终端
   $ docker exec -it ee15144af02f /bin/bash
4. 进入到目录 /srv/nbviewer/nbviewer/static/build 下，里面有一个名为 style.css 的文件， 查看该文件加入定制的样式代码，并保存
   $ cd /srv/nbviewer/nbviewer/static/build
$ vi style.css
   css 代码

#menubar{
    display: none !important;
}

.footer {
    display: none !important;
}

注意：若文件太大，建议使用 docker cp 命令将文件拷贝到本地目录进行修改，修改完成后再次使用 docker cp 命令将文件拷贝到容器中

5. 刷新 nbviewer 页面，将会看到具体效果

效果实现

原始效果

image.png

定制后效果

image.png