บน linux นี้มีสิ่งที่เรียกว่า Status bars ให้เลือกใช้งานหลากหลายเจ้า ซึ่งหลังจากที่เราติดตั้ง i3wm ไปแล้ว i3 เขาก็มี i3status ติดตั้งมาพร้อมใช้งานอยู่แล้ว แต่เราจะไม่ใช้นะครับผมจะพามาติดตั้งเจ้า Polybar กันแทนเพราะว่ามันสวยกว่านั่นเอง ซึ่งตามจริงเจ้า i3status ก็สามารถปรับแต่งได้เหมือนกัน แต่ความสามารถอื่นๆเทียบกับ Polybar แล้วยังนับว่าสู้ยากครับ มาเริ่มกันเลยดีกว่า

ขั้นตอนที่ 1 : ติดตั้ง

เริ่มจากติดตั้ง Dependencies กันก่อนนะครับ

sudo apt-get install cmake cmake-data libcairo2-dev libxcb1-dev libxcb-ewmh-dev libxcb-icccm4-dev libxcb-image0-dev libxcb-randr0-dev libxcb-util0-dev libxcb-xkb-dev pkg-config python3-xcbgen xcb-proto libxcb-xrm-dev libasound2-dev libmpdclient-dev libiw-dev libcurl4-openssl-dev libpulse-dev python3-sphinx libuv1-dev libcurl4-openssl-dev libmpdclient-dev libiw-dev libxcb-composite0-dev xcb-proto python3-xcbgen libjsoncpp-dev rofi python3-pip xbacklight libnl-genl-3-dev	

sudo pip3 install pywal

จากนั้นทำการติดตั้ง Polybar

cd .git
git clone https://github.com/polybar/polybar.git 
cd polybar
./build.sh

ต่อมาเราจะลองเรียกใช้งาน Polybar ดูครับ

polybar example

กด "Ctrl + C" เพื่อหยุดก่อนครับ ขั้นตอนต่อไปเราจะ ปรับแต่ง polybar ให้สวยขึ้น ด้วย Polybar Themes หรือถ้าพอใจกับ polybar เดิมๆ สามารถข้ามไป ขั้นตอนที่ 3 ได้เลยครับ

ขั้นตอนที่ 2 : ปรับแต่ง

มาถึงขั้นตอนปรับแต่ง Polybar ให้สวยขึ้นแล้วนะครับเอาหล่ะต่อเนื่องกันเลยครับ

2.1 ปรับแต่งธีม

cd .git/
git clone https://github.com/adi1090x/polybar-themes.git
chmod +x setup.sh
./setup.sh

เราสามารถเลือกได้นะครับระหว่าง Simple หรือ Bitmap หน้าตาจะคล้ายๆกันครับ

ต่อมาเราจะลองเรียกใช้งาน Polybar themes ดูครับ

~/.config/polybar/launch.sh --[themes]

รายชื่อ Themes ที่มีให้เลือก

• blocks
• colorblocks
• cuts
• docky
• forest
• grayblocks
• hack
• material
• panels
• pwidgets
• shades
• shapes

ยกตัวอย่าง

~/.config/polybar/launch.sh --hack

ต่อไปเราสั่งให้ i3 เรียกใช้งาน Polybar

เปิดใช้งาน nano text editor หรือถ้าใครสะดวกใช้ editor ตัวอื่นก็ตามความถนัดเลยครับ

nano $HOME/.config/i3/config

เพิ่มคำสั่งนี้เข้าไปในบรรทัดท้ายสุด

exec_always --no-startup-id  ~/.config/polybar/launch.sh --hack

แล้วปิดการใช้งาน i3bar โดยการลบบรรทัดนี้ครับ

bar {
    i3bar_command i3bar
}

เราสามารถเปลี่ยนสี theme ได้โดยการกดไปที่ icon หมายเลข 1 แล้วเลือก โทนสีได้ใน Launcher ที่ปรากฏขึ้นมา

2.2 ปรับแต่ง Network Manager

ต่อมาเรามาตั้งค่า Networkmanager กันนะครับ

cd .git/
git clone https://github.com/firecat53/networkmanager-dmenu.git
cd networkmanager-dmenu/
mkdir ~/.config/networkmanager-dmenu
mv config.ini.example ~/.config/networkmanager-dmenu/config.ini
mv networkmanager_dmenu /usr/bin/

เซ็ตให้ networkmanager-dmenu เรียกใช้งาน Theme

nano $HOME/.config/networkmanager-dmenu/config.ini

แก้ไขบรรทัดที่ 4 โดยการ uncomment แล้วเซ็ต PATH

nano $HOME/.config/networkmanager-dmenu/config.ini

2.3 ปรับแต่ง Launcher

ตอนนี้วิธีการเปิดเมนูของเรา สามารถเปิดใช้งานได้โดยการกดไปที่ สัญลักษณ์เมนู ซ้ายบนสุดนะครับ แต่ละธีมจะใช้ สัญลักษณ์ ไม่เหมือนกันนะครับที่นี้เราจะมาตั้งค่าคีย์ลัดเพื่อให้เรียกใช้งาน Launcher ได้สะดวกขึ้นนะครับ

nano $HOME/.config/i3/config

comment บรรทัดที่ 50 เพื่อปิดใช้งาน

# bindsym $mod+d exec dmenu_run

เพิ่มคำสั่งเรียกใช้งาน Launcher ในบรรทัดสุดท้าย

bindsym $mod+d exec "$HOME/.config/polybar/hack/scripts/launcher.sh"

ทำการบันทึกแล้ว restart i3 โดยการกด "mod + Shift + r"

จะได้หน้าตา i3 ประมาณนี้ครับ

การตั้งภาพพื้นหลังหน้าจอบน linux สามารถทำได้หลายวิธี แต่ไม่ใช่ว่าทุกโปรแกรมจะสามารถใช้งานได้กับ i3wm ในบทความนี้จะมาแนะนำวิธีการตั้งภาพพื้นหลังง่ายๆบน i3wm ด้วย nitrogen กันนะครับ

ขั้นตอนที่ 1 : ติดตั้ง

sudo apt-get install nitrogen

ขั้นตอนที่ 2 : ปรับแต่ง

เปิดใช้งาน nano text editor หรือถ้าใครสะดวกใช้ editor ตัวอื่นก็ตามความถนัดเลยครับ

nano $HOME/.config/i3/config

เพิ่มคำสั่งนี้เข้าไปในบรรทัดท้ายสุด

exec_always --no-startup-id nitrogen --set-auto [Path Image]

ตัวอย่าง

exec_always --no-startup-id nitrogen --set-auto $HOME/.source/wallpapers/bg_0.jpg

ทำการบันทึกแล้ว restart i3 โดยการกด "mod + Shift + r"

ต่อมาจะเป็นการตั้งค่าภาพพื้นหลังของแต่ละ workspace กันนะครับ ในกรณีที่เราอยากให้ภาพพื้นหลังของแต่ละ workspace ไม่ซ้ำกัน

เปิดใช้งาน nano text editor อีกครั้ง

nano $HOME/.config/i3/config

แก้ไขบรรทัดที่ 120 ครับ

# switch to workspace
bindsym $mod+1 workspace number $ws1
bindsym $mod+2 workspace number $ws2
bindsym $mod+3 workspace number $ws3
bindsym $mod+4 workspace number $ws4
bindsym $mod+5 workspace number $ws5
bindsym $mod+6 workspace number $ws6
bindsym $mod+7 workspace number $ws7
bindsym $mod+8 workspace number $ws8
bindsym $mod+9 workspace number $ws9
bindsym $mod+0 workspace number $ws10

โดยคำสั่งชุดนี้เป็นการเซ็ตว่า ปุ่ม $mod+[Number] มีหน้าที่สลับหน้า workspace

เราจะทำการแทรกคำสั่งเซ็ตภาพพื้นหลังหน้าจอของเราเข้าไปในแต่ละ workspace กันนะครับ

# switch to workspace
bindsym $mod+1 workspace number $ws1; exec --no-startup-id nitrogen --set-auto [Path Image]
bindsym $mod+2 workspace number $ws2; exec --no-startup-id nitrogen --set-auto [Path Image]
bindsym $mod+3 workspace number $ws3; exec --no-startup-id nitrogen --set-auto [Path Image]
bindsym $mod+4 workspace number $ws4; exec --no-startup-id nitrogen --set-auto [Path Image]
bindsym $mod+5 workspace number $ws5; exec --no-startup-id nitrogen --set-auto [Path Image]

ตัวอย่าง

# switch to workspace
bindsym $mod+1 workspace number $ws1; exec --no-startup-id nitrogen --set-auto $HOME/.source/wallpapers/bg_0.jpg
bindsym $mod+2 workspace number $ws2; exec --no-startup-id nitrogen --set-auto $HOME/.source/wallpapers/bg_2.jpg
bindsym $mod+3 workspace number $ws3; exec --no-startup-id nitrogen --set-auto $HOME/.source/wallpapers/bg_3.jpg
bindsym $mod+4 workspace number $ws4; exec --no-startup-id nitrogen --set-auto $HOME/.source/wallpapers/bg_4.jpg
bindsym $mod+5 workspace number $ws5; exec --no-startup-id nitrogen --set-auto $HOME/.source/wallpapers/bg_5.jpg

เรียบร้อยครับเท่านี้เราก็เซ็ตภาพพื้นหลังของแต่ละ workspace ได้เรียบร้อยแล้วครับ

ในส่วนของบทความนี้เราจะพามาตั้งค่าการเปลี่ยนภาษาบน i3wm ด้วยการใช้ Setxkbmap กันนะครับ

เปิดใช้งาน nano text editor หรือถ้าใครสะดวกใช้ editor ตัวอื่นก็ตามความถนัดเลยครับ

nano $HOME/.config/i3/config

เพิ่มคำสั่งเรียกใช้งาน setxkbmap ในบรรทัดสุดท้าย

exec_always "setxkbmap -model pc104 -layout us,th -variant ,, -option grp:alt_shift_toggle"

เรียบร้อยครับ เท่านี้เราก็สามารถใช้งาน ปุ่ม "Alt + Shift" ในการสลับภาษาระหว่างภาษาไทยและภาษาภาษาอังกฤษ ได้แล้วครับ

บทความนี้จะพามาสร้างความน่ารำคาญให้กับคนรอบข้างของเราด้วย Rustyvibes ครับ สำหรับคนที่ชื่นชอบหรือเสพติดเสียงของ Mechanical Keyboard แต่ไม่ได้พกคีย์บอร์ดออกมาด้วยนะครับ (จำลองมาแต่เสียง แต่ไม่มีฟิลลิ่งนะครับ ฮ่าๆๆ)

Rustyvibes คืออะไร ?

Rustyvibes คือ Script ภาษา Rust ที่สร้างขึ้นมาเพื่อจำลองเสียง Mechanical Keyboard เวลาที่เราพิมพ์ลงบนคีย์บอร์ด

ขั้นตอนที่ 1 : ติดตั้ง

เริ่มจากติดตั้ง Dependencies กันก่อนนะครับ

sudo apt install cargo libxi-dev libxtst-dev pamix

จากนั้นทำการติดตั้ง Rustyvibes

cargo install rustyvibes

ขั้นตอนที่ 2 : ปรับแต่ง

เริ่มจาก Download Soundpacks ก่อนนะครับ กดที่นี่

จากนั้นก็เตรียมตำแหน่งสำหรับเก็บไฟล์ชุดเสียงกันครับ

mkdir .source
unzip $HOME/Downloads/Soundpacks.zip 
mv Soundpacks $HOME/.source/

เปิดใช้งาน nano text editor หรือถ้าใครสะดวกใช้ editor ตัวอื่นก็ตามความถนัดเลยครับ

nano $HOME/.config/i3/config

เพิ่มคำสั่งพวกนี้เข้าไปในบรรทัดท้ายสุด

exec --no-startup-id ./.cargo/bin/rustyvibes $HOME/.source/Soundpacks/[Soundpacks]

รายชื่อ Soundpacks ที่มีให้เลือก

• cherrymx-black-abs
• cherrymx-blue-abs
• cherrymx-brown-abs
• cherrymx-red-abs
• nk-cream
• cherrymx-black-pbt
• cherrymx-blue-pbt
• cherrymx-brown-pbt
• cherrymx-red-pbt
• topre-purple-hybrid-pbt

ยกตัวอย่าง

exec --no-startup-id ./.cargo/bin/rustyvibes $HOME/.source/Soundpacks/cherrymx-brown-pbt/

ทำการบันทึก แล้ว restart i3 โดยการกด "mod + Shift + r"

จากนั้นลองทดสอบดูโดยการกดที่แป้นคีย์บอร์ดดูครับ ปรากฏว่าจะมีเสียงขึ้นมาแล้วแต่เสียงมันอาจจะดังไป เรามาปรับตั้งค่าลดระดับเสียงกันลงมาดีกว่าครับ

pamix

กดลูกศร ขึ้น-ลง เพื่อเลือก และลูกศร ซ้าย-ขวา เพื่อปรับระดับเสียง แล้วกด "Ctrl + C" เพื่อออกครับ

ในบทความที่แล้ว ผมได้สอนการติดตั้งและใช้งาน i3wm เบื้องต้นไปแล้ว บทความนี้ผมจะพาไปติดตั้ง i3 radius ซึ่งเป็นตัวที่พัฒนาต่อยอดออกมาจาก i3 gaps โดยจุดประสงค์เพื่อปรับแต่งเพิ่ม space ระหว่างบล็อคไม่ให้ติดกัน โดยข้อแตกต่างของ i3 gaps ธรรมดา กับ i3 radius ก็คือ i3 gaps บริเวณมุมบล็อค หรือขอบบล็อคจะเป็นมุมเหลี่ยม ส่วน i3 radius สามารถปรับแต่งให้ขอบบล็อคโค้งมนได้ นี่แหระข้อแตกต่าง มีแค่นี้จริงๆครับ

ขั้นตอนที่ 1 : ติดตั้ง

เริ่มจากติดตั้ง Dependencies กันก่อนนะครับ

sudo apt install git autoconf libev-dev libstartup-notification0-dev libxcb-xkb-dev libxcb-xinerama0-dev libxcb-randr0-dev libxcb-shape0-dev libxcb-util-dev libxcb-cursor-dev libxcb-keysyms1-dev libxcb-icccm4-dev libxcb-xrm-dev libxkbcommon-dev libxkbcommon-x11-dev libyajl-dev libpcre++-dev libcairo2-dev libsdl-pango-dev

จากนั้นทำการติดตั้ง i3 gaps

mkdir .git && cd .git
git clone https://github.com/terroo/i3-radius.git
cd i3-radius && sh build.sh

ขั้นตอนที่ 2 : ปรับแต่ง

ปกติเวลาที่เราจะตั้งค่าหรือปรับแต่งอะไรก็ตามบน i3wm เราจะต้องไปตั้งค่าที่ไฟล์ config ซึ่งอยู่ที่ "$HOME/.config/i3/config"

เปิดใช้งาน nano text editor หรือถ้าใครสะดวกใช้ editor ตัวอื่นก็ตามความถนัดเลยครับ

nano $HOME/.config/i3/config

เพิ่มคำสั่งพวกนี้เข้าไปในบรรทัดท้ายสุด

for_window [class=".*"] border pixel 0
gaps inner 10
gaps outer 1
smart_borders on
smart_borders no_gaps
border_radius 2

ทำการบันทึก แล้ว restart i3 โดยการกด "mod + Shift + r"

จะเห็นได้ว่าหน้าตา i3 ของเราดูดีขึ้นมาก โดยต่อมาผมจะปรับแต่งเจ้า Terminal นิดหน่อย โดยเลือกที่จะปิด Menubar เพราะแทบจะไม่ได้ใช้ โดยทำการคลิกขวาบน Terminal เลือก Preferences แล้วไปที่ General คลิกเครื่องหมายถูกออกบน Show menubar by default in new terminals แล้วกด Close ครับ

ต่อเนื่องกันไปเลยนะครับ ขั้นตอนต่อมาผมจะเพิ่ม padding ให้ Terminal สักหน่อย

nano $HOME/.config/gtk-3.0/gtk.css

เพิ่ม CSS ชุดนี้เข้าไปครับ

vte-terminal {
    padding: 20px;
}

ทำการบันทึกครับ

เรียบร้อยครับสำหรับการปรับแต่ง i3 radius และเพิ่มเติมนิดหน่อยในการปรับแต่ง Terminal หวังว่าจะชอบกันนะครับ

i3wm เป็น dynamic tiling window manager ที่แสดงผลได้ทั้งหน้าจอแบบวางซ้อนกัน (stacking window manager) หรือหน้าจอแบบเรียงต่อกันเป็นบล็อคโดยอัตโนมัติ (tiling window manager) เช่นถ้าเราเปิด application ขึ้นมา 1 ตัว แอปนั้นจะมีหน้าจอที่ขยายเต็มจอโดยอัตโนมัติ และถ้าเราเปิดขึ้นมาอีกแอป ระบบจะ split screen แบ่งหน้าจอให้โดยอัตโนมัติ

ขั้นตอนที่ 1 : ติดตั้ง

sudo apt install i3

ขั้นตอนที่ 2 : เปิดใช้งาน

เราสามารถเปิดใช้งาน i3wm ได้ตามขั้นตอนนี้

ขั้นตอนที่ 3 : ตั้งค่าเบื้องต้น

หลังจากเปิดใช้งาน i3wm แล้ว จะเข้าสู่หน้าการตั้งค่าเบื้องต้น

ขั้นตอนที่ 4 : การใช้งานเบื้องต้น

หลังจากที่เราได้ทำการตั้งค่าเบื้องต้นไปแล้ว ตรงส่วนนี้ระบบจะไม่มีการ tutorial เราสามารถอ่านคู่มือการใช้งานเบื้องต้นได้จาก ที่นี่

คีย์ลัด

• mod + Enter  = เปิด terminal
• mod + j = เลือกบล็อคด้านซ้าย
• mod + ; = เลือกบล็อคด้านขวา
• mod + l = เลือกบล็อคด้านบน
• mod + k = เลือกบล็อคด้านล่าง
• mod + a = เลือกบล็อคทั้งหมดใน workspace
• mod + space = ใช้ในกรณีที่ใช้งาน tiling และ stacking ใน workspace เดียวกัน จะเป็นการสลับไปเลือกบล็อคข้ามโหมด
• mod + Shift + j = ย้ายบล็อคไปด้านซ้าย
• mod + Shift + ; = ย้ายบล็อคไปด้านขวา
• mod + Shift + l = ย้ายบล็อคไปด้านบน
• mod + Shift + k = ย้ายบล็อคไปด้านล่าง
• mod + f = เปิด/ปิด ใช้งาน full screen
• mod + v = แบ่งบล็อคตามแนวตั้ง
• mod + h = แบ่งบล็อคตามแนวนอน
• mod + r = ปรับขนาดบล็อค
• mod + e = เปิดใช้งานบล็อคแบบปกติ ถ้าใช้งานแบบปกติอยู่แล้วเรียกใช้จะเป็นการ สลับบล็อคตามแนวตั้ง/แนวนอน
• mod + s = เปิดใช้งานบล็อคแบบซ้อนกัน
• mod + w = เปิดใช้งานบล็อคแบบแท็ป
• mod + Shift + Space = เปิด/ปิด ใช้งาน floating (stacking)
• mod + 0-9 = สลับ workspace
• mod + Shift + 0-9 = ย้ายบล็อคไป workspace อื่น
• mod + d = เรียกใช้งาน dmenu (menu)
• mod + Shift + q = ปิดบล็อค
• mod + Shift + c = reload config
• mod + Shift + r = restart i3
• mod + Shift + e = ออกจาก i3

ของแถม

• mod + arrows (ลูกศร) = ใช้เลือกบล็อคแทน mod +  j, k, l, ;
• mod + Shift + arrows (ลูกศร) = ใช้ย้ายบล็อคแทน mod + Shift + j, k, l, ;

การใช้งาน i3wm โดยส่วนใหญ่จะเน้นไปที่การใช้คีย์บอร์ดเป็นหลักในการควบคุมทุกอย่าง เรียกได้ว่าแทบจะไม่ต้องใช้เมาส์เลย ทำให้เราสามารถทำงานได้สะดวกและไวขึ้นมาก ในบทความต่อไปจะมาสอนเกี่ยวกับการปรับแต่ง i3wm ด้วย i3 radius นะครับ

หลังจากที่ NVIDIA เปิดตัว Tesla T4 การ์จอสายประมวลผลสำหรับศูนย์ Data center ผมเลยไม่รอช้าลงทะเบียนขอสิทธิ์การใช้งานเจ้า T4 บน GCP ซะเลยโดยจุดเด่นของเจ้านี่คือมันมี Tensor Core จำนวน 320 คอร์ และ CUDA Core จำนวน 2,560 คอร์  “รายละเอียดเพิ่มเติม” โดยหลังจากที่ทีมงานได้อนุมัติการใช้งานให้กับผมแล้ว ผมเลยถือโอกาสเข้าไปทดสอบสักหน่อย

เริ่มจากติดตั้ง Driver Nvidia 410 + cuda 10

sudo add-apt-repository ppa:graphics-drivers/ppa
sudo apt update
sudo ubuntu-drivers autoinstall
sudo apt install nvidia-cuda-toolkit gcc-6

ต่อมาคือ Hashcat ที่ใช้ในการทดสอบครั้งนี้นะครับ

sudo apt-get install hashcat

จะเห็นได้ว่าเราสามารถใช้ได้เลยเพราะเจ้า HASHCAT + CUDA กำลังทำงานร่วมกัน

Benchmark Speed

หลังจากที่เราได้ติดตั้งเครื่องมือทั้งหมดเรียบร้อยเเล้วเรามาดูค่า Benchmark กัน