(Linux)(VSCode)(Docker) Visual Studio Code use remote conainter to write markdown blog.

原理

• 使用Local OS環境來編輯程式原始碼或文件
  • 原始碼與文件存放在OS本機檔案系統
• 使用Docker Container環境來進行程式執行(Runtime)與除錯
  • 原始碼與文件透過docker volume/folder mount到容器檔案系統
  • 執行/除錯環境所需的各式軟體套件安裝於容器(Container)與OS區隔,保護OS環境
  • 透過VSCode server,執行程式/進行除錯/Terminal操作皆可在OS中VSCode操作

安裝操作

Docker(Hexo server)

• Docker container安裝Hexo server

  • git clone https://github.com/NeilLeeGo/docker-hexo

  • 建立Hexo docker image

    docker-hexo/buid.sh

  • 建立與執行Hexo docker container

    docker-hexo/run.sh

VSCode

• 安裝遠端總管
  • 點選 “延伸模組” -> Marketplace 搜尋 “Remote Container” -> “安裝”
• 建議安裝Markdown套件
  • 點選 “延伸模組” -> Marketplace 搜尋
    • Markdown All in One
    • Mardkwonlint (語法檢查)
    • Markdown PDF (轉PDF)

操作

• VSCode編輯原始碼或文件(Markdown編寫)

  • “遠端總管”-> “CONTAINERS” -> “hexo” (滑鼠右鍵) -> “Attach to container”
    
  • 檔案->開啟工作區資料夾(Hexo資料夾)->進行Hexo blog post/ draft編寫

• VSCode執行與除錯環境(Hexo操作)

  • “終端機”->”新增終端”

    hexo generate
    hexo server

  

參考

• Developing inside a Container