Node.js 學習筆記 - NCU 版本檢查介紹及其安裝步驟
Node.js 學習筆記 - NCU 版本檢查介紹及其安裝步驟前言在使用 Node.js 開發時，版本問題和各種相依性問題常常導致每次在執行 npm install 後，專案啟動時出現錯誤，這真的是非常煩惱。不過，在看到這篇文章 無痛更新專案中的 npm 相依套件 後，我發現原來有一個名為 npm-check-updates 的工具可以使用，這真的解決了許多問題。 什麼是NCU?NCU (npm-check-updates) 是一個用於 Node.js 的套件，它可以檢查您的 npm（Node Package Manager）項目中的套件，並提示您可用的更新版本。這個工具可以幫助開發者輕鬆地確保他們的項目中使用的套件都是最新版本，從而提高代碼的安全性和可靠性。 檢查過時的版本首先，我們可以使用 npm outdated 來檢查專案中有哪些套件是過時的： 1npm outdated 這個命令會列出所有需要更新的套件及其版本資訊。 畫面中可以看到我的部落格專案中有4個套件需要更新了。 安裝 ncu (npm-check-updates) 工具接下來，我們來介紹...
Next.js 實作 Blog 功能
前言這篇是參考 鐵人賽 系列文章 「從零開始打造炫砲個人部落格」系列簡介 - Modern Next.js Blog 系列 實作的紀錄，實際操作上有遇到很多問題，但大致上跟著git修改的部分調整都可以修改成功。 這篇的解說很清楚，彙整的也很完整，推薦跟著教學文章操作。 使用的前端技術 功能 Next.js 工具 UI 樣式 Tailwind CSS 多語系 next-i18next SEO meta tags next-seo 指令面板 kbar 留言系統 giscus 換頁進度條 nprogress 更扎實的 JavaScript TypeScript 統一程式碼格式 ESLint, Prettier Markdown/MDX 文章處理 Contentlayer 網站託管 Vercel Next.js：現代全端框架Vercel：網站託管Contentlayer：Markdown/MDX 文章處理 參考文章:...
在Codespace 上運行Python
在Codespace 上運行Python範例原始碼放在 GitHub Repo: vscode-remote-try-python 參考文章:Setting up a Python project for GitHub Codespaces 1. 在 codespace 上開啟 projectGo to https://github.com/microsoft/vscode-remote-try-python.Click Use this template, then 點擊 Open in a codespace. 2: 新增 dev container 設定檔案1.使用 Visual Studio Code 指令 (Ctrl+Shift+P/Shift+Command+P)，然後輸入 add dev 點擊 Codespaces: Add Dev Container Configuration Files. 點擊 Create a new...
Codespaces 上運行 Laravel Docker
Codespaces 上運行 Laravel Docker 前言目前因為想要練習 Laravel，所以看到一篇在 Github Codespaces 上運行Laravel 的文章所以來實作，並將結果放在這邊 1.創建 Github Repository 從 Laravel Docker 範例 https://github.com/rakibdevs/laravel-docker點擊 Use this template 2.建立 Codespace 3. Build Docker Container下載必要的套件，並根據Dockerfile 建立 Docker image 1$ docker compose build 完成後可以執行以下指令開啟 Docker container: 1$ docker-compose up -d 4.下載 Laravel12$ sudo chmod 777 src/$ docker compose exec php composer create-project --prefer-dist laravel/laravel . Now...
Hexo + Github 建立部落格
Hexo + Github 建立部落格為什麼想要架設 Blog身為一個工程師，不知不覺也工作了四年，工作上使用的套件不管是前端、後端、框架都越來越多，所以想記錄自己曾使用過的套件，要用的時候可以很快的查到。 建立自己的工具箱 累積屬於自己在技術專業知識品牌 可以作為作品集展示 另外想紀錄什麼都可以寫上去 為什麼選 Hexo 可以免費放在Github 上 可以選好看的主題 支援 Markdown (因為之前有在用 hackmd 紀錄文件) 查找到感覺最完整的架設教學文章是這篇 https://chanchandev.com/note/Hexo/hexo-introduction/2335841689/#%E7%82%BA%E4%BB%80%E9%BA%BC%E8%A6%81%E6%9E%B6%E8%A8%AD-Blog 所以就決定跟著來一起嘗試架設Blog 環境設定NodeJs https://nodejs.org/en 有用Node js 推薦也一起使用...
