修改手機瀏覽器介面顏色 (meta theme-color)

變更手機瀏覽器介面的顏色，可以在網頁中加入meta來改變顏色，但不是所有瀏覽器都適用就是了...

{code}

<!-- Chrome, Firefox OS and Opera -->

<meta name="theme-color" content="#cccccc">

<!-- Windows Phone -->

<meta name="msapplication-navbutton-color" content="#cccccc">

<!-- iOS Safari: default, black, black-translucent -->

<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">

{/code}

這個網誌中的熱門文章

SwiftUI設定深色模式

在SwiftUI中設定頁面為深色模式。 preferredColorScheme 只需在最外層頁面加入方法{icode}.preferredColorScheme(.dark){/icode}。 括號內可用的值有{icode}.none{/icode}、{icode}.dark{/icode}、{icode}.light{/icode}。 {code} NavigationView {   ... } .preferredColorScheme(.dark) {/code} 取得App目前的顏色模式 此環境參數可取得App目前的顏色模式，使用{icode}preferredColorScheme{/icode}修改顏色模式後，此值就會更新。 {code} @Environment(\.colorScheme) private var colorScheme {/code}
Read more...

從零開始設置建立Next.js網站所需環境 (macOS)

試著建置開發Next.js網站所需要的環境吧！ 最近又想整理一下自己的網站，找了許多資料後，打算以Next.js + Github Pages的方式來建立自己的網站。 現在就一起來看看，使用Next.js所需的環境要如何建置吧！ 零、安裝command line developer tools 如果mac電腦還没有安裝過command line developer tools，安裝nvm時可能會遇到一些麻煩，如果還没安裝過，先安裝一下吧～ {code}xcode-select --install{/code} 一、安裝 nvm 其實不安裝nvm也可以，只是如果以後Node.js要升級好像有點麻煩；還有許多不同的Node.js版本管理器，挑選自己喜歡的安裝吧～ 這裡以安裝nvm為例，安裝時需要在使用者資料夾中有.zshrc這個文件，如果没有，就需要先新增一下再安裝。 安裝完成後​​，​輸入{icode}source ~/.zshrc{/icode}讓終端機​讀到.zshrc的內容，​再​輸入nvm -v檢查一下有没​有​安裝​成功​。 {code} touch ~/.zshrc curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.1/install.sh | bash source ~/.zshrc nvm -v {/code} 二、安裝Node.js、npm 再來就可以用nvm安裝Node.js了，安裝Node.js就會一起安裝npm，只要執行{icode}nvm install --lts{/icode}就會自動安裝最新的Node.js LTS版本。 {code} nvm install --lts node -v npm -v {/code} 如果要安裝特定版本就把—lts改為需要的版本編號，例如{icode}nvm install 18.5.0{/icode}即可。 三、建立新Next.js網站 安裝完Node.js後，就可以使用{icode}npx{/icode}建立Next.js網站了；先將終端機移動到要建立網站的資料夾，執行{icode}npx create-next-app{/icode}後，會詢問要新增的專案名稱，填完就會在所在位置新增專案資料夾並下載Next.js網站所需的檔案。 ...
Read more...