Google Drive
Gist
Clipboard
or
or
By clicking below, you agree to our terms of service.
Sign in with Wallet
New to HackMD? Sign up
| Syntax | Example | Reference | |
|---|---|---|---|
| # Header | Header | 基本排版 | |
| - Unordered List |
|
||
| 1. Ordered List |
|
||
| - [ ] Todo List |
|
||
| > Blockquote | Blockquote |
||
| **Bold font** | Bold font | ||
| *Italics font* | Italics font | ||
| ~~Strikethrough~~ | |||
| 19^th^ | 19th | ||
| H~2~O | H2O | ||
| ++Inserted text++ | Inserted text | ||
| ==Marked text== | Marked text | ||
| [link text](https:// "title") | Link | ||
|  | Image | ||
| `Code` | Code |
在筆記中貼入程式碼 | |
| ```javascript var i = 0; ``` |
|
||
| :smile: |  |
Emoji list | |
| {%youtube youtube_id %} | Externals | ||
| $L^aT_eX$ | LaTeX | ||
| :::info This is a alert area. ::: |
This is a alert area. |
On a scale of 0-10, how likely is it that you would recommend HackMD to your friends, family or business associates?
Please give us some advice and help us improve HackMD.
Do you want to remove this version name and description?
Syncing
xxxxxxxxxx-
Any changes
Be notified of any changes
-
Mention me
Be notified of mention me
-
Unsubscribe
SubscribeGulp 常見錯誤
每個常見錯誤，都會附上學生顯示的錯誤截圖，以方便同學比對吻合。
在 Mac 上，輸入
npm i gulp@4 -g或npm install時，一直會出現權限不足的錯誤Error: EACCES: permission deniedA1：請指令前面加入
sudo，例如sudo npm i gulp@4 -g，輸入後他會要求你打 MAC 的登入密碼，輸入後就可正常運作。- The image file may be corrupted
- The server hosting the image is unavailable
- The image path is incorrect
- The image format is not supported
Learn More →輸入
git commit -m "first commit 時"，出現錯誤畫面A1：需輸入兩個指令，設定自己的身份，詳情可看此影片
- The image file may be corrupted
- The server hosting the image is unavailable
- The image path is incorrect
- The image format is not supported
Learn More →請問安裝gulp時若出現以下畫面要如何解決，我有安裝成功node.js了但gulp時不知為什麼裝不好!
- The image file may be corrupted
- The server hosting the image is unavailable
- The image path is incorrect
- The image format is not supported
Learn More →A1：請試試看前面加上 sudo，sudo npm -i gulp@4 -g 就前面加上個 sudo 他會請你打個人電腦的密碼~下面的資訊是寫說希望您提供比較高的權限，讓他可以操作，所以需要輸入 sudo
Q2：老師，我有打密碼了!但它只出現這個畫面就不動了!!
- The image file may be corrupted
- The server hosting the image is unavailable
- The image path is incorrect
- The image format is not supported
Learn More →A2：我參考這個網頁後成功了!
Q3：我安裝node也沒有問題了，謝謝你，但我在執行到後面第六步驟時，就卡住，想說是哪裡出問題呢？中間還建議我在打一次npm install gulp ，結果就自動出現安裝xcode的畫面，我就默默安裝起來…
- The image file may be corrupted
- The server hosting the image is unavailable
- The image path is incorrect
- The image format is not supported
Learn More →A3：先依照他建議安裝看看，有看到他的提示來解決很棒哩，有喔，沒注意往下還有另外指令，我已經安裝好了，也整理一下安裝的指令如下：
總結一下，在mac的情況下,安裝gulp有三種指令方式
（可視是否安裝成功，依序嘗試指令）
$npm i gulp@4 -g
$ sudo npm install gulp -g(會需要打權限密碼)
$ npm install gulp –save-dev（強制告訴電腦請為開發用套件）
Q4：不好意思弱弱地請教一下，請問這個我該怎麼解決呢
- The image file may be corrupted
- The server hosting the image is unavailable
- The image path is incorrect
- The image format is not supported
Learn More →A4：倒數第三行看似有成功了，你用 gulp -v 指令看看有沒有回饋給你版本號有的話表示成功~
目前正按照步驟設置gulp環境,目前到要輸入git init但出現'git' 不是內部或外部命令、可執行的程式或批次檔。請問該怎麼辦? node js 是 v14.17.3
A1：這是沒安裝 git 的關係，安裝完重新打開終端機試試看！
Q2：在做git commit -m "first commit"這步時會與影片教學顯示的不太一樣…
繼續往下做時會一直顯示 error… 如下圖
請問該如何解決呢? 電腦試 win10
A2：git 要請你設定你的身份，這裡我在教學文件補了步驟三
Q3：請問設定完身分之後再從 git init 開始嗎?
A4：恩恩，然後他有時會給你提示！說你可以用下方那個指令，你可試試看！
剛剛在 GitHub Pages 上集補充了些東西，幫助大家這段執行更順利~
老師您好，我自己根據直播的影片設置gulp，最後也成功了，但在最後的QA老師說這設定只給 SCSS，那像我沒學過 只會寫 CSS 繳交作業還是像以往一樣 用以下…這兩點嗎？不好意思還沒有學過 SCSS 想跟老師再確認一下？
A1：其實 scss 也支援純 css 的，這是第四週才會講解的流程，只是提前先將環境設置好，就已經 ok 了！其他可以等我第四週解說就可以，做得很棒哦。
校長好，不好意思，因為正在看 gulp 教學但最後 gulp deploy 時會出現此錯誤訊息導致 git 上面沒有 ph-pages，在麻煩校長指點，謝謝。
A1：git 要請你設定你的身份，這裡我在教學文件補了步驟三，我不確定是不是這裡的步驟三需要設定，因為看到第一行說找不到 username 有此猜測，你試試看，但照理來說你前面有跑過 git push 應該是有設定過了才對，可參考
Q2：對 因為本身有在使用 git username 應該是有的 @@
A2：我不確定你是不是用 ssh 方式來推？若是的話下面的 ssh 看一下，或是重新設定暱稱！然後截圖最下面有沒有其他 err 資訊？看起來沒截圖完全
Q3：這個是完整的截圖資訊 @@
A3：他好像是說 git pull 失敗！你本地端的 repo 名稱是叫做 master 還是 main ?
Q4：請問是這邊嗎？我第一次的 git 上傳 都是複製這些指令
A4：那要換成自己的！
Q5：請問校長影片中 push 的部分是 master 請問是要用 master而不是 main 嗎? 我這次 push 用 master 似乎也不行…
A5：其實用 main 應該也是可以的！就兩種都試試看。你可以讓我看一下 git remote，目前你 remote 的位置在哪裡？
Q6：https://github.com/recall131477/test3
A6：詳細問答如下：
- The image file may be corrupted
- The server hosting the image is unavailable
- The image path is incorrect
- The image format is not supported
Learn More →Q8：借串問一下老師，git clone 下來後，直接 git remote add origin 自己的資源庫，會跟你說已存在 remote origin already exists，需要先移除掉原先的遠端位址嗎?
A8：不用，因為你 clone 時，他預設就有做 git remote 在 origin 所以 origin 就已經被設定
在作 guld build 的時候遇到問題如下：
A1：這裡常見 QA有提及，可以看下。
Q2：可是為什麼我按ctrl+c 之後依樣沒反應呀？
A2：輸入法有沒有變成中文？喔喔好像是輸入法的問題~
在做 git push -u origin master 時會出現，PS: 我在猜是不是我 MAC 原本有 github A 帳號，我為了本課程多建一個 github B 帳號 產生衝突所導致？PS:有用 error 40 3去 google 查解法，只知道問題好像要在 gitconfig 中加上帳號就好？
A1：可能要查的關鍵字是如何讓兩個帳戶共存，關鍵字提供給你，可以找一個試試看！但若短時間用不出來，建議還是先用原帳號。
原 PO：後來查到快速解法，開一個全新的管理者帳號，git 就可以先單用給六角 github。
想問一下為什麼每次更新 github pages 就會有這個畫面，要在 custom domain 裡寫 index.html 才會顯示打勾成功？
A1：因為他因為他同步需要時間同步需要時間，要同步完成，顯示有 V 才算部署完成。
我加了新頁 html 跟 css，怎麼 gulp 及佈到 git 為 GitHuppage？
A1：這個第四週才會分在上課享，提前把環境用好很棒哩。
老師好，我在第二步驟安裝 gulp 遇到問題，沒版法回報版本號一直顯示 error，請問該如何解決呢？ 我是使用 mac
A1：請你指令前面加上 sudo，如 sudo npm i gulp@4 -g，sudo 意思是比較高的權限，會需要輸入 Mac 密碼再請你試試看！
Q2：老師，我也是 mac，跟原 po 遇到同樣的問題，輸入 sudo npm i gulp@4 -g 後有成功跑出版本號，但 Local version 卻是 Unknown ，這樣會有影響嗎？我爬文有看到另一篇遇到同樣問題(windows)，解決方法是 cmd run as administrator，如果本地也要顯示版本號，我再研究此方法看看。
A2：如果你按 gulp -v 有反應的話，建議你先繼續往後面跑，應是沒有關係的。
請問大家關於安裝 gulp 步驟四：移動到該資料夾，cd 移動到該資料夾，如果移動成功，win 輸入指令dir，node 及 gulp 版本都有安裝，把資料夾移動至 cmd 時就會出現C:\Users\JIMMY>C:\Users\JIMMY\Desktop\project2>dir 'C:\Users\JIMMY\Desktop\project2' 不是內部或外部命令、可執行的程式或批次檔。請問是哪個步驟有錯誤嗎? 再麻煩指導了，感謝大家。
A1：要先下 cd （你的資料夾位置) 按 enter 之後再下 dir。
原 PO：謝謝校長和同學們的幫忙，已成功安裝，發現是自己輸入 cd 時後面忘記空一格在移動資料夾，難怪會一直失敗，感謝神支援！
老師好，連接網上空間 git remote add origin [GitHub Repositories Url] 出現錯誤訊息, 要如何處理？
A1：你好像沒 cd 移動到資料夾就執行了 git init，所以你得先在該路徑移除隱藏檔 .git 再來開始跑流程哦。
Q2：路徑移除隱藏檔 .git? 不懂.
A2：你做完上面的設定後，到此圖的資料夾路徑看下，會有一個 .git 資料夾，先把他刪除
你在這個位置 c:/user/user ，有執行過 git init，必須先移除該資料夾路徑的 .git 資料夾，再來做後續。否則怎樣做都不行的，因為他是 .git 資料夾，預設你看不到！所以你必須依照我上面連結，先開啟設定才看得到 .git 資料夾。
Q3：執行到這裡又卡關了!? git push -u origin master
A4：
先檢查遠端位置 git remote get-url origin
如果不是你的資源庫位置，那就執行 git remote remove origin再重新加入，這樣也不行的話，到那個資料夾下，把 .git 這個資料夾刪除再重新跑一次流程。
也有可能是沒有先git add . git commit -m "…" 才會無法推上遠端。
Q4：再重新跑一次流程最後推送檔案還是不成功，不知哪裡有問題？
A4：參考 A4 和文件
不好意思，請問我用mac要下載git，是要選擇哪一項呢(教學裡的螢幕按下去後沒有自動下載)？
A1：
mac 裝 git 有很多種方式呦
建議可以選擇第一種 使用 homebrew
這樣以後裝其它套件也方便
點進去會有教學
如果不想可以用 Binary 比較簡單
提到的方式可以，但如果你傾向之前軟體安裝方式可以選第三種「Binary installer」
首頁點選這顆按鈕也可以
想要來詢問關於gulp deploy的問題，我已經使用了這個方式嘗試解決佈屬時 TypeError: Cannot read property 0 of null 的問題，但再次執行 gulp deploy 時，仍然會出現相同的 typeError，想要詢問這樣的情況可以怎麼偵錯及解決呢？另外 Git 的部分我是使用 SourceTree，不曉得是不是也會有關聯？
A1：可參考此文件
當我要將 gulp 設到 github 上時，我打git init，結果終端機告訴我 'git' 不是內部或外部命令、可執行的程式或批次檔。(如下圖)請問要怎麼解決
A1：問答參考如下：
大家好~最近使用gulp建立專案製作每周任務時遇到一些問題：
vscode 中用liveserver預覽都變成以下畫面
https://github.com/iiujung/sixfoot_week2
A1：ejs 部分在第四週課程就會詳細講解，在那之前可以有先把環境建立好就可以哩~
gulp 封裝好了開發環境所以用 gulp 就會執行一個網頁伺服器起來了所以不用 vscode 的 liveserver 來啟用
至於出現那個畫面則是看到伺服器的檔案目錄
EJS 的教學
執行gulp deploy出現了下列情況，有沒有人跟我一樣? 請問怎麼處理呢 ?我的 github 只有 master
https://github.com/38net/2021hexcss02
A1：.git 資料夾刪除看看，然後重做一次 git 流程，你跟我一樣是用 git clone 嗎？
Q2：.git 資料夾刪除 ==> 請問需要下的指令是？你跟我一樣是用 git clone 嗎 ==> 我是 follow 老師的教學內容操作的
A2：另一個方式是執行 gulp build 讓 gulp 建立 dist 這個資料夾後，進去跑一次 git 流程，包含開分支，不過後來測試是將 .git 這個資料夾移除後，重新執行 gulp bulid 與 gulp deploy 應該就會正常執行了
Q3：我的錯誤訊息只有在執行 gulp deploy 出現，同時在文件夾中會多了一個 .publish，但 github 上沒有成功建立 gh-pages
A3：
Ray 的文件有說明移除 .publish 與 dist 資料夾再跑一次看看，不過我刪掉後沒作用，所以進 dist 資料夾對它做 git init，執行錯誤的錄影，看看能不能過
https://www.youtube.com/watch?t=101&v=e6TQVxM7TTY&feature=youtu.be
老師、助教、各位同學大家好~我在安裝 gulp 環境時，執行"npm install"一直出現錯誤畫面(如圖)，好像是使用者權限的問題？不太清楚要如何解決，上來求助大家，不好意思謝謝！ps. 電腦是win10系統。
A1：問答如下
在部署網頁到 GitHub Pages 時，這些 files 都是 untracked，可如何處理？
A1：他們沒有獲得 git 的關愛，輸入 git add .
輸入那行 git commit -m "first commit" 的指令之前，沒有先 add 的話，檔案就會呈現 untracked 的狀態，我只知道到這邊。
gulp 設到 github 一直無法成功？不知道錯誤在哪裡~~~~然後還出現網頁輸入密碼？
A1：選擇上面那個，然後輸入你在 GitHub 的帳號密碼他是要驗證你的身份用！輸入成功就可以推送成功哩~
在「GitHub Pages 部署網站」最後一步要輸入 git push -u origin master 的時候失敗了，終端機跑出以下的結果：
yoko@MacdeMacBook-Pro-4 project % git push -u origin master
Username for 'https://github.com':
後來再輸入一次 git push -u origin master 後，終端機請我輸入密碼：
yoko@MacdeMacBook-Pro-4 project % git push -u origin master
Username for 'https://github.com': git push -u origin master
Password for 'https:// git push -u origin master @github.com':(ps.這邊有一個鑰匙的圖案)
但不管是輸入github的密碼還是電腦本機的密碼，都無效
yoko@MacdeMacBook-Pro-4 project % git push -u origin master
Username for 'https://github.com': git push -u origin master
Password for 'https:// git push -u origin master @github.com':
remote: Invalid username or password.
fatal: Authentication failed for 'https://github.com/yokozeng/test123.git/'
yoko@MacdeMacBook-Pro-4 project %
有人遇到這種情況嗎～？
後來改成輸入 git push -u origin main
也是一樣要我輸入密碼，然後和上面同樣情況，不管輸入 github 或電腦本機密碼都無效～
A1：
Username for 'https://github.com':
這裡要輸入github的usermane
Password for 'https:// git push -u origin master @github.com':
這裡要輸入github的密碼
要注意當初註冊github的信箱有沒有寄確認信，如果有的話要按確認才會讓你上傳資料
想問一下～用 gulp 把網頁部署到 github，跟用 ftp 上傳網頁是一樣的概念嗎？
A1：概念有點像，但是 gulp 有倚賴用到 git 版本控制來推送版本，ftp 上傳，你沒辦法知道每次上傳是哪些檔案，沒辦法還原，而 gulp 整合的 git 則是有版本控制機制！比較好去做版本還原哩~
Q2：謝謝老師~另外想問，資料夾的路徑一定得在桌面嗎?或是路徑名稱要是英文? 我放在 d槽 的資料夾裡安裝 npm 都會失敗，但放到桌面就成功了? 試了兩次都這樣，不知道是甚麼原因
A3：你雖然放在 d 槽，但沒有用 cd 移動到指定資料夾，你看你路徑還停留在 C :users/user，沒 cd 移動到 d 槽的關係哩。
我在最後一個步驟 gulp deploy，輸入完有出現 error
(1)請問要如何除錯呢
(2)下拉選單沒有出現gh-pages
A1：似乎是有些人刪除 .publish 再重新 gulp deploy 就 OK，我的話是終端機用 vs code 裡面的執行 gulp 就可以，兩種都可以 try 看看。
安裝 gulp環境流程，在執行 gulp 時，出現以下錯誤訊息…輸入 npm i gulp@4 -g 指令時候出現錯誤。node 的版本為v14.17.3。
A1：你幫我打一下 node -v，我想知道你 node 版本下，可以試試 sudo npm i gulp@4 -g。
這樣可哦，我在猜測因為是用 -g 全域系統安裝，不是單獨裝在專案資料夾的關係，所以只要輸入 gulp -v 有回饋，那就 ok 勒，別擔心。
請問我安裝 gulp 環境到第 2 個步驟這樣是否代表失敗了？
A1：這樣有成功，可以繼續下去！左邊有寫 + gulp@4.0.2
HI 大家好 想請問有沒有同學輸入 git push -u origin master，跑出下面錯誤訊息
A1：右邊那個 git@github 問一下你去哪裡複製的？你換成 https 開頭的網址，可以看看我影片貼上去的 url 規則！然後建議你刪除那個資料夾重新做一下～因為你已經綁定過了，要刪除不容易。
原 PO：哇哇我沒注意到複製成 SSH 不是 Https！謝謝校長提醒！我另外找解除綁定的方式重新綁定了。
請問有沒有同學輸入git push -u origin master 系統出現一個視窗～我也按照上面的指示選 （1）. Web Browser 2. Personal access token 供使用者選擇，出現以下畫面呢？不曉得這是有失敗還是沒失敗呢？
A1：這是成功，請選擇一，輸入自己在 GitHub 上的帳號密碼哩。
Q2：目前輸入 gulp deploy，但沒有出現 gh-pages
A2：在你的資料夾有沒有一個 .git .publish 這兩個隱藏檔？如果都沒看到，可能是這篇文章中討論的問題，如果有看到移除 .publish 資料夾！再重新執行指令看看~
Q3：我剛剛已經刪除 git 資料夾，然後輸入了 gulp deploy！出現下圖～
A4：嗯嗯 你輸入下 gulp build，再輸入 gulp deploy！
在部署檔案到 Github pages 時終端機貼上這些字沒有反應的話，該怎麼辦？
A1：要先終止終端機（ctrl+c）再貼喔。
在安裝 gulp 的步驟四這邊寫「移動到該資料夾，cd 移動到該資料夾」，是要移動那個載下來的檔案到哪裡呢？我不太懂意思
A1：
cd 意思是，將你的 cmd ( 或遠端機 ) 位址移動到目標資料夾，不是把你下載後的檔案移走，dir 是讓你檢視 目標資料夾裡的資料，以確認你 cd 到對的資料夾位址。
關於你的問題我 google 了一下，得到的結果是，cmd 不適合直接複製程式(cmd.exe)到其他的資料夾中。會建議你將 cmd 新增到開始列表，或是透過捷徑的方式將 cmd.exe 放到 gulp 資料夾外層有需要使用時再 cd 進資料夾，比較沒有問題。參考答案：一、二
輸入 dir 目的，只是確保你目前 cmd 有在你指定的資料夾，我看你的截圖他確實也有回饋你有到正確位置
我有個疑問，請問是不是每次上傳新案都要輸入指令【 npm install 】安裝插件？因為我的 VScode 出現這個截圖 ，不知道是不是有關聯？
A1：
如果是從 github 上下載下來的新專案才需要 npm install 安裝插件(因為你的電腦裡沒有專案需要的插件)，使用 git push master 上傳專案不需要 npm install
只有新專案跟第一次安裝才需要，已經執行過的話，之後在該專案資料夾做，就不用再次執行~