Linux 比較二進制檔案差異的工具

本篇介紹 Linux 比較二進制檔案差異的工具,Linux 比較二進制檔案差異的工具分為這幾部份:

  • xxd 搭配 diff
  • vimdiff
  • hexdump 搭配 diff
  • hexdiff
  • dhex

xxd 搭配 diff

假如我們要以二進制格式比較兩個 a.bin 和 b.bin 檔案的差異,簡單的方法是先使用 xxd 指令將 bin 檔案轉換為文字格式,這裡示範為 .hex 檔案,實際上原理就是用 printf("%02x") 將二進制檔案按 byte 輸出為可讀的資料,接著再使用diff 指令這兩個 hex 檔案的差異,diff 指令只會印出兩個檔案不同之處的數值,xxd 搭配 diff 用法範例如下,

1
2
3
xxd a.bin > a.hex
xxd b.bin > b.hex
diff a.hex b.hex

結果如下圖,

不想另外建立兩個檔的話,可以使用下列一行指令,

1
diff <(xxd a.bin) <(xxd b.bin)

vimdiff

承上例,這邊介紹使用 vimdiff 比對 xxd 的輸出結果,

1
vimdiff <(xxd a.bin) <(xxd b.bin)

結果如下圖,

當然你也可以使用 gvimdiff。

hexdump 搭配 diff

hexdump 也是將檔案 dump 出來的工具,hexdump 搭配 diff 用法如下,

1
2
3
hexdump -C -v a.bin > a.txt
hexdump -C -v b.bin > b.txt
diff a.txt b.txt

不想另外建立兩個檔的話,可以使用下列一行指令,

1
diff <(hexdump -C -v a.bin) <(hexdump -C -v b.bin)

結果如下圖,

hexdiff

在 Ubuntu 下安裝 hexdiff 的方式為:

1
sudo apt install hexdiff

hexdiff 用法範例如下,

1
hexdiff a.bin b.bin

結果如下圖,

dhex

在 Ubuntu 下安裝 dhex 的方式為:

1
sudo apt install dhex

dhex 用法範例如下,

1
dhex a.bin b.bin

結果如下圖,

以上就是 Linux 比較二進制檔案差異的工具介紹,
如果你覺得我的文章寫得不錯、對你有幫助的話記得 Facebook 按讚支持一下!

其它相關文章推薦
Linux 常用指令教學懶人包

GIMP 馬賽克處理

本篇介紹 GIMP 馬賽克處理,GIMP 功能太多,馬賽克處理也是蠻實用的功能,每次都會忘記在選單的哪個位置,這次決定紀錄起來!

開啟要處理的圖片,點選工具箱中的矩形選取工具

選取要馬賽克的範圍,

再點選選單中的濾鏡>模糊化>馬賽克處理

然後會出現馬賽克處理的小視窗,你可以調整賽克格子的像素寬度和像素高度,同時他會出現預覽圖,之後按確定

確定後就可以看到主視窗選取的範圍已經做完了馬賽克處理,

之後如果要再做一樣的馬賽克處理的話,一樣是選取要馬賽克的範圍後,按選單中的濾鏡>重複"馬賽克處理"即可。

以上就是 GIMP 馬賽克處理介紹,
如果你覺得我的文章寫得不錯、對你有幫助的話記得 Facebook 按讚支持一下!

其它相關文章推薦
GIMP 圖片裁切
GIMP 去背/去除背景

webp 轉換 jpg 的 command line 指令

本篇 ShengYu 介紹 webp 轉換 jpg 的 command line 指令用法與範例。

使用 convert 指令將 webp 轉 jpg,因為 convert 依賴 ImageMagick,適用於 ImageMagick v6,Linux 與 macOS 都適用,

1
covert input.webp output.jpg

使用 magick 指令將 webp 轉 jpg,適用於 ImageMagick v7,

1
magick input.webp output.jpg

使用 ffmpeg 指令將 webp 轉 jpg,

1
ffmpeg -i input.webp output.png

使用 dwebp 指令將 webp 轉 jpg,

1
dwebp input.webp -o output.png

使用 cwebp 指令將 webp 轉 jpg,

1
cwebp input.png -o output.webp

以上就是 webp 轉換 jpg 的 command line 指令介紹,
如果你覺得我的文章寫得不錯、對你有幫助的話記得 Facebook 按讚支持一下!

其它參考
jpeg - CLI command to convert Webp image(s) to JPG? - Stack Overflow
https://stackoverflow.com/questions/49591274/cli-command-to-convert-webp-images-to-jpg

C/C++ ftell 用法與範例

本篇 ShengYu 介紹 C/C++ ftell 的用法與範例,C/C++ 可以使用 ftell 回傳從檔案頭到當前位置的 byte 數,例如在讀檔時想知道這個檔案裡面有多少個文字時就可以使用 ftell,ftell 用法詳見本篇範例。

C/C++ 要使用 ftell 的話需要引入的標頭檔 <stdio.h>,如果要使用 C++ 的標頭檔則是引入 <cstdio>
ftell 函式原型為

1
long ftell(FILE * stream);

stream:指向 FILE 物件的指標

以下 C/C++ ftell 的用法介紹將分為這幾部份,

  • C/C++ ftell 基本用法
  • C/C++ ftell 計算檔案大小
  • C/C++ ftell 計算檔案全部文字再 malloc 配置記憶體

那我們開始吧!

C/C++ ftell 基本用法

這邊介紹 C/C++ ftell 基本用法,以下為 ftell 搭配 fseek 移動檔案指標的各種情況範例,了解這些情況更能幫助了解怎麼使用 ftell,剛開完檔後使用 ftell 會回傳 0,使用 fseek 與 SEEK_SET 參數移動 5 個 bytes 再用 ftell 會回傳 5,再次使用 fseek 與 SEEK_SET 參數移動 5 個 bytes 再用 ftell 還是會回傳 5,說明 SEEK_SET 參數這是移動到一個從檔頭開始的絕對位置而不是前一次的相對位置,移動相對位置的話則要 fseek 搭配 SEEK_CUR 參數就會以當前的位置再開始移動,最後兩個範例分別是移到檔尾跟移到檔頭,

cpp-ftell.cpp
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
// g++ cpp-ftell.cpp -o a.out
#include <stdio.h>

int main() {
FILE *fp = fopen("input.txt", "r");
if (fp == NULL) {
printf("failed to open the file.\n");
return 1; // EXIT_FAILURE
}

long pos = ftell(fp);
printf("position: %ld\n", pos);

fseek(fp, 5, SEEK_SET);
printf("position: %ld\n", ftell(fp));

fseek(fp, 5, SEEK_SET);
printf("position: %ld\n", ftell(fp));

fseek(fp, 5, SEEK_CUR);
printf("position: %ld\n", ftell(fp));

fseek(fp, 0, SEEK_END); // 移到檔尾
printf("position: %ld\n", ftell(fp));

fseek(fp, 0, SEEK_SET); // 移到檔頭
printf("position: %ld\n", ftell(fp));

fclose(fp);
return 0;
}

假設我的 input.txt 檔案大小是 44 bytes,程式執行結果輸出如下,

1
2
3
4
5
6
position: 0
position: 5
position: 5
position: 10
position: 44
position: 0

C/C++ ftell 計算檔案大小

這邊介紹一下如何利用 ftell 來計算檔案大小,我們可以藉由 fseek 移動檔案指標到檔尾,然後 ftell 取得 size,藉此來知道檔案大小,這種情形通常是在使用 new 或 malloc 動態配置記憶體時需要知道總大小是多少的情況會使用到,

cpp-ftell2.cpp
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
// g++ cpp-ftell2.cpp -o a.out
#include <stdio.h>

int main() {
FILE *fp = fopen("input.txt", "r");
if (fp == NULL) {
printf("failed to open the file.\n");
return 1; // EXIT_FAILURE
}

fseek(fp, 0, SEEK_END); // 移到檔尾
long fsize = ftell(fp);
printf("file size: %ld\n", fsize);
fclose(fp);
return 0;
}

結果輸出如下,

1
file size: 44

C/C++ ftell 計算檔案全部文字再 malloc 配置記憶體

以下示範 C/C++ ftell 計算檔案全部文字後再 malloc 配置記憶體,

cpp-ftell3.cpp
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
// g++ cpp-ftell3.cpp -o a.out
#include <stdio.h>
#include <stdlib.h>

int main() {
FILE *fp = fopen("input.txt", "r");
if (fp == NULL) {
printf("failed to open the file.\n");
return 1; // EXIT_FAILURE
}

fseek(fp, 0, SEEK_END); // 移到檔尾
long size = ftell(fp);
printf("size: %ld\n", size);
fseek(fp, 0, SEEK_SET); // 移到檔頭

char *buffer = (char *) malloc(sizeof(char) * size);

fread(buffer, sizeof(char), size, fp);
fclose(fp);

printf("%s", buffer);

free(buffer);

return 0;
}

以上就是 C/C++ ftell 的用法與範例介紹,
如果你覺得我的文章寫得不錯、對你有幫助的話記得 Facebook 按讚支持一下!

其它相關文章推薦
如果你想學習 C++ 相關技術,可以參考看看下面的文章,
C/C++ 新手入門教學懶人包
C/C++ fopen 用法與範例
C/C++ fread 用法與範例
C/C++ fgets 用法與範例
C/C++ fputs 用法與範例
C/C++ fclose 用法與範例

Google Sheet 用替代顏色來幫表格隔行上色/奇偶上色

本篇 ShengYu 介紹 Google Sheet 用替代顏色來幫表格隔行上色/奇偶上色的方法教學。

以下 Google Sheet 用替代顏色來幫表格隔行上色的介紹分為這幾部分,

  • Google Sheet 用替代顏色來幫表格隔行上色
  • Google Sheet 調整上色的顏色樣式
  • Google Sheet 調整上色的頁首或頁尾樣式

那我們開始吧!

Google Sheet 用替代顏色來幫表格隔行上色

首先先選擇好要上色的表格範圍,

接著點選功能選單的格式 > 替代顏色,英文介面的話則是 Format > Alternating colors

這樣就完成表格上色了!是不是很快速!然後畫面右側會出現替代顏色的其他選項,

Google Sheet 調整上色的顏色樣式

我們可以透過右側替代顏色的選項更改表格的顏色樣式,點選下去即可馬上看到效果,

Google Sheet 調整上色的頁首或頁尾樣式

如果要有頁尾的樣式可以勾選右側替代顏色頁尾選項,要取消頁首的樣式也一樣從右側替代顏色頁首選項做取消勾選,

除了預設的顏色樣式以外,你也可以透過自訂樣式來決定每一列的顏色,

以上就是 Google Sheet 用替代顏色來幫表格隔行上色/奇偶上色介紹,
如果你覺得我的文章寫得不錯、對你有幫助的話記得 Facebook 按讚支持一下!

JavaScript 取得螢幕寬度的方法

本篇介紹如何用 JavaScript 來取得螢幕寬度,JavaScript 可以用 screen.width 取得螢幕寬度,範例如下,

1
2
3
<script type="text/javascript">
console.log(screen.width); // 螢幕寬度
</script>

另外以下還有其它幾種常見的寬度,

1
2
3
4
5
<script type="text/javascript">
console.log(window.innerWidth); // 瀏覽器寬度
console.log(document.documentElement.scrollWidth); // 網頁正文全文寬度
console.log($(window).width()); // jquery 網頁正文全文寬度
</script>

JavaScript 取得螢幕寬度的完整範例如下,

js-get-screen-width.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>js-get-screen-width</title>
</head>
<body>
<p id="demo">Get screen width</p>
<script type="text/javascript">
console.log(screen.width); // 螢幕寬度
//console.log(window.innerWidth); // 瀏覽器寬度
//console.log(document.documentElement.scrollWidth); // 網頁正文全文寬度
//console.log($(window).width()); // jquery 網頁正文全文寬度

var demo = document.getElementById("demo");
demo.innerHTML = "Get screen width: " + screen.width;
</script>
</body>
</html>

以上就是 JavaScript 取得螢幕寬度的方法範例介紹,
如果你覺得我的文章寫得不錯、對你有幫助的話記得 Facebook 按讚支持一下!

Linux head 用法與範例

本篇將介紹 Linux head 的用法與範例,Linux head 指令可以輸出顯示檔案內容的頭幾行,接下來看看 Linux head 的一些用法範例吧。

Linux 使用 head 指令輸出顯示 file.txt 前幾行(預設是前 10 行),

1
head file.txt

Linux 使用 head 指令輸出顯示 file.txt 前 20 行,-n 表示行數,

1
head -n 20 file.txt

Linux 使用 head 指令輸出顯示 file.txt 前 5 bytes,-c 表示 byte 數,

1
head -c 5 file.txt

以上就是 Linux head 用法與範例介紹,
如果你覺得我的文章寫得不錯、對你有幫助的話記得 Facebook 按讚支持一下!

其它相關文章推薦
Linux 常用指令教學懶人包

C++ std::ifstream::seekg 用法與範例

本篇介紹 C/C++ std::ifstream::seekg 用法與範例,C/C++ 可以使用 seekg 移動檔案指標到某個位置,例如在讀檔想要跳至某個位置讀取時就會用到 seekg,接下來看看 seekg 用法範例。

以下 C++ std::ifstream::seekg 的用法介紹將分為這幾部份,

  • C++ std::ifstream::seekg 基本範例
  • C++ std::ifstream::seekg 計算檔案大小
  • C++ std::ifstream::seekg 計算檔案全部文字再 new 配置記憶體

那我們開始吧!

要使用 std::ifstream::seekg 的話,需要引入的標頭檔: <fstream>

C++ std::ifstream::seekg 基本範例

以下為 std::ifstream::seekg 移動檔案指標搭配 std::ifstream::tellg 的各種情況範例,了解這些情況更能幫助了解怎麼使用 std::ifstream::seekg,剛開完檔後使用 tellg 會回傳 0,使用 seekg 移動 5 個 bytes 再用 tellg 會回傳 5,再次使用 seekg 移動 5 個 bytes 再用 tellg 還是會回傳 5,說明 seekg 預設是移動到一個從檔頭開始的絕對位置而不是前一次的相對位置,移動相對位置的話則要 seekg 搭配 std::ifstream::cur 參數就會以當前的位置再開始移動,最後兩個範例分別是移到檔尾跟移到檔頭,

std-ifstream-seekg.cpp
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
// g++ std-ifstream-seekg.cpp -o a.out
#include <iostream>
#include <fstream>
using namespace std;

int main() {
std::ifstream ifs("input.txt", std::ios::in);
if (!ifs.is_open()) {
cout << "Failed to open file.\n";
return 1;
}

size_t pos = ifs.tellg();
cout << "position: " << pos << "\n";

ifs.seekg(5);
cout << "position: " << ifs.tellg() << "\n";

ifs.seekg(5);
cout << "position: " << ifs.tellg() << "\n";

ifs.seekg(5, std::ifstream::cur);
cout << "position: " << ifs.tellg() << "\n";

ifs.seekg(0, std::ifstream::end); // 移到檔尾
cout << "position: " << ifs.tellg() << "\n";

ifs.seekg(0, std::ifstream::beg); // 移到檔頭
cout << "position: " << ifs.tellg() << "\n";

ifs.close();
return 0;
}

假設我的 input.txt 檔案大小是 44 bytes,程式執行結果輸出如下,

1
2
3
4
5
6
position: 0
position: 5
position: 5
position: 10
position: 44
position: 0

C++ std::ifstream::seekg 計算檔案大小

這邊介紹一下如何利用 std::ifstream::seekg 來計算檔案大小,
我們可以藉由 std::ifstream::seekg 移動到檔尾,然後 tellg 取得 size,藉此來知道檔案大小,這種情形通常是在使用 new 或 malloc 動態配置記憶體時需要知道總大小是多少的情況會使用到,

std-ifstream-seekg2.cpp
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
// g++ std-ifstream-seekg2.cpp -o a.out
#include <iostream>
#include <fstream>
using namespace std;

int main() {
std::ifstream ifs("input.txt", std::ios::in);
if (!ifs.is_open()) {
cout << "Failed to open file.\n";
return 1;
}

ifs.seekg(0, std::ifstream::end);
size_t fsize = ifs.tellg();
cout << "file size: " << fsize << "\n";
ifs.close();
return 0;
}

結果輸出如下,

1
file size: 44

C++ std::ifstream::seekg 計算檔案全部文字再 new 配置記憶體

以下示範 C++ std::ifstream::seekg 移動檔案指標到檔尾,然後計算檔案全部文字後 new 配置記憶體,再讀取檔案內容到預先配置好的 buffer 裡,

std-ifstream-seekg3.cpp
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
// g++ std-ifstream-seekg3.cpp -o a.out
#include <iostream>
#include <fstream>
using namespace std;

int main() {
std::ifstream ifs("input.txt", std::ios::in);
if (!ifs.is_open()) {
cout << "Failed to open file.\n";
return 1;
}

ifs.seekg(0, std::ifstream::end);
int size = ifs.tellg();
cout << "size: " << size << "\n";
ifs.seekg(0, std::ifstream::beg);

char *buffer = new char[size];

ifs.read(buffer, size);
ifs.close();

//std::cout << buffer;
std::cout.write(buffer, size);

delete[] buffer;

return 0;
}

以上就是 C++ std::ifstream::seekg 用法與範例介紹,
如果你覺得我的文章寫得不錯、對你有幫助的話記得 Facebook 按讚支持一下!

其它相關文章推薦
C/C++ 新手入門教學懶人包
std::string 用法與範例
std::vector 用法與範例
std::sort 用法與範例
std::map 用法與範例
std::set 用法與範例

Github 如何使用 Personal Access Token

本篇 ShengYu 介紹 Github 如何使用 Personal Access Token,產生 Github Access Token 的好處是如果有臨時需要給其他人權限進行共同編輯,但又不想將對方加成協作者時就可以使用 token 的方式來臨時給對方權限,同時也可以設定要給這個 Access Token 幾天的存取權限,例如7/30/60/90天數等等,以及 這個 Access Token 有怎麼樣的權限,例如只能更新 code 不能 push code 等等權限設定,Github 如何使用 Personal Access Token 分成這幾部分介紹,

  • Github 產生 Token
  • Github Token 怎麼使用
  • Github Token 過期怎麼辦?

沒有 Github Token 的話我們需要先在 Github 網站上產生一個 Token,

Github 產生 Token

這邊介紹 Github 網站如何產生 Personal Access Token,
先登入自己 GitHub 帳號並進入 Settings

選擇左下方的 Developer settings

左邊選擇 Personal access tokens > Token (classic)
接著右上角選擇 Generate new token 來創一個新的 token

輸入 token 的名稱(自己記得用途即可),以及設定這個 token 控制權限,

最後按 Generate token 產生 token,

token 就會出現在畫面上,

請複製保存好此 Token,跳出畫面後它就不會再出現,忘記的話就得再產生一個新的。
之後在需要輸入 password 時,填入 token 就可以了,GitHub 會驗證該 token 是否有權操控相對應功能。

Github Token 怎麼使用

原本存取時帳號需要輸入密碼 password 的部分,換成輸入 token 就可以了!

使用 token 的好處是如果有臨時需要給其他人權限進行共同編輯,但又不想將對方加成協作者時就可以使用 token 的方式來臨時給對方權限。

Github Token 過期怎麼辦?

Github Token 過期時之後在存取 github 時會出現錯誤,例如過期後我 git pull --rebase 更新 code 會出現以下訊息,表示 token 過期了,再次 git pull --rebase 時會提示我要輸入密碼 password,這時輸入原本過期的 token 一樣是失效,

1
2
3
4
5
6
$ git pull --rebase
remote: Invalid username or password.
fatal: Authentication failed for 'https://github.com/xxx/xxx.git/'

$ git pull --rebase
Password for 'https://xxx@github.com':

那怎麼辦呢?token 過期的解決方式很簡單,就是在申請一個新的 token,原本的 token 就可以刪除了,取得新的 token 後,提示我要輸入密碼 password 時,輸入新的 token 就可以囉!

1
2
3
4
$ git pull --rebase   
Password for 'https://xxx@github.com':
Already up to date.
Current branch master is up to date.

以上就是 Github 如何使用 Personal Access Token 的介紹,
如果你覺得我的文章寫得不錯、對你有幫助的話記得 Facebook 按讚支持一下!

其它相關文章推薦
Github 提交你的修改貢獻到開源專案
Github 如何更新已經 fork 的專案與原專案紀錄同步
Git 顯示某個檔案的歷史修改記錄
Git 顯示整個repository的歷史修改記錄

JavaScript 取得瀏覽器寬度的方法

本篇介紹如何用 JavaScript 來取得瀏覽器寬度,JavaScript 可以用 window.innerWidth 取得瀏覽器寬度,範例如下,

1
2
3
<script type="text/javascript">
console.log(window.innerWidth); // 瀏覽器寬度
</script>

另外以下還有其它幾種常見的寬度,

1
2
3
4
5
<script type="text/javascript">
console.log(screen.width); // 螢幕寬度
console.log(document.documentElement.scrollWidth); // 網頁正文全文寬度
console.log($(window).width()); // jquery 網頁正文全文寬度
</script>

JavaScript 取得瀏覽器寬度的完整範例如下,

js-get-browser-width.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>js-get-browser-width</title>
</head>
<body>
<p id="demo">Get browser width</p>
<script type="text/javascript">
//console.log(screen.width); // 螢幕寬度
console.log(window.innerWidth); // 瀏覽器寬度
//console.log(document.documentElement.scrollWidth); // 網頁正文全文寬度
//console.log($(window).width()); // jquery 網頁正文全文寬度

var demo = document.getElementById("demo");
demo.innerHTML = "Get browser width: " + window.innerWidth;
</script>
</body>
</html>

如果要用寬度來調整網頁的呈現方式的話,可以參考 Bootstrap 的定義,Bootstrap 判斷的解析度斷點以 576(xs)、768(sm)、992(md) 三種大小來分別判斷為手機、平板、電腦三種裝置。

以上就是 JavaScript 取得瀏覽器寬度的方法範例介紹,
如果你覺得我的文章寫得不錯、對你有幫助的話記得 Facebook 按讚支持一下!