聲明：文中提到的網(wǎng)站本是為了方便自己，僅個(gè)人使用?，F(xiàn)在分享出來(lái)做演示（絕不是廣告），我還擔(dān)心網(wǎng)友太多擠垮我的小破站呢TAT

效率工具推薦

〇、前言

說(shuō)到「效率工具」，一直是大家關(guān)心的熱點(diǎn)話題。我之前也寫過(guò)一篇 PC 的效率軟件推薦文章，不過(guò)后來(lái)我換了 Mac 平臺(tái)，考慮到 Mac 用戶受眾較少和懶癌發(fā)作，我很少更新這類的文章了。

今天，我決定重新開始做一個(gè)安利，這次我要給大家推薦的是一些在線效率工具，Mac 和 PC 用戶都適用，大部分還支持手機(jī)使用，幾乎覆蓋全平臺(tái)。

一、懶人導(dǎo)航站

說(shuō)到在線效率工具，其實(shí)本質(zhì)是推薦一堆書簽。雖然我全平臺(tái)都在使用 Chrome 瀏覽器，同步很方便了，但在公司電腦上我不喜歡登錄私人賬號(hào)，加上周圍屬金魚的朋友隔三差五問(wèn)我要辦公軟件、快捷工具、電影、電子書等網(wǎng)絡(luò)資源。

為了拯救用戶體驗(yàn)，我決定出道成為偶像。我使用群暉 Web Station 做了一個(gè)自己的導(dǎo)航站，方便自己方便他人。純公益無(wú)廣告，懶人伸手黨的福音~

這個(gè)懶人導(dǎo)航站（https://5nav.ml）目前還是 beta 版，在不斷更新優(yōu)化中，歡迎大家留言補(bǔ)充。

說(shuō)明一下，這個(gè)網(wǎng)站只收錄各種「小而精」效率工具，不會(huì)做「大且不一定全」綜合性導(dǎo)航。

懶人導(dǎo)航站

除了網(wǎng)站導(dǎo)航，還有可快速切換的聚合搜索入口哦，有好的想法和建議可以留言。

快捷搜索

如果你不喜歡我個(gè)人風(fēng)格的導(dǎo)航站，沒(méi)關(guān)系，繼續(xù)往下看，把自己中意的網(wǎng)站另存為書簽就ok了。

為避免篇幅過(guò)長(zhǎng)，我就從每個(gè)版塊挑選三個(gè)代表網(wǎng)站作介紹。

下面的腦圖是我搭建網(wǎng)站時(shí)的思路，由于本文的主題是推薦效率工具，有幾個(gè)板塊我就不特別說(shuō)明了。更多優(yōu)秀的精品網(wǎng)站請(qǐng)前往我自用的懶人導(dǎo)航站。

網(wǎng)站搭建思路

二、效率工具

2.1 思維整理

a. 百度腦圖

百度腦圖算是度娘少見(jiàn)的良心產(chǎn)品了，一款便捷的在線腦圖編輯工具，免安裝、云存儲(chǔ)、易分享、體驗(yàn)舒適、功能豐富。

說(shuō)到腦圖工具（也叫思維導(dǎo)圖），在 Mac & iOS 上我使用的是 MindNode，但 PC 上一直沒(méi)有同類優(yōu)秀且美觀的產(chǎn)品，所以我偶爾用百度腦圖代替，它支持導(dǎo)入/導(dǎo)出眾多格式。

支持的格式：

KityMinder 格式(.km)，

大綱文本(.txt)，

Markdown/GFM 格式(.md)，

Freemind 格式(.mm)，

XMind 格式(.xmind)，

MindManager 格式(.mmap)

比如我用 MindNode 做的圖導(dǎo)入到了百度腦圖，完美兼容，可以在線查看。

兼容導(dǎo)入的腦圖

b. 幕布

如果你還不太習(xí)慣用腦圖，可以試試幕布（其實(shí)幕布也支持腦圖了）。

幕布主打極簡(jiǎn)式大綱筆記，將思維以樹形結(jié)構(gòu)方式快速整理，書寫成文。它支持一鍵轉(zhuǎn)換思維導(dǎo)圖，可以幫你用更高效的方式和更清晰的結(jié)構(gòu)來(lái)記錄筆記、管理任務(wù)、制定計(jì)劃甚至是組織頭腦風(fēng)暴。

幕布官網(wǎng)截圖

比如我寫這篇文章就是先列出大綱（我使用的是 Markdown 工具，效果一樣），然后補(bǔ)充細(xì)節(jié)內(nèi)容。這樣無(wú)論是記筆記、寫文章都能保證條理清晰，同時(shí)不遺漏重點(diǎn)。

文章大綱視圖

c. ProcessOn

除了思維導(dǎo)圖，我經(jīng)常還會(huì)用到 ProcessOn 來(lái)畫流程圖和網(wǎng)絡(luò)拓?fù)鋱D，比如寫一些教程類文章的時(shí)候。

ProcessOn是一個(gè)在線作圖工具的聚合平臺(tái)，它可以在線畫流程圖、思維導(dǎo)圖、UI原型圖、UML、網(wǎng)絡(luò)拓?fù)鋱D、組織結(jié)構(gòu)圖等等。

您無(wú)需擔(dān)心下載和更新的問(wèn)題，不管Mac還是Windows，一個(gè)瀏覽器就可以隨時(shí)隨地的發(fā)揮創(chuàng)意，規(guī)劃工作。

ProcessOn流程圖模板

2.2 運(yùn)營(yíng)素材

a. 稿定設(shè)計(jì)

搞新媒體和電商的人應(yīng)該經(jīng)常會(huì)用到稿定設(shè)計(jì)，里面有很多好看的模板，支持在線摳圖、拼圖。最近還新增了PPT和簡(jiǎn)歷板塊，涵蓋范圍更廣了。普通人用它來(lái)制作一個(gè)小海報(bào)、文章頭圖也是不錯(cuò)的選擇。

稿定設(shè)計(jì)是一個(gè)簡(jiǎn)單有趣的圖片視頻設(shè)計(jì)平臺(tái)，提供大量免費(fèi)設(shè)計(jì)素材、視頻模板、在線摳圖和電商海報(bào)設(shè)計(jì)模板等，一鍵搞定設(shè)計(jì)需求。

稿定設(shè)計(jì)官網(wǎng)

b. 花瓣

花瓣的模式類似國(guó)外的 Pinterest，搭配瀏覽器插件，可以快速采集你喜歡的圖片。你也可以在花瓣網(wǎng)找到很多設(shè)計(jì)素材、插畫、漫畫、家居家裝、服飾搭配等內(nèi)容的畫板，甚至還有美女圖片哦。

花瓣網(wǎng)，設(shè)計(jì)師尋找靈感的天堂！圖片素材領(lǐng)導(dǎo)者，幫你采集、發(fā)現(xiàn)網(wǎng)絡(luò)上你喜歡的事物。你可以用它收集靈感，保存有用的素材、計(jì)劃旅行、曬曬自己想要的東西。

花瓣官網(wǎng)

前段時(shí)間花瓣網(wǎng)關(guān)停整改了1個(gè)月，設(shè)計(jì)圈可謂是哀鴻遍野，現(xiàn)在已經(jīng)恢復(fù)正常了。

設(shè)計(jì)師的好伙伴

c. OfficePLUS

關(guān)于PPT模板，網(wǎng)上有很多下載站，這里我推薦一下微軟官方推出的 OfficePLUS 模板站吧（雖然是官方的但知名度貌似不高），內(nèi)容比較齊全，風(fēng)格偏簡(jiǎn)潔，而且都是免費(fèi)的。

OfficePLUS 是微軟 Office 官方的在線模板網(wǎng)站，為您提供各類精品PPT模板、PPT實(shí)用模塊、Word求職簡(jiǎn)歷、Excel圖表、圖片素材等資源，成為您職場(chǎng)和生活的加油站！

OfficePLUS官網(wǎng)

2.3 圖像處理

a. 美圖秀秀網(wǎng)頁(yè)版

雖然大家都鄙視美圖秀秀，但不可否認(rèn)美圖秀秀網(wǎng)頁(yè)版還是挺好用的。網(wǎng)頁(yè)版的功能很齊全，除了常見(jiàn)的美顏修圖，還可以裁剪圖片、添加文字/涂鴉/邊框、去水?。ㄏP）、拼圖等。

美圖秀秀網(wǎng)頁(yè)版

b. 智圖

智圖是騰訊的良心作品，壓縮圖片很方便，支持常見(jiàn)的 png、jpeg、gif 格式。

智圖是騰訊 ISUX 前端團(tuán)隊(duì)開發(fā)的一個(gè)專門用于圖片壓縮和圖片格式轉(zhuǎn)換的平臺(tái)，其功能包括針對(duì) png，jpeg，gif 等各類格式圖片的壓縮，以及為上傳圖片自動(dòng)選擇最優(yōu)的圖片格式。同時(shí)，智圖平臺(tái)還會(huì)為用戶轉(zhuǎn)換一份 webp 格式的圖片。

智圖壓縮圖片

c. waifu2x

waifu2x可以把圖片智能無(wú)損放大2倍，速度很快，原來(lái)是使用卷積神經(jīng)網(wǎng)絡(luò)（看不懂）對(duì)動(dòng)漫風(fēng)格的圖片進(jìn)行放大操作。

官網(wǎng)演示放大效果

個(gè)人不推薦 Bigjpg，它其實(shí)還是基于開源的 waifu2x，雖然宣傳放大倍數(shù)更高，但速度非常慢（waifu2x數(shù)秒，bigjpg要幾分鐘），而且放大 8 倍以上要收費(fèi)。

想要把圖片放大 n 倍怎么辦？那就像 AIPC 一樣「放大放大再放大，每一根毛都看得清清楚楚?！?/p>

放大放大再放大

三、在線助手

3.1 路過(guò)圖床

最近微博開始防盜鏈了，微博圖床已經(jīng)陣亡。我目前用這個(gè)路過(guò)圖床，免費(fèi)且速度不錯(cuò)，有個(gè)人中心可管理刪除圖片。另外它還能自動(dòng)生成 Markdown 格式，配合 Markdown 工具寫作很方便。

路過(guò)圖床，免費(fèi)公共圖床，提供高速穩(wěn)定的圖片分享與云存儲(chǔ)服務(wù)。全球CDN加速，支持外鏈，無(wú)限空間，無(wú)限流量，原圖保存。最大單張支持 10 MB，極速批量上傳。

P.S. 我剛用路過(guò)圖床的時(shí)候背景是真野惠里菜，挺喜歡的，可惜現(xiàn)在換了，我從網(wǎng)上找了一張當(dāng)時(shí)的官網(wǎng)截圖。

當(dāng)時(shí)很喜歡的背景圖

3.2 草料二維碼

二維碼在中國(guó)可謂無(wú)處不在，有時(shí)候自己也會(huì)用草料生成一些有特色的二維碼，還可以在線解碼識(shí)別二維碼。

草料二維碼是國(guó)內(nèi)專業(yè)的二維碼服務(wù)提供商，提供二維碼生成、美化、印制、管理、統(tǒng)計(jì)等服務(wù)，幫助企業(yè)通過(guò)二維碼展示信息并采集線下數(shù)據(jù),提升營(yíng)銷和管理效率。

定制二維碼

3.3 wikiHow

維基百科大家都不陌生，wikiHow 是采用 wiki 共同協(xié)作模式打造的一個(gè)實(shí)用型百科全書，涵蓋范圍非常廣，詞條都有配圖，而且步驟詳盡。網(wǎng)站確實(shí)做到了他們的口號(hào)宣傳的「幫助這個(gè)星球上的所有人學(xué)習(xí)學(xué)做任何事情」，我覺(jué)得比那個(gè)亂七八糟的「百度知道」靠譜100倍吧。

wikiHow是通過(guò)共同協(xié)作的模式建立的全球最實(shí)用百科指南，我們正打造一個(gè)能讓所有人學(xué)做任何事的平臺(tái)，目標(biāo)是建立世界最大的最高質(zhì)量的指導(dǎo)手冊(cè)。無(wú)論您想做什么，我們的多語(yǔ)種指導(dǎo)手冊(cè)都可以為您提供免費(fèi)的逐步指導(dǎo)。

wikiHow 官網(wǎng)

我隨便選取了幾個(gè)詞條截圖，大家感受一下，都是很嚴(yán)肅正經(jīng)的生活百科指南，可以學(xué)習(xí)很多有用的知識(shí)，甚至能提高情商哦~

wikiHow 詞條

四、背后的故事

可能有一小部分人感興趣我是如何搭建這個(gè)導(dǎo)航站的，我簡(jiǎn)單講一下。

至于對(duì)建站故事不感興趣的朋友？那咱們可以直接「?關(guān)注?點(diǎn)贊?收藏」素質(zhì)三連了。

4.1 網(wǎng)站環(huán)境

得益于互聯(lián)網(wǎng)「免費(fèi)、開源、分享」的精神，我搭建導(dǎo)航站使用的全都是免費(fèi)服務(wù)，暫時(shí)運(yùn)行順利。

但是我并不推薦大家照搬我的免費(fèi)模式，如果你想搭建網(wǎng)站，請(qǐng)選購(gòu)合適的付費(fèi)服務(wù)，以便網(wǎng)站的長(zhǎng)期穩(wěn)定運(yùn)行。

網(wǎng)站環(huán)境

4.2 運(yùn)作流程

網(wǎng)站運(yùn)作的流程圖（網(wǎng)絡(luò)拓?fù)鋱D）如下：

網(wǎng)絡(luò)拓?fù)鋱D

4.3 WordPress 和 Typecho

我的個(gè)人網(wǎng)站是基于 WordPress 搭建的，但看到很多網(wǎng)友推薦 2017 年就停止更新的 Typecho？出于好奇我也試了一下，碰巧有合適的 WebStack 主題，于是這個(gè)懶人導(dǎo)航站就誕生了。

Typecho 相比 WordPress 確實(shí)輕巧很多，或者說(shuō)……簡(jiǎn)陋？但剛好適合這個(gè)同樣輕巧的導(dǎo)航站。很多人對(duì) WordPress 有誤解，它是一個(gè)平臺(tái)，可以創(chuàng)建任何類型的網(wǎng)站，而 Typecho 只是一個(gè)停止維護(hù)的博客系統(tǒng)，用 WordPress 做個(gè)人博客其實(shí)算大材小用了。

W3Techs 分析了 Alexa 排名前一千萬(wàn)的網(wǎng)站，其中約三成的網(wǎng)站運(yùn)行 WordPress CMS（內(nèi)容管理系統(tǒng)），50.2% 的網(wǎng)站沒(méi)有運(yùn)行任何 CMS 系統(tǒng)。

所以我的結(jié)論是：一般小白建站選 WordPress，插件豐富，功能強(qiáng)大，安全穩(wěn)定。程序員就選 Typecho 或者 Hexo 吧，功能缺失？不存在的，想要什么自己擼代碼。這個(gè)問(wèn)題不接受反駁，哈哈。

4.4 群暉 Web Station

使用群暉 Web Station 搭建網(wǎng)站非常簡(jiǎn)單，在「套件中心」安裝「Web Staion」，然后下載對(duì)應(yīng)的網(wǎng)站源碼解壓縮到 web 文件夾即可使用了。

有公網(wǎng) IP 的朋友直接搞個(gè) DDNS 解決外網(wǎng)訪問(wèn)；沒(méi)有公網(wǎng) IP 的朋友，可以關(guān)注我下次更新的內(nèi)網(wǎng)穿透教程。

如果我沒(méi)記錯(cuò)的話，安裝「Web Staion」的同時(shí)會(huì)自動(dòng)安裝 PHP 5.6（服務(wù)器腳本語(yǔ)言） 和 MariaDB/MySQL（數(shù)據(jù)庫(kù)） 了，另外還可以裝一個(gè) phpMyAdmin 來(lái)管理數(shù)據(jù)庫(kù)。否則請(qǐng)手動(dòng)搜索安裝對(duì)應(yīng)套件。

注意： Web Station 的「常規(guī)設(shè)置」-「?jìng)€(gè)人網(wǎng)站」不用勾選，它的名字有一點(diǎn)誤解。大家一般都以為勾選了才能搭建你自己的網(wǎng)站，實(shí)際上勾選了會(huì)給群暉的本地用戶（比如朋友、家人賬號(hào)）分別搭建一個(gè)自己的網(wǎng)站。

而且勾選以后會(huì)強(qiáng)制安裝 Apache 2.2 和 PHP 5.6 ，如果你不需要或者已安裝了更高版本，這顯然有點(diǎn)多余了。

不用勾選它

具體請(qǐng)見(jiàn)群暉官網(wǎng)的說(shuō)明文檔：

群暉官網(wǎng)的說(shuō)明

關(guān)于群暉 Web Station 搭建網(wǎng)站的詳細(xì)教程，百度谷歌一搜就蹦出來(lái)很多，我就不拾人牙慧了。

以上分享是我的一些建站思路，方便后人參考，如有問(wèn)題或建議，歡迎留言區(qū)討論。

如果覺(jué)得本文對(duì)你有幫助，歡迎「?關(guān)注?點(diǎn)贊?收藏」素質(zhì)三連。

本文未經(jīng)授權(quán)禁止轉(zhuǎn)載，如果你在其他自媒體平臺(tái)看到非本人賬號(hào)私自轉(zhuǎn)載，請(qǐng)順手幫我點(diǎn)個(gè)舉報(bào)，感謝！