How to run and debug Jekyll in VS Code

Background

Jekyll does not have a native debugger configurations in VS Code. In my settings, Jekyll Run1 does not run well. So I have to find a way to simplify the debug and test process.

Implementation

After studied on running shell command2, I write a launch and task script to run the jekyll commands. This does not work as the “preLaunchTask” need to be exited before the browser is launched.

After define a “problemMatcher”, the browser launched and the jekyll keep to serve the test html codes3.

The working launch and task configuration is posted on gist4.

Future improvement

Although Jekyll serves and browser launched successfully, the “stop debug” button does not kill Jekyll serve process (of course the browser will not be closed). Need to find a way to kill the Jekyll serve.

  1. Dedsec727. (2020) 2022. Jekyll Run Extensions for Visual Studio Code. TypeScript. link

  2. user3466947. 2017. ‘How to Run a Command in Visual Studio Code with Launch.Json’. Stack Overflow. link

  3. JGC. 2020. ‘Defining a ProblemMatcher in VSCode Tasks – Schema Disagrees with Docs?’ Stack Overflow. link

  4. decatoncheir. 2022. ‘VS Code Launch Configuration for Jekyll Serve’. Gist. 3 April 2022. link


Other posts

2023

網絡交換器與路由器

less than 1 minute read

交換器與路由器的分別,在於用途。交換器用於是一個網域之間的資料交換(L2 交換器: TCP/IP 第二層交換);路由器是用於網域與網域之間的資料的交換(L3 路由閘道: TCP/IP 第三層交換)。由於路由器需要掌握與它連接的所有網域資訊,一般是有較高的運算力。

Back to top ↑

2021

Drive My Car 之後

less than 1 minute read

Drive My Car 1 的故事,是關於創傷:人心的創傷。男主角的太太留下的創傷,在於他對太太的愛和恨,在她死後沒有表達的機會;女主角的創傷,在於她的媽媽死後,也沒有機會表達愛和恨。 Hamaguchi, Ryûsuke, Hidetoshi Nishijima, Tôko M...

靈魂回塑之感想

less than 1 minute read

2021年6月3日,薩滿師為我舉行靈魂回塑儀式,我感到很震撼:震撼不在儀式時,而是在之後幾天發生。據薩滿師所講,靈魂回塑比起家庭系統排列,或許力量更大,我見識了。今次靈魂回朔的碎片,是我少年時候的碎片。碎片回來了,我體驗了當年關閉了、收藏了的情感:恐懼、無助、不自由。

Back to top ↑

2013

灰色

less than 1 minute read

這時香港的天空,連成了一片,完全的平面的灰,沒有一點立體感,吹起又冷又濕的空氣。天空像在向大家說明香港的氣氛一樣,冷靜地說近來人們之間的事。

無家者看似一無所有

less than 1 minute read

無家者看似一無所有,但他們有一個地方睡覺,有些人有床、有梳化:有些人有單車代步,但有些人要用輪椅行動;有些人的鄰居守望相助,也有好心人給予物質上的幫助。可是,這一切都是脆弱的!一次食環處的清場,他們的家當便收到垃圾場、鄰居各奔東西;一天沒有好心人,就連吃也成問題。

一碗餐肉煎蛋麵

less than 1 minute read

這是我一年多前寫的分享,是學習平靜、專心吃早餐的經驗:

Back to top ↑

2012

科技照顧人類

less than 1 minute read

一個孩子,被傭人細心照顧,會令他不能自我照顧;一個人類,被機械人或其他科技細心照顧,也會令他不能自我照顧。

Back to top ↑

2009

less than 1 minute read

我覺得貪是人的本質,是不能迴避的。其實,你追求的東西,可能是美的追求。通常人對美的追求會化成一個或多個理想,之後變成一些目標。

Back to top ↑