jupyter巨好玩-使用jupyter結合VScode寫博客


打開jupyter-ipython

其實人家就叫jupyter了,后面咱可能就少提ipython了。

# 打開命令行,讓我們輸入
jupyter notebook

當然,這個前提是你已經安裝了jupyter並學會了基本使用,請看本系列的前兩篇文章。

ok,咱們繼續!

這時候應該已經自動打開一個網頁了,右上角有個new點一下,出現下拉菜單,是你的python版本,點一下,就會新建一個網頁,就可以開始玩了!
如下圖所示:

第一行是jupyter xxxxxxxx一堆東西,有個Untitled看見沒?
如下圖所示:

點一下,是可以編輯的,改成你想要的名字,比如我們正在寫的這篇:
如下圖所示:

開始寫博客了

現在就已經是在jupyter的頁面上寫東西了。簡單說說能寫啥吧!

兩種模式

命令模式(Esc)

在默認的輸入模式下,按Esc可以進入命令模式,是不是和vim有點像?

代碼和markdown是常用的兩種:分別用y和m切換,前提是在命令模式下!

查看快捷鍵:

Help-Keyboard Shortcuts

如下圖所示:最常用的我給加點顏色吧!

輸入模式(Enter)

在命令模式下,直接按一下回車Enter就進入到編輯模式了,比如咱們剛才一瞬間就是這么切換過來寫文字的。

兩種模式如下圖所示:

寫代碼

用過ipython的應該對前面的In[],這種標志已經見習慣了,就是直接輸入代碼的。
這樣的代碼有語句,有運行結果,有錯誤提示,簡直是居家必備啊!

下面是個檢測python版本的例子:
但此時咱們在寫字呢,怎么添加一個cell並且開始寫代碼,直到運行呢?
步驟如下:

  • Esc進入命令模式
  • 按一下B在下面添加一行
  • 寫代碼
  • 用ctrl+enter運行,或者alt+enter也行(這時候會自動再插入一行)
  • 你會看見類似下面的樣式
import sys
print sys.version
2.7.11 |Anaconda 4.0.0 (64-bit)| (default, Feb 16 2016, 09:58:36) [MSC v.1500 64 bit (AMD64)]

寫博客到cnblogs

這里的文字已經是md的格式了,按理說直接粘貼到任意一個博客,就好了,現在很多博客都直接支持md輸入,比如cnblogs,csdn,圖靈社區等等。

但是,別着急,咱們可以結合VScode把博客寫到cnblogs上,這是一種更好玩的方式。

步驟如下:

  • 下載VScode
  • 安裝writecnblog插件
  • 導出當前的jupyter notebook為markdown文件
  • 用VScode編輯md文件
  • 發布博客

下載VScode

微軟這幾年開源的腳步挺大的,挺好!哈哈!這個VScode就是其一,跨平台,而且用了最先進的js桌面框架(electron)開發,和github出的Atom同屬一派。

下載地址:https://code.visualstudio.com/

安裝writecnblog插件

打開vscode,按一下ctrl+p,會打開一個窗口,輸入

ext install writecnblog

回車,等一會,安裝好了會提示你的!

更多內容請參考作者博客吧!http://www.cnblogs.com/caipeiyu/p/5475761.html

這里簡單貼倆效果圖:


導出當前的jupyter notebook為markdown文件

回到jupyter的頁面,在菜單找到file-download as-Markdown,保存一下,

如下圖所示:

用VScode編輯md文件

打開我們剛才保存的md文件,我們剛才有幾個地方寫的是如下圖所示:,這時候就要真的開始加圖片了!(我已經邊做邊截圖都准備好了-

就用剛才安裝好的vscode插件!

  • 用 ctrl + shift + p 打開命令行
  • 在命令框里面輸入cnblog:上傳圖片,然后就出現一個本地圖片路徑的輸入框
  • 要輸入完整的本地圖片地址,這里建議在vscode打開的工作目錄建立個imgs文件夾,把圖片都放到里面,vscode很強大,既能預覽圖片,還能右鍵復制地址

如下圖所示:

  • 輸入Blog地址名的輸入框,這個地址名在博客管理的設置里面查看,一般就是用戶名啦!
  • 再輸入用戶名和密碼,就可以上傳圖片
  • 圖片上傳成功后,就會返回一個圖片地址到編輯框里面。

自己調整一下位置就好了!

如下圖所示:




發布博客

作者這樣規定的插件規則:
發布文章是把文件名稱當做標題名稱。

發布完文章后,會在文件名稱前面加一個[文章id]文件名稱,這個[文章id]是用於更新時候用的,如果開頭有這么一個東西,還要當做新文章發布,會先提醒你有更新信息。

經過測試,我們需要先保存一下草稿,(這時候如果直接發布就會生成帶id的文件了,由於源文件改了名字,這時候vscode會報錯,不用理他,可能是插件bug)。再次打開剛才帶有id的文件,再用發布的命令發布一下就好了,這時候還需要填三個東西的:
還有,存完草稿不要立刻發布,會提示你太頻繁發布的--!

  • 輸入Blog地址名的輸入框,這個地址名在博客管理的設置里面查看。一般就是用戶名
  • 再輸入用戶名和密碼,就可以上傳圖片

然后登陸你的博客園看看吧!

我的這個jupyter的源文件在這里:https://raw.githubusercontent.com/HowieWang/cnblogs/master/jupyter巨好玩-使用jupyter結合VScode寫博客.ipynb

是個半成品,僅供參考!

have fun!


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM