被收費(fèi)繪圖工具 PUA 了怎么辦？來看看這個(gè)老實(shí)工具吧

本文非常適合 Electron 入門選手，墻裂推薦！

本文作者：HelloGitHub-蔡文心

大家好！這里是 HelloGitHub 推出的《講解開源項(xiàng)目》系列，今天給大家?guī)淼囊豢罨?Electron 和 PHP 實(shí)現(xiàn)的桌面腦圖工具開源項(xiàng)目——DesktopNaotu。

不知道各位小伙伴有沒有發(fā)現(xiàn)，現(xiàn)在許多工作崗位與圖表制作的接觸越來越多，時(shí)不時(shí)你就會(huì)接到個(gè)加急制作圖表任務(wù)。市面上的多數(shù)圖表制作軟件要么收費(fèi)，要么讓充 VIP。充個(gè)月卡，很有可能只用 1 次，就沒用了。這兩件事加在一起就像渣 * 一邊 PUA 你，一邊還騙你錢！

如果你身邊有這樣的朋友，請(qǐng)介紹給我，我來負(fù)責(zé)。

如果你沒有，那你現(xiàn)在有了，因?yàn)楹懿恍椅揖褪潜?PUA 的一個(gè)

好產(chǎn)品收費(fèi)當(dāng)然無可厚非，不過你可是 HG 的讀者，而我們 HG 的背后是開源世界！今天帶來的 DesktopNaotu 是一個(gè)開源項(xiàng)目，一個(gè)完全免費(fèi)的腦圖制作工具。話不多說，讓我們來看看它的使用說明和功能吧！

一、介紹

DesktopNaotu 是基于百度腦圖的本地化版本，能夠幫助你在沒有互聯(lián)網(wǎng)環(huán)境的情況下，依然可以使用腦圖工具。

官網(wǎng)：https://inaotu.org/

1.1 跨平臺(tái)

DesktopNaotu 目前支持 macOS、Linux 和 Windows 7/10。

1.2 功能

• 包含百度腦圖的基本功能
• 支持本地 .km 文件的操作
• 支持拖拽打開 .km 文件
• 支持關(guān)聯(lián)打開 .km 文件
• 支持自動(dòng)保存文件功能
• 支持導(dǎo)出多種格式文件
• 提供 百度腦圖 文件的下載方式
• 提供 ProcessOn 思維導(dǎo)圖的下載方式

二、安裝

2.1 下載安裝包

• 百度云：https://pan.baidu.com/s/1jHNBL7C
• GitHub：https://github.com/NaoTu/DesktopNaotu/releases

2.2 解壓

將 DesktopNaotu-darwin-x64 文件夾解壓至應(yīng)用程序目錄。

2.3 啟動(dòng)

好了，到這一步軟件已經(jīng)能夠啟動(dòng)了，但是大家可能注意到了菜單怎么是英文的呢，官網(wǎng)示例明明是中文的呀。沒錯(cuò)這里的確是有個(gè) bug，不過我已經(jīng)找到了解決方案，請(qǐng)看下一步：

2.4 解決語言問題

目前測(cè)試了 Windows10 和 macOS 兩個(gè)較為常用的平臺(tái)，發(fā)現(xiàn)在 Windows10 下安裝后能夠顯示中文語言。所以如果是 Windows10 用戶就可以跳過這塊內(nèi)容了。

像我一樣想要使用中文菜單的 macOS 用戶請(qǐng)放心，我已將幫你們趟過這個(gè)坑了。

2.4.1 語言設(shè)置

在終端輸入以下命令：

?cd?'~/Library/Application?Support/desktopnaotu'
?vi?naotu.config.json

接下來會(huì)看到以下信息，將其中的 locale: en 改為 locale: zh_CN：

{
?"locale":?"en",
?"defSavePath":?"/Users/caim014/Library/Application?Support/desktopnaotu/backup",
?"isAutoSave":?true,
?"recentMaxNum":?5,
?"recently":?[{
??"time":?"2021-01-21?18:07:58",
??"path":?"/Users/caim014/Library/Application?Support/desktopnaotu/backup/Main?Topic1.km"
?},?{
??"time":?"2021-01-20?15:57:05",
??"path":?"/Users/caim014/Library/Application?Support/desktopnaotu/backup/Main?Topic.km"
?}],
?"version":?"v0.1"
}

最后 Esc 并輸入 :wq 后回車。重啟 Desktopnaotu 程序就能看到效果了。

好啦，到這為止你就可以正常使用 Desktopnaotu 來繪制腦圖了。

三、技術(shù)棧

前端：

• Electron：使用了 Electron 實(shí)現(xiàn)跨平臺(tái)應(yīng)用開發(fā)
• TypeScript

后端：PHP

四、最后

在今天的文章中比較有意思的是設(shè)置語言問題，由于官方也沒有針對(duì)這個(gè)問題做解釋，加上之前我也沒有接觸過 Electron 框架，對(duì)桌面程序的配置文件也沒有太多了解。為了解決語言設(shè)置問題，也是費(fèi)了很大一番功夫，當(dāng)然也可能是我比較菜: )

1. 查閱項(xiàng)目倉庫的 issue，沒有找到相關(guān)提問
2. 加入官方群詢問官方。官方開發(fā)手邊沒有 Mac，無法直接幫忙解決，但是給了重要線索—— naotu.config.json 文件
3. 使用 asar 工具解壓 app.asar 在根目錄尋找 naotu.config.json 文件。繞了很大的圈子還沒解決，因?yàn)椴辉诟夸浵?/section>

最后,克隆代碼到本地在編譯時(shí)在控制臺(tái)輸出發(fā)現(xiàn)了 naotu.config.json 文件的路徑。過程中也想放棄推薦這個(gè)開源項(xiàng)目，雖然我也可以只拿 Win10 平臺(tái)做演示，但我認(rèn)為這就等于將《開源講解》中的講解拋棄了。

這也算是做這個(gè)系列的樂趣之一了，之后也會(huì)給官方提交 PR 在 Readme 中補(bǔ)充這一點(diǎn)。

我是 HelloGitHub 團(tuán)隊(duì)的文心，如果你喜歡這篇文章，請(qǐng)給我點(diǎn)個(gè)贊吧，這將是我繼續(xù)堅(jiān)持下去的最大動(dòng)力！