【 架網站-0 】起手式:「終端機」、「Visual Studio Code」

終端機 (terminal):適用於進階使用者和開發者,透過輸入指令與電腦互動,可以用來執行簡單到高度複雜的作業。
Visual Studio Code:為Markdown語法的程式碼編輯器,可以加快Markdown的編寫速度。

終端機:

查看有無下載好:「 -v」

  • 安裝完後,可輸入「安裝的名稱 -v」 ,像我有安裝的是「node」、「git」,如果有安裝成功的話下方會出現版本號碼或跑出東西。
  • 「node」:
  • 「git」:

啟動Hexo伺服器:輸入「hexo s」

我每天都會關機電腦,當天第一次開啟終端機時,都需要「移動當前位置」

  • 以我為例,移動軌跡:要從「~」移動到「Desktop」的「blogger_UD2」(這是我hexo所在的資料夾)

    STEP1:從「主機名稱 ~ %」移動到「主機名稱 Desktop %」

    • 「~」代表的是當前位置跑到最上層的資料夾 (另外補充一下查看當前位置的指令是「pwd」)

    • 「主機名稱 ~ %」後面輸入「cd」,接著連續按「tab鍵」兩下(cd是移動的指令,tab點兩下是快速查找當層位置有哪些資料夾,另補充「cd空格..」是退回到上一層),可找到「Desktop」,把它複製起來貼在「cd」後面即可

    • 成功把當前位置移動到「Desktop」

    Step2:從「主機名稱 Desktop %」移動到「主機名稱 blogger_UD2 %」

    • 「主機名稱 Desktop %」後面輸入「cd」,接著連續按「tab鍵」兩下,可找到桌面上的「blogger_UD2」的資料夾,把它複製起來貼在「cd」後面即可。
  • 「當前位置」已在「hexo所在的資料夾」(例如我的在blogger_UD2)後,輸入「hexo s」

    • 輸入後會出現下圖紅框的一串網址,網頁內容只有自己看得見,不會公開,當我們透過程式碼編輯網頁樣式、內容,都可以即時從該網址查看更新後的樣子。
    • 若想關閉「Hexo伺服器」,於終端機頁面直接按「Ctrl+C」,長時間不用可以先關閉省電,之後想用再輸入「hexo s」即可。

清理Hexo伺服器緩存:hexo clean

  • 如果已修改網頁內容,但上圖紅框網址的內容卻沒有隨之更新時,先按「Ctrl+C」關閉「Hexo伺服器」,接著於終端機輸入「hexo clean」即可清除緩存,清除完緩存後輸入「hexo s」重啟「Hexo伺服器」,內容即會更新完成。

Visual Studio Code(VSC)

  • VSC是一款由微軟開發且跨平台的「免費原始碼編輯器」,我都用這個編輯網頁,直接把hexo所在的資料夾拖移進去就可以編輯資料夾的內容,很方便。

  • 常用快捷鍵:
    「Mac電腦」按鍵跟「Windows電腦」按鍵不一樣,我有找到 APPLE官方對照表,可以參考看看,「Windows電腦」的Control鍵等同「Mac電腦」的Command鍵

    • 全選: Command鍵 / Control鍵 +A
    • 儲存: Command鍵 / Control鍵 +S
    • 剪下: Command鍵 / Control鍵 +X
    • 尋找: Command鍵 / Control鍵 +F
    • 回到上一步: Command鍵 / Control鍵 +Z
    • 一次選取同頁面內相同的字,可以一次修改它們:Command鍵 / Control鍵 +D
  • 內部介面長這樣

  • 上方有圓點代表還沒儲存,按Command鍵 / Control鍵 +S即可儲存