更新: 针对win版,两个样式合并一起了具体可以看 : style="color: #ff0000;">https://www.cnblogs.com/dotnetcrazy/p/9210075.html WebUploader基础" />

http://www.web008.net

Notebook版的博客园美化,无语言界限

Jupyter ~ 像写文章般的 Coding:

开源地址:

style="color: #ff0000;">更新:针对win版,两个样式合并一起了具体可以看: style="color: #ff0000;">https://www.cnblogs.com/dotnetcrazy/p/9210075.html

WebUploader基础上的封装改善,一句代码全部实现(样式美化,实例JS优化(配置优化,样式调整,名称+大小显示,错误处理等),后端代码。。。。。)

效果抢先预览:http://github.lesschina.com/python/base/oop/1.封装.html

 效果:(完整demo:)

今天早上起来把博客园样式稍微弄了下,这样Jupyter-Notebook 通过NBConvert之后,你粘贴到博客园编辑器就可以直接显示了

图片 1

稍微优化了下,基本上对前面的兼容还不错,贴下优化代码:

一句代码:$.lotuploader('lot-uploader', '/Home/Upload'); //必填参数:ID,Server地址 (完整案例看Demo部分)

别忘了JS的引用(如果你也在用Jupyter写文章,上传两个样式文件,然后引用即可

第一步:引入样式

<script src=";
<link href="DIV样式1.css" rel="stylesheet">
<link href="DIV样式2.css" rel="stylesheet">

<link href="Scripts/lotUploader/lotuploader1.0.1.min.css" rel="stylesheet" />

基本上你Jupyter-Notebook什么样子,博客园显示也是什么样子了,先随便贴几张图

第二步:自己定义一个DIV(id名任意)

最爽的是异常文本信息都可以高亮显示,如果你想看效果的话,下一篇文章就是了

<div id="lot-uploader"></div>

目录信息(我针对Jupyter改了下之前的目录脚本,扩展里面有)

第三步:引入脚本

图片 2

<script src=";
<script src="Scripts/lotUploader/lotuploader1.0.1.min.js"></script>

这些都是文字,以前还需要一个个的贴图,省了大量时间:图片 3

代码部分:

郑重声明:本文版权归美高梅163888所有,转载文章仅为传播更多信息之目的,如作者信息标记有误,请第一时间联系我们修改或删除,多谢。