幾個月前我買了一本來自 Raspberry Pi Press 的書，名為 Code the Classics。這是一本非常棒的書，裡面介紹了一些經典遊戲，包括 Sensible Soccer 和 Centipede，然後以 Python 構建了這些遊戲的克隆版本。總共有 5 個遊戲。 這本書很不錯，你可以在上面提供的連結上免費下載，並且你可以在 GitHub 上找到書內建的遊戲代碼，連結在這裡：https://github.com/Wireframe-Magazine/Code-the-Classics。 不幸的是，這本書並沒有解釋如何建構這些遊戲，它只列出了源代碼。無論如何，這是開始你的 Python 遊戲開發之旅的絕佳方式。 終於，我找到了一些時間來深入研究，第一步是安裝 Pygame Zero，這是一個在 Pygame 基礎上創建遊戲的庫。 理論上說，這不難。只需使用 pip 進行分發安裝： pip install pgzero 但我在我的 Mac 上遇到了一些問題。安裝過程中出現了錯誤： fatal error: 'SDL.h' file not found #include "SDL.h" ^~~~~~~ 1 error generated. 我檢查了可能的問題，並找到了一個可能的版本要求不匹配的原因，也許是由於庫的新版本發布而導致的最近問題。但我必須直接從 GitHub 安裝最新版本： pip install git+https://github.com/lordmauve/[[email protected]](/cdn-cgi/l/email-protection) 然後它正常運行了！

在這篇教程中，我將解釋如何在 macOS 上安裝SQLite。 我是一位Mac使用者，並沒有Windows電腦，所以無法提供Windows的安裝指示。請Google搜索"如何在Windows上安裝SQLite"以獲取具體指示。對於Linux也是同樣的情況。 在macOS上，您不需要進行任何操作來安裝SQLite。它已預先安裝在所有現代版本的macOS中。 您只需打開終端並運行以下命令： sqlite3 按下ctrl-C兩次以退出SQLite執行程序。 這非常酷！ 我的macOS Mojave版本自帶的SQLite版本是3.24，而最新版本（目前為止）是SQLite 3.30。您可以使用Homebrew進行SQLite升級，但為了簡單起見，我不打算涉及這一點。 我們可以使用一個很棒的軟件TablePlus來與SQLite數據庫進行交互。它提供了一個免費試用版本，非常適合我們的用途，因為它的限制是同時連接到數據庫的連接數。 從https://tableplus.com下載它。我知道有macOS、Windows和Linux版本。 您可以創建一個新的連接，選擇SQLite： 您可以選擇一個名稱，然後輸入數據庫路徑。我選擇在/Users/flaviocopes/文件夾中創建一個名為test.db的數據庫： SQLite非常棒，因為數據庫以文件形式存在，您可以將其放在任何您想要的地方。這與PostgreSQL、MySQL和其他大型DBMS非常不同。 按下“Connect”按鈕，成功創建了連接： 我可以在該文件夾中看到創建的文件，大小為零KB： 就是這樣。 我將很快製作更多有關如何使用這個SQLite數據庫的教程。

您已經編寫了一個應該使用 HTTPS 的應用程序，但它無法正常工作：當您嘗試使用 HTTPS 訪問時，出現警告，儘管您已經創建了一個本地憑證。 這是因為默認情況下，瀏覽器不信任本地憑證。 我們需要安裝它！ 我假設您在本節中使用 Chrome 瀏覽器。 之後尋找地址欄附近的“不安全”圖標，然後會出現一個小面板： 點擊面板中的“憑證”選項，您應該會看到另一個面板顯示憑證的詳細信息： 現在將憑證的圖標從那裡拖到桌面或其他任意位置。直接使用鼠標進行拖放操作。 完成後，在Finder中找到該文件，並雙擊它。 您應該看到一個提示安裝它： 在“鑰匙串”選項所在位置，請選擇“系統”而不是“login”： 按“添加” ，現在您應該在系統鑰匙串中看到憑證，憑證名為“localhost”： 然後再次雙擊憑證，將出現如下窗口： 在“信任”旁邊點擊箭頭，您應該看到這個窗口，確保將“使用此憑證時”更改為“始終信任”： 就這樣！現在關閉鑰匙串應用（cmd-Q），然後重新加載您的 Chrome 瀏覽器頁籤，應該可以正常工作！ 並且現在它應該在您使用的任何瀏覽器上正常工作。

我想使用Node.js的canvas NPM包，但是執行npm install canvas會出現以下錯誤訊息： npm ERR! code 1 npm ERR! path /Users/flaviocopes/dev/old/generate-images-posts/node\_modules/canvas npm ERR! command failed npm ERR! command sh -c node-pre-gyp install --fallback-to-build npm ERR! Failed to execute '/opt/homebrew/Cellar/[[email protected]](/cdn-cgi/l/email-protection)/16.14.2/bin/node /opt/homebrew/Cellar/[[email protected]](/cdn-cgi/l/email-protection)/16.14.2/lib/node\_modules/npm/node\_modules/node-gyp/bin/node-gyp.js configure --fallback-to-build --module=/Users/flaviocopes/dev/old/generate-images-posts/node\_modules/canvas/build/Release/canvas.node --module\_name=canvas --module\_path=/Users/flaviocopes/dev/old/generate-images-posts/node\_modules/canvas/build/Release --napi\_version=8 --node\_abi\_napi=napi --napi\_build\_version=0 --node\_napi\_label=node-v93' (1) npm ERR! node-pre-gyp info it worked if it ends with ok npm ERR! node-pre-gyp info using [[email protected]](/cdn-cgi/l/email-protection) npm ERR! node-pre-gyp info using [[email protected]](/cdn-cgi/l/email-protection) | darwin | arm64 npm ERR!...

一個解決 React Native 混亂錯誤的快速指南 在安裝 React Native 以在 iOS 上運行專案時，我遇到了一個問題。 我進入專案的 ios 文件夾並執行了指令 pod install，這是我被告知要執行的。 但是在執行這個指令時，我收到了一個很長的錯誤訊息： 從這個錯誤訊息中，我看到了「error: SDK “iphoneos” 不能被找到」。 這看起來很可疑，是吧？ 所以我做了一些研究，解決問題的方法是執行以下指令： sudo xcode-select --switch /Applications/Xcode.app 然後再次執行 pod install，一切都運行正常了！

如何在 UNIX 環境（包括 macOS 和 Linux 上的 Bash、Zsh、Fish）中設置別名 哦，抱歉，我不使用 Windows，所以這裡沒有給出 Windows 的指令。如果你使用的是 Windows，請使用 Google 尋找相關指令。 我在 Reddit 上找到了一篇有趣的帖子，強調作為開發人員，我們有時會因為一些小事情（例如拼錯單詞）而導致生產力下降： 雖然我沒有設置這個別名，因為我通常使用 Git 的圖形界面（如 GitHub Desktop），但我使用其他別名，比如用 ll 來代替 ls -al。 如何在終端中設置別名？ 同時也請閱讀我的指南：如何使用 macOS 終端、Bash shell 和 Bash 腳本教程。 雖然標題中提到了 macOS，但這個方法當然也適用於 Linux。 這是設置別名的語法： alias <newcommand>='<old command>' 這是我先前提到的例子： alias ll='ls -al' 這個方式同樣適用於 Bash、Zsh、Fish shell 和其他一些終端。 如果你在終端中輸入這個別名，從現在開始 ll 就成為一個可以在終端中使用的新命令。 注意：這個別名只在當前會話中有效，也就是說，它會一直持續到你關閉終端或重新啟動電腦（以先發生的為準）。 為了持久化這個別名，以便將來在任何時間都能使用它，你需要將它添加到你的終端的配置文件中。 如果你使用的是 Bash，那麼配置文件就是你的家目錄下的 .bash_profile 文件。這是一個隱藏文件，所以你可能需要使用終端而不是 Finder 打開它： code ~/.bash_profile ~ 符號總是指向你的家目錄路徑 （假設你已經安裝了 VS Code，它提供了 code 命令）...

設定 GitHub 認證，以便您可以在 VS Code 或命令列中使用它。 我通常使用 GitHub Desktop 應用程式與我的 GitHub 帳戶互動，這是我所有程式碼和網站的 Git 儲存庫。 但有時候您需要使用 git 命令列，或者使用 VS Code 中的 Git 整合功能。 如果沒有進行以下步驟，您可能會遇到認證問題。 讓我們設定它。 我假設您已經安裝了 Homebrew。 請在命令列中執行以下命令： brew install gh 然後使用 gh 工具： gh auth login 之後回答幾個問題。 選擇 HTTPS： 選擇 Y： 接著登入瀏覽器： 點擊 Authorize GitHub： 完成： 回到您的終端機或 VS Code，一切將按預期運作。

最近，我試圖將我的基於 Hugo 的部落格移植到 Next.js（結果並不理想），而在這個過程中遇到了一個問題。 Hugo 允許我在圖片名稱中使用空格，這對於使用截圖並且預設檔名為 Screen Shot 2022-... 是很方便的。 但是 Next.js 的 Markdown 則不允許使用空格。因此，我撰寫了一個腳本來將所有的圖片檔名中的空格改為連字符（hyphen）。 "Screen Shot 2022-..." => "Screen-Shot-2022-..." 然後，我將文章的 Markdown 內容替換為改好的名稱。 同時，由於 Hugo 允許將文章放在與 Markdown 檔案相同的資料夾中，而 Next.js 則不允許這樣做。 因此，我使用了 /public/images/<SLUG>/ 的資料夾形式，將每個文章的圖片設為公共可見。 以下是我實現這個功能的程式碼： import matter from 'gray-matter' ... let { data: frontmatter, content } = matter(fileName) const regex = /\!\[(.*?)\]\((.*?)\)/gm let matches while ((matches = regex.exec(content)) !== null) { content = content.replace( '](' + matches[2], `](/images/${slug}/${matches[2].replace(/ /g, '-').replace(/\//g, '')}` ) }

在您的專案根目錄下初始化一個 package.json 檔案： npm init -y 然後安裝您所需要的 npm 套件，例如： npm install axios 這會建立一個 node_modules 資料夾和一個 package-lock.json 檔案。請將它們一起提交至您希望部署的程式庫（是的，您需要將 node_modules 的內容添加到程式庫中，請儘可能保持依賴數量的少）。 這樣就完成了。您現在可以在您的 Netlify Functions 中使用 require() 來存取這些 npm 套件。

要在 Netlify 函數 中獲取查詢參數，您可以在 handler 函數內訪問 event.queryStringParameters 物件。 例如，如果您有一個 email 查詢字串，您可以這樣訪問它： exports.handler = (event, context, callback) => { event.queryStringParameters.email // 使用該值進行一些操作 }