Steve Jian

@steve5631

Joined on Oct 6, 2019

  • Arch Tips EFI區掛載位置 /boot/efi ibus設定 for KDE Plasma # ~/.profile export QT_IM_MODULE=ibus export GTK_IM_MODULE=ibus export XMODIFIERS=@im=ibus ibus-daemon -drx --panel=/usr/lib/kimpanel-ibus-panel
     Like  Bookmark
  • Play react-hook-form typescript vite react react-hook-form classnames bootstrap source code demo What react-hook-form? Performant, flexible and extensible forms with easy-to-use validation.
     Like  Bookmark
  • SSH處理方法 校內防火牆在SSH密碼打錯太多次及SSH session閒置斷線數次後會把校外IP給擋掉,需要數日才會解除,造成校外辦公及開發困難,這邊提供一些解決方案: SSH伺服端關閉自斷斷線 修改伺服端的/etc/ssh/sshd_config 找到ClientAliveInterval及ClientAliveCountMax並將注釋符號("#")去掉 值改成下圖設定後存檔重啟sshd服務或reboot ClientAliveInterval 30 ClientAliveCountMax 20
     Like  Bookmark
  • mdns discovery on Arch Linux Most application using glibc to resolve domain if using mdns on lan network like hotstname.local you can install nss-mdns, a plugin for glibc, to resolve domain. Install nss-mdns $ yay -S avahi nss-mdns Editor nsswitch.conf $ sudo nano /etc/nsswitch.conf
     Like  Bookmark
  • Firefox Change Emoji font Delete the file: sudo rm /usr/lib/firefox/fonts/TwemojiMozilla.ttf Change Setting at about:config: font.name-list.emoji : JoyPixels
     Like  Bookmark
  • Tmux 256 Color bash & zsh Add this line to ~/.bashrcor ~/.zshrc export TERM=xterm-256color fish Add this line to ~/.tmux.conf set-option -g default-terminal "screen-256color"
     Like  Bookmark
  • Fish Shell Setting Fish Shell Add PATH Yarn Global Path $ set -Ua fish_user_paths ~/.yarn/bin/ Pip Global Path $ set -Ua fish_user_paths ~/.local/bin Full Path Name $ set -U fish_prompt_pwd_dir_length 0
     Like  Bookmark
  • arch PVE container & VM set Pacman GPG Key Init $ nano /etc/pacman.d/mirrorlist #將taiwan nctu的來源取消註解並到最上方 $ pacman-key --init $ pacman-key --populate $ pacman -Sy archlinux-keyring Arch System Upgrade $ pacman -Syu
     Like  Bookmark
  • 因Cisco交換器ssh有特殊設置一般方法無法連線可參考以下設置 Windows使用者 推薦使用putty WSL或windows 10 openssh設定參考Linux設定 Android使用者 可安裝JuiceSSH Linux使用者
     Like  Bookmark
  • Pacman GPG Key Init $ nano /etc/pacman.d/mirrorlist #將taiwan nctu的來源取消註解並到最上方 $ pacman-key --init $ pacman-key --populate $ pacman -Sy archlinux-keyring Arch System Upgrade $ pacman -Syu $ pacman -S base-devel
     Like  Bookmark
  • Steve Jian 單頁應用 (single-page application,SPA) 是一種網路應用程式或網站的模型,它通過動態重寫當前頁面來與用戶互動,而非傳統的從伺服器重新載入整個新頁面。 用 Vue.js + Vue Router 就可以輕鬆地開發一個單頁應用 用Vue CLI開發時通常就會預選Vue Router
     Like  Bookmark
  • Steve Jian 開始前一樣稍微複習上學期教的東西~ Shell $ cd ~ #前往家目錄 $ cd .. #前往上層目錄
     Like  Bookmark
  • --- slideOptions: transition: slide title: Develop on Vue CLI --- ## Develop on Vue CLI ##### Steve Jian --- ## Vue CLI? ---- Vue CLI 是一个基於 Vue 進行快速開發的完整系统 可以幫創建好許多本來要自己弄的資料夾、檔案 ---- 上次社課的 Vue 操作是在文字編輯器上編寫並在瀏覽器上執行 Vue CLI 使前端在 NodeJS 環境上開發增加開發的方便 --- ## Instll Vue CLI install: ```bash= $ sudo npm install -g @vue/cli ``` check: ```bash= $ vue --version ``` --- ## Vue CLI 創建專案 可用指令的方式創立專案 或以 Vue CLI 圖形工具創立 ---- 啟動圖形工具: ```bash= #移至暫存區 $ cd /tmp #在暫存區啟動Vue CLI圖形工具 $ vue ui
     Like  Bookmark
  • --- slideOptions: transition: slide --- # NodeJS & Vue ##### Steve Jian --- #### 開始之前稍微複習一下Linux基本知識及指令 ```.``` 表示當前目錄 ```..``` 表示上層目錄 ```~``` 表示家目錄也就是 ```/home/<username>``` ---- 家目錄有dir目錄 dir目錄內有1 1目錄內有2 2目錄內有3 ---- ![](https://i.imgur.com/yoWvoUG.png) ---- ```bash= #這兩個是絕對路徑 $ cd /home/<username>/dir/1 $ cd ~/dir/1 #這兩個是相對路徑 $ cd ./2 # ~/1/2 $ cd .. # ~/1 ``` ---- ```bash= $ cd <path> #移動目錄 $ mkdir <name> #新增目錄 $ pwd #顯示所在目錄的絕對路徑 ``` --- ## Install N
     Like  Bookmark
  • --- slideOptions: transition: slide --- # JS & DOM ##### Steve Jian --- ## 前端三巨頭 ![](https://i.imgur.com/clt6xDv.jpg) ---- ### HTML5 網站的基石 定義網頁的內容 ``` HTML <html> <head> <title>HTML Example</title> </head> <body> <button>Hello</button> </body> </html> ``` ---- ### CSS 將HTML中的元素(element) 套用不同的頁面樣式(style) ``` CSS button { color: blue; } ``` ---- ### JavaScript 使網頁產生互動 ``` javascript window.alert('Hi') ``` [Demo](https://codepen.io/steve5
     Like  Bookmark
  • --- slideOptions: transition: slide --- # Git & Github ##### Steve Jian --- ### 課程開始之前有些東西要先準備😃 ---- WSL的使用者還記得使用apt update速度很慢嗎 試試把鏡像來源替換 ``` bash $ sudo cp /etc/apt/sources.list /etc/apt/sources.list.bk $ sudo sed -i 's/archive.ubuntu.com/free.nchc.org.tw/g' /etc/apt/sources.list $ sudo sed -i 's/security.ubuntu.com/free.nchc.org.tw/g' /etc/apt/sources.list ``` 然後再試試 ``` bash $ sudo apt update ``` ---- 來源都更換為國網中心了 😎 ![](https://i.imgur.com/WujODbJ.png) ---- 還記得在Ubuntu內建的python
     Like  Bookmark