2021 寫博客指南·萬字長文警告
前一段時(shí)間,被一篇名為「短視頻時(shí)代,仍在做圖文的我還有救嗎?」的文章標(biāo)題所吸引,這引發(fā)了我的思考。盡管疫情加速了短視頻時(shí)代的到來,但作為技術(shù)人員,圖文仍然是更低成本建立個(gè)人品牌的選擇。
這也是為什么我強(qiáng)烈建議你寫博客的原因之一。今天,以個(gè)人的角度來談?wù)?strong style="color: rgb(191, 54, 12);">為什么建議你要寫博客以及如何去寫的問題。(歡迎指正和討論)

目錄:
思想篇; 理論篇; 實(shí)踐篇;
Part 1. 思想篇
把自己想象成一家企業(yè)
盡管我的工作生涯非常短暫(只有 7 個(gè)月),但是第一天入職上班時(shí)領(lǐng)導(dǎo)找我談話的內(nèi)容卻記憶猶新。

感激并贊成。這里的潛臺詞是:你并不是來同公司「做生意」的(以勞動換取報(bào)酬),而是來「創(chuàng)業(yè)」的(提供服務(wù))。
這種心態(tài)的轉(zhuǎn)變尤為重要。只有你開始把自己當(dāng)做一個(gè)企業(yè)去思考時(shí),你才能做出良好的商業(yè)決策。

如果你習(xí)慣于領(lǐng)取一份(不取決于你表現(xiàn)的)固定薪酬時(shí),很容易產(chǎn)生一個(gè)心態(tài)——我只是在為某個(gè)公司打工。盡管在你的職業(yè)生涯的某個(gè)特定時(shí)間段里,你可能確實(shí)是在為某家公司打工,但是千萬不要讓那個(gè)特定的角色固化了你和你的整個(gè)職業(yè)生涯——這一點(diǎn)非常重要!
想象一下:一家企業(yè),擁有某個(gè)產(chǎn)品或服務(wù),他們將如何推廣這一產(chǎn)品從而可以做到卓爾不凡?

大多數(shù)的程序員??????一頭扎進(jìn)工作中,根本不能做到。相反地,我們需要:
專注于你正在提供的服務(wù),以及如何營銷這項(xiàng)服務(wù); 想方設(shè)法提升你的服務(wù); 思考你可以專注為哪一特定類型的客戶或行業(yè)提供特定的服務(wù); 集中精力成為一位專家,專門為某一特定類型的客戶提供專業(yè)的整體服務(wù);
另外,還要想想如何更好地宣傳你的服務(wù),以及如何更好地找到你的客戶。這也是我建議你寫博客的原因之一了。

大多數(shù)軟件開發(fā)人員在寫好一份簡歷之后就隨意丟給一些公司和招聘人員。但是,當(dāng)你把職業(yè)生涯當(dāng)作一個(gè)企業(yè)時(shí),你真的認(rèn)為這就是你拓展?jié)撛诳蛻舻淖罴淹緩交蛭ㄒ环椒▎幔慨?dāng)然不是。
大多數(shù)成功的公司都會開發(fā)出讓客戶主動上門購買的產(chǎn)品或服務(wù),它們才不會一個(gè)接一個(gè)地追逐客戶。
再來想象一個(gè)場景:你走進(jìn)面試房間,與面試官握手致意。當(dāng)他看到你的時(shí)候,臉上露出了似曾相似的笑容:“嘿!我認(rèn)識你,我在你博客上看過你的照片,也讀過你博客的好多文章呢。”

你覺得你這場面試的成功率是多少呢。
事實(shí)就是人們很難通過面試的幾個(gè)小時(shí)里充分了解你,但你如果有博客或別的什么,那么情況就會不太一樣。
另一點(diǎn)是,當(dāng)許多技術(shù)過硬的開發(fā)人員都在競爭同一個(gè)工作崗位時(shí),決定勝負(fù)的最大因素已經(jīng)不再是技術(shù)能力了。
基于信息論的人生觀
先來看兩條"消息"。

第一條消息是我亂打的。第二條則是 2017 年獲得諾貝爾文學(xué)獎的石黑一雄的小說《被掩埋的巨人》中的一句話。
請問,哪條消息的“信息量”更大?
從直覺上來說,第二條的信息量更大,因?yàn)樗辽偈且粭l信息,而第一條則完全是亂碼。但第二條消息只不過是看起來更有意義而已——信息量更大的其實(shí)是第一條。

即使把第二條消息中多余的字去掉一些,我想你也能猜到內(nèi)容吧。這一眼就能猜到是"星期天是休息的日子"。也就是說,第二條消息是可壓縮的。
而第一條消息則不同,拿掉任何一個(gè)字,你都猜不出它是哪個(gè)字。
也就是說,一段消息所包含的信息量,并不僅僅由這條消息的長短決定。這就好像人生一樣,活了同樣歲數(shù)的兩個(gè)人,他們?nèi)松?jīng)歷的豐富程度可能大不相同。
信息就是意外。從“信息論”這個(gè)維度出發(fā),有兩種事情就特別值得我們?nèi)プ觯?/p>
出乎別人意料的事; 給自己增加選項(xiàng)的事;
所以如果你想給這個(gè)世界留下信息,那么寫文章(出乎意料的)或許是一個(gè)不錯(cuò)的選擇——幾乎不用付出什么代價(jià)又可能回報(bào)高昂。

但你也需要注意信息量的問題。既要有創(chuàng)造性,又要可預(yù)測,這才是合理的信息輸出。
如果你的觀點(diǎn)非常新穎,語言又特別簡練,那信息量就太大,別人很可能難以理解。而如果你文章中的道理很少,車轱轆話卻說了很多,那也不行。
信息量到底要多少才好,這是一門藝術(shù),你得慢慢摸索。在我看來,增加文字冗余度的唯一好處就是方便別人接收,只要讀者能理解、能記住,信息就應(yīng)該越密集越好。
人生價(jià)值在于"表達(dá)"
為什么大多數(shù)人的工作都不開心? 答案就是:因?yàn)樗麄児ぷ鞯膬r(jià)值由他人來判定。

尼采在《重估一切價(jià)值》中指出:
“人類社會的組織形式越精密,人的個(gè)體價(jià)值喪失就越徹底。
無論是打工,還是創(chuàng)業(yè),或者是在體制內(nèi)混日子,這個(gè)世界上大多數(shù)的工作都是具有 "迎合" 性質(zhì)的——就是為了賺錢"迎合他人"。
創(chuàng)業(yè)迎合用戶,打工迎合老板,體制內(nèi)迎合上司。它們的本質(zhì)都是通過委屈自己來順應(yīng)外部環(huán)境進(jìn)而獲得金錢。

你看那些既有錢還很開心的人,要么就是已經(jīng)財(cái)務(wù)自由,不需要出賣自己的時(shí)間和勞動來賺取金錢,要么就是雖然也上班,但是做的都是創(chuàng)造性的工作。
相反有些老板雖然收入也不低,但是除了業(yè)務(wù)范疇之外的事,對世界的認(rèn)知格外短淺。因?yàn)樗麄兊墓ぷ骶褪羌內(nèi)坏?"迎合",沒有任何創(chuàng)造的空間。

那么什么才是創(chuàng)造性的工作呢?
不需要通過 KPI 考核、業(yè)績決定收入,而是由自我價(jià)值的輸出來決定收入的工作,就是創(chuàng)造性的工作。
舉例來說:「設(shè)計(jì)師」 的工作雖然像是在創(chuàng)造,但是決定他收入的是甲方是否滿意,這就不能算創(chuàng)造性的工作。而一個(gè) 「畫家」,在畫畫的時(shí)候并不知道會賣給誰,這就是純?nèi)坏谋磉_(dá),這種工作就是創(chuàng)造性工作。

生命的本質(zhì)在于體驗(yàn),而價(jià)值在于"表達(dá)"。體驗(yàn)是輸入,而"表達(dá)"則是輸出。
當(dāng)然這種"表達(dá)"不僅僅局限于文字,任何不以迎合外部世界為目標(biāo)的行為,都是"表達(dá)"。
為什么現(xiàn)在互聯(lián)網(wǎng)上噴子、杠精越來越多。這是因?yàn)樗麄冊诂F(xiàn)實(shí)生活中的"表達(dá)空間"越來越小了,就只能通過網(wǎng)絡(luò)的途徑來實(shí)現(xiàn)"表達(dá)"的訴求。

這也是為什么建議你寫博客的第三個(gè)原因。
一定要提高"表達(dá)"能力。隨著人工智能技術(shù)的進(jìn)一步發(fā)展、社會分工進(jìn)一步變革,人們"表達(dá)"的空間會被進(jìn)一步壓縮。
而不懂得"表達(dá)"的人會被剝奪人的根本屬性,甚至?xí)粍儕Z“充當(dāng)工具的權(quán)利”。(觀點(diǎn)來自下 3)
輸出是最好的輸入
根據(jù)美國國家訓(xùn)練實(shí)驗(yàn)室的學(xué)習(xí)內(nèi)容平均留存率研究,該研究統(tǒng)計(jì)了學(xué)習(xí)兩周后,學(xué)習(xí)內(nèi)容的留存率:

研究表明:教授他人是學(xué)習(xí)留存率最高的學(xué)習(xí)方式。
你完全可以想象一個(gè)上至 60 歲下至 6 歲的讀者朋友,用自己的話,不帶行業(yè)術(shù)語地把這些讀者朋友說明白了,那你就真的 "理解" 這些知識了。

要達(dá)到這樣的目的,自然而然地你也會主動去獲取更多的知識。
這也就是為什么費(fèi)曼學(xué)習(xí)法(簡單說就是把書讀薄)被稱為世界上最好的學(xué)習(xí)方法的原因了。
小結(jié)
綜上所述,建議寫博客的理由如下:
為了更好的宣傳你的服務(wù),更好的找到你的客戶; 為世界留下更多的信息,制造更多的意外,輸出自己獨(dú)有的價(jià)值; 滿足"表達(dá)"訴求,并鍛煉"表達(dá)"的能力; 為了自身更好的學(xué)習(xí);
Part 2. 理論篇
好文章的模樣
我們能寫的文章差不多可以分為如下幾類:

不同類別的文章當(dāng)然有不同的寫文策略,我們在這里不做討論。但是好的文章總歸會有如下幾個(gè)特點(diǎn):
有溢出價(jià)值:你看完能有收獲,能帶來思考或成長; 可閱讀性高:排版舒適,讀者不累,看得也很流暢;
我們就以上幾點(diǎn)詳細(xì)來談?wù)劇?/p>
溢出價(jià)值
很多人不寫博客的一大原因是:之前已經(jīng)這么多人都折騰過的東西了,自己沒必要再重復(fù)地再折騰一遍。

如果你寫的東西只是現(xiàn)有東西的簡單重復(fù),那相信你自己也很難說服自己,它存在的意義和價(jià)值。如何避免這一情況呢?有幾個(gè)簡單可行的方法。
更多的輸入
關(guān)于學(xué)習(xí)的本質(zhì),有一個(gè)說法是:把原本不相干的東西聯(lián)系在一起的過程。

我們對某一個(gè)概念的認(rèn)識總是有限的,通過更多的輸入、不同領(lǐng)域的輸入,再結(jié)合每個(gè)人自身的認(rèn)知、見解的不同,就會產(chǎn)生新知。
我每一次看奇葩說,都覺得感嘆:看似平平無奇的問題居然能有這么多不同立場、不同角度的解讀。

這和我們學(xué)習(xí)是類似的。我們平時(shí)積累、學(xué)習(xí),應(yīng)該是對世界越來越不確定,而不是越來越確定。
我們可以通過不斷的輸入、不同領(lǐng)域的輸入,來建立自己的新知,也就能帶來更多的價(jià)值啦。
分享一些比較好的內(nèi)容平臺:

*歡迎評論區(qū)補(bǔ)充你常用的內(nèi)容搜索平臺吧~
使用恰當(dāng)?shù)谋扔?/span>
我們認(rèn)識事物的捷徑就是:用熟悉的事物做類比。
譬如,錢鐘書在《圍城》中有一句很著名的比喻:
“忠厚老實(shí)人的惡毒,像飯里的沙礫或者出骨魚片里未凈的刺,給人一種不期待的傷痛。
譬如,在介紹「數(shù)據(jù)類型」時(shí),引入了一張”被撕碎的紙片”,這就使得「數(shù)據(jù)類型」這個(gè)”形象”更具體了:

恰當(dāng)?shù)谋扔鳎軌驇椭覀兗由顚Ω拍畹恼J(rèn)識和印象。
說一個(gè)好故事
關(guān)于故事的重要性,美國著名女詩人穆里爾·魯凱澤(Muriel Rukeyser,1913.12.15—1980.2.12)有兩行詩廣為流傳:

穆里爾·魯凱澤(Muriel Rukeyser)墓志銘
“The universe is made of stories, not of atoms. ——Speed of Darkness
組成宇宙的是故事, 而非原子。——《黑暗的速度》
自互聯(lián)網(wǎng)普及以來,「碎片化」的趨勢愈發(fā)明顯,「故事」或許是對「注意力不聚集」的一個(gè)良好解決方案。近來也涌現(xiàn)了一大批故事的創(chuàng)作者,比較典型的代表就是碼農(nóng)翻身。

事實(shí)固然有趣、理念自然重要,但是只有精彩的故事才會讓然贊嘆、難忘。
使用圖片代替
人類是一種非常視覺化的動物,超過 50% 的大腦用于處理視覺信息,而觸覺只有 8%,聽覺只有 3%。在我們寫博客時(shí),需要牢記這點(diǎn)。
有時(shí)真的是一圖勝千言,例如在介紹 Redis GeoHash 算法時(shí),這一張圖就把區(qū)域編碼的核心邏輯展示地非常清晰:

高密度高質(zhì)量的內(nèi)容輸出,本身就給人深刻的印象。圖片就是很典型的例子。制圖史學(xué)家亞瑟·魯濱遜(Arthur Robinson)解釋說:“以縮小的空間來替代現(xiàn)實(shí)空間,這本身就會給人留下深刻的印象。”
另外人的注意力本來就是有限的,在有限的時(shí)間內(nèi)不斷獲取有用的知識內(nèi)容不僅能幫我們重新捕獲注意力,也能加深我們的印象。(參照抖音)
由于大腦極其重視視覺信息,所以,改善博客的視覺吸引力有助于提高價(jià)值和可信度。這就需要使用大量高密度高質(zhì)量的圖片來替代枯燥的文字。
體系價(jià)值
假設(shè),兩位醫(yī)生,分別接診了兩個(gè)大腿中間的士兵,因?yàn)橹R體系的分別結(jié)果完全不同 (參考出處):

D1 缺乏診治箭傷的知識體系,腦中只有幾點(diǎn)零散的知識,只會頭痛醫(yī)頭腳痛醫(yī)腳,想不到感染、發(fā)燒、飲食禁忌等事情,結(jié)果他的病人回去后,傷口感染、化膿,引起各種并發(fā)癥,后來救治無效,含恨離世。
反觀 D2,因?yàn)橛兄R體系,能夠系統(tǒng)的、多維度的、多環(huán)節(jié)的考慮各種問題,妥善制定箭傷醫(yī)治策略,他的病人得到了很好的診治,很快就痊愈了。
醫(yī)療領(lǐng)域的知識體系,可以治病救人,效用立竿見影,其他領(lǐng)域的知識體系同樣有這樣的效果。寫文章如是。
通常來說,一篇技術(shù)文章只要囊括 What/Why/How 就已經(jīng)挺完整了。當(dāng)然這只涉及某一個(gè)知識點(diǎn),你仍然可以就相關(guān)的概念進(jìn)行必要的論述。

體系完整的知識會有額外的體系價(jià)值。(這也是為什么會有萬字、十萬字文章出現(xiàn)的原因)
良好的閱讀性是如何建立的?
讀者閱讀文章大概有兩種方法。

所以基于讀者的閱讀習(xí)慣,提高文章的可讀閱讀性,我們能大致采取如下的辦法:高亮關(guān)鍵詞、開門見山的標(biāo)題、首段點(diǎn)明文意、分點(diǎn)敘述等。
下面我們結(jié)合一些設(shè)計(jì)上的知識來詳細(xì)說說。
少即是多
愛因斯坦曾經(jīng)說過:
“If you can't explain it simply, you don't understand it well enough.
如果你沒辦法簡單說明,代表你了解得不夠透徹。
我心目中有兩個(gè)優(yōu)秀的案例,一是蘋果的官網(wǎng);二是阮一峰大大的博客。

為什么我們閱讀優(yōu)秀作品時(shí),總會感覺干凈清晰,給人清晰的視覺感受。其中很重要的原因就是:它們都能用最少的元素表達(dá)最清晰的意思。
沒有什么比通篇的長難句、字體墻更讓讀者感到崩潰了。

要遵循少即是多的(設(shè)計(jì))原則,有幾點(diǎn)需要注意。
首先,每行控制在 25-40 個(gè)字:(盡可能...)

其次,采用費(fèi)曼學(xué)習(xí)法給知識做減法:

其實(shí)也就是通過不斷的輸入學(xué)習(xí)來簡化知識的過程。
然后,盡量避免宏大的主題。

切忌不要貪多,其實(shí)每一篇說清楚一個(gè)問題就夠了。比如我非常喜歡的為什么這么設(shè)計(jì)系列文章,每一次就只說明一個(gè)問題,但每一個(gè)都足夠深入,這就夠了。

親密性原則
這是設(shè)計(jì)中的概念,親密原則指的就是相關(guān)的部分組織在一起,安排好他們之間的間距與主次。

把相關(guān)的元素組織在一起,信息就會更有條理,也更容易閱讀和記住。這其中包括幾點(diǎn)設(shè)置。
行間距設(shè)置:

行間距推薦使用字體大小的 1.4-1.6 倍。小于 1 倍或大于 2 倍會影響正常的閱讀。
段間距設(shè)置:

另外不同類別元素之間體現(xiàn)「遠(yuǎn)近」的距離也需要不一致。這樣才能下意識認(rèn)為它們是一組的。

對比原則
對比分為三個(gè)方法:大小對比、粗細(xì)對比、顏色對比。運(yùn)用好對比可以使你的主次分明,可以很好的突出重點(diǎn)。

如果兩個(gè)元素想要形成對比,就應(yīng)當(dāng)使之不同,而且是截然不同。
注意節(jié)奏
我喜歡聽歌。一個(gè)好的編曲一定是有起有伏,有高潮有低緩的。

聽覺如此,視覺也是如此。一篇優(yōu)秀的文章,要懂得如何妥善控制好視覺的輕重緩急、信息的密度等。對于這方面,我沒有很好的建議——我自己也完全憑借直覺。
例如,一段干巴巴的技術(shù)輸出之后,我會理所應(yīng)當(dāng)?shù)赜X得應(yīng)該"適當(dāng)休息一下",加一些圖片或者表情包之類的。
雖然內(nèi)容為王,但是適當(dāng)?shù)?呼吸感"是必要的。我有時(shí)候在 B 站看半佛仙人,吸引我的一方面是深刻的見解,另一方面是生動有趣的表情包。

這兩方面都不可獲取,組合起來產(chǎn)生了一種是神奇的化學(xué)反應(yīng),讓我不斷地有看下去的欲望。
標(biāo)題黨有必要嗎?
先說結(jié)論:很有必要。

“隨著互聯(lián)網(wǎng)行業(yè)快速發(fā)展,“標(biāo)題黨”曾是一個(gè)極具諷刺的名詞。
但隨著編輯行業(yè)自己的方法論、系統(tǒng)的編輯規(guī)范也都出來,在互聯(lián)網(wǎng)的新時(shí)代,“假大空”的標(biāo)題已走進(jìn)歷史,“標(biāo)題黨”也有新的詮釋。
在基于內(nèi)容真實(shí)性的情況下,根據(jù)用戶的心理使用一些技巧來激發(fā)用戶對內(nèi)容的感知,從而促使用戶去獲取對自己有用的信息才是如今“標(biāo)題黨”的追求。
下面介紹一些常見的“標(biāo)題黨”姿勢。
震驚式
通過反常規(guī)的現(xiàn)象、事件,引起目標(biāo)用戶強(qiáng)烈的情感反應(yīng),讓用戶當(dāng)時(shí)的感覺是震驚的,以至于特別想去了解一下詳細(xì)情況。
“舉例:
又出事了!特斯拉開著開著竟然起火了! 木桶理論已死,長板理論才是你 2021 年必須掌握的!! 騷操作!阿里對業(yè)務(wù)中臺痛下殺手!但卻繼續(xù)推進(jìn)數(shù)據(jù)中臺?
數(shù)字式
用數(shù)字簡潔、明了的傳遞信息,給觀眾一種確定感,然后促使讀者迫切知道數(shù)字背后的點(diǎn)。
“舉例:
月薪 10k 和 30k 的 Java 程序員有什么區(qū)別? CPU 執(zhí)行程序的秘密,藏在了這 15 長圖里 關(guān)于 HTTP 后端人員需要了解的 20+ 圖片
"抱大腿"式
借助大眾所知、熱點(diǎn)、辨識度較高的名人、名企、名物的勢能來彰顯內(nèi)容的價(jià)值。
“舉例:
馬云、馬化騰、李彥宏等互聯(lián)網(wǎng)大佬管理之道 周鴻祎:學(xué)習(xí)郎平好榜樣 農(nóng)夫山泉背后的男人"有點(diǎn)狠"
懸念式
采用一種欲言又止說一半留一半的方式,勾起人們的好奇心。
“舉例:
阿里、京東倉庫打開后,千萬人驚呆了 警惕!朋友圈這 6 個(gè)坑千萬不要踩 男子拒送女兒上學(xué)自己教 11 年,結(jié)果...
疑惑式
關(guān)鍵詞:為什么、如何、怎么做……,通過構(gòu)造一個(gè)場景、前置條件順勢拋出問題讓用戶產(chǎn)生疑惑。
“舉例:
紅利期已過,用戶快速、持續(xù)增長,應(yīng)該做好哪些事? 如何干凈利落打造一篇 10 萬+的文章? 搞 Java 的年薪 50w 是什么水平?
信息沖突式
在標(biāo)題中制造兩種信息的沖突、矛盾形成強(qiáng)烈的對比,從而放大用戶的興趣點(diǎn)。
“舉例:
0 成本獲得 25000 粉絲,我是怎么做到的 兩次破產(chǎn),坐過牢,竟創(chuàng)立 190 億方便面帝國,靠一狠招 土豆一斤 50 元,全球最貴超市天天排隊(duì),竟用這 3 招顛覆沃爾瑪
其他
比如請君入甕式:傳遞出和用戶有某種關(guān)系、體現(xiàn)出某種特定的標(biāo)簽,讓用戶有感同身受的感覺,自然就進(jìn)入你設(shè)的甕。
“舉例:
給你說個(gè)笑話,我是做互聯(lián)網(wǎng)的 張一鳴:我遇到的優(yōu)秀年輕人的 5 個(gè)特質(zhì)
再比如一些精華總結(jié)式:系統(tǒng)的梳理出垂直領(lǐng)域的知識、看點(diǎn),方便用戶集中的看到所有想看的。
“舉例:
國慶赴日旅游最值得去的十大景點(diǎn) 史上最全最優(yōu)質(zhì)的 PPT 模板
小結(jié)
我寫了 3 年多博客了,個(gè)人的感受是:酒香也怕巷子深。

但我們?nèi)詰?yīng)該保持基本原則:在保證內(nèi)容質(zhì)量和真實(shí)性的前提下,提煉對讀者有用的信息才是我們的追求。
另外從長期來看,標(biāo)題也應(yīng)該盡量符合搜索引擎的要求。千萬不要起一些奇怪的只為博眼球的名字,譬如:《Java 這么多鎖,能鎖住滅霸嗎?》

Part 3. 實(shí)踐篇
從哪里開始
好了,我們終于要開始寫文章了,從哪里開始呢?

如果實(shí)在不知道的話,就從如何踏上編程這條路開始吧。只要你開始了,就會停不下來。
當(dāng)你有了一個(gè)什么新的想法、想要寫的點(diǎn)子,把它記錄下來!用手機(jī)的標(biāo)簽、或者 Todo List 軟件都可以。但是不要太相信你的大腦。

原因是大腦并不靠譜,也有說法是:大腦不是用來記憶的,而是用來思考的。
寫作工具
我們避免為什么使用 Markdown 的討論(這樣可以專注于內(nèi)容,而非樣式)。我們假設(shè)寧默認(rèn)使用 Markdown 進(jìn)行文章的書寫??。

下面介紹幾款寫作時(shí)用到的工具。
Mdnice 編輯器
墨滴軟件退出的一款 Markdown 編輯器,支持 PC/ 網(wǎng)頁/ 瀏覽器插件 三種形式,官方網(wǎng)址:https://product.mdnice.com/

不僅僅可以一鍵復(fù)制到公眾號、知乎等平臺,還支持腳鏈、文件歷史等額外功能。
當(dāng)然還有豐富的 CSS 主題和代碼主題供你選擇。

有 CSS 功底的童鞋還是建議自己基于現(xiàn)有的一些主題進(jìn)行自定義的改造,這樣就能形成自己的風(fēng)格。(我就是基于上面那個(gè)蘭青改造的)
我一般也就是用的這個(gè)進(jìn)行排版和寫作。
Typora
作為老牌 Markdown 編輯器,Typora 也是當(dāng)仁不讓地好用(誰用誰知道),最有特色的就是所見即所得功能:

其優(yōu)勢就在于方便的本地文件管理、導(dǎo)出(PDF/ 圖片/ Word等多種格式)等功能。
如果你想要設(shè)置自定義的 CSS 主題,可以在設(shè)置中打開主題文件夾,放入自己定制好的 CSS 文件重啟選中主題就好了:

圖床如何搭建
最開始我在簡書上更新文章,那時(shí)候簡書還能夠當(dāng)作圖床在各個(gè)平臺分享發(fā)表。后來突然外部就不能訪問簡書的圖片了。

想象一下:有一天你博客的所有圖片都顯示無法加載,該是什么心情。我想每一個(gè)經(jīng)歷過圖床失效的博主,都能夠感同身受。

所以我們需要搭建自己的圖床。我嘗試過很多圖床和方法,直接說推薦的:Github + jsDelivr。

搭建也非常簡單,結(jié)合上面??推薦的寫作工具分別來說一下。
Github 圖床創(chuàng)建
首先需要現(xiàn)在 Github 上創(chuàng)建一個(gè)倉庫,命名就隨便你啦。

然后點(diǎn)自己的頭像,點(diǎn)【setting】,進(jìn)入到【Developer settings】標(biāo)簽頁下:

再點(diǎn)【Personal access tokens】,新建一個(gè) token:

填寫新 token 的設(shè)置內(nèi)容,記得一定要勾選 repo:

復(fù)制生成的 token**(關(guān)閉網(wǎng)頁這個(gè) token 就沒法復(fù)制了!)**

好了,至此 Github 的工作就結(jié)束了。
Mdnice 編輯器設(shè)置

最后一步設(shè)置填寫上 Github 相關(guān)信息就好了。(用戶名是 Github 名字,token 是剛才復(fù)制的 token)
這樣就可以愉快的在 Mdnice 上「Ctrl + V」一鍵上傳圖片了。

Typora 設(shè)置
這個(gè)稍微麻煩一點(diǎn)兒,你首先需要下載一個(gè) PicGo 軟件(地址:https://github.com/Molunerfinn/picgo/releases)

安裝完成之后打開設(shè)置頁面一頓設(shè)置就好啦:

注意這里的自定義域名需要額外設(shè)置一下:
https://cdn.jsdelivr.net/gh/用戶名/倉庫名/
這里就相當(dāng)于給你上傳的圖片加上一個(gè)前綴,比如你上傳的圖片原本名字叫 a.jpg,設(shè)置了自定義域名之后,就會自動變成:(上面那一串)a.jpg。
平時(shí)你有圖片需要上傳就可以復(fù)制然后按下默認(rèn)快捷鍵「Ctrl + U」進(jìn)行上傳了。
如果你想要上傳之后的圖片能夠自動應(yīng)用一些格式 (替換剪貼板),比如自動適應(yīng) Markdown 的格式,你也可以進(jìn)行自定義設(shè)置:

這時(shí)候我們僅僅是擁有了一個(gè)自動上傳圖片的應(yīng)用,我們需要 Typora 跟 PicGo 之間建立關(guān)聯(lián),進(jìn)入 Typora 的設(shè)置:

我是默認(rèn)勾選上了所有圖片都上傳 PicGo,有時(shí)候會出現(xiàn)我復(fù)制剪貼也會重新上傳一遍的情況(這也是為什么我不喜歡用 Typora 而是 Mdnice 的原因),你可以根據(jù)自己的情況設(shè)置。
這樣,在 Typora 也擁有了一鍵粘貼上傳的便捷體驗(yàn)了。

配圖如何搞定
好了,現(xiàn)在我們也擁有了自己穩(wěn)定的圖床,可是博文中的圖片怎么來呢?

圖片大致分為:外部引入和自己原創(chuàng)的兩類。
外部引入
原則是:一定要有作品版權(quán)意識。
你可以去一些沒有版權(quán)的圖片網(wǎng)站搜索圖片:
https://unsplash.com/ (英文,推薦) https://pixabay.com/zh/ (中文) https://www.pexels.com/zh-cn/ (中文) ....
當(dāng)你想要使用某一個(gè)圖片時(shí),一定要標(biāo)注出出處,對別人原創(chuàng)的保護(hù),就是對自己原創(chuàng)的保護(hù),謹(jǐn)記x3。
自己原創(chuàng)
當(dāng)你自己想要繪圖時(shí),有一些比較好的在線網(wǎng)站。
https://draw.io

方便簡單,使用免費(fèi)。而且沒有什么限制。【小林coding】就用這個(gè)工具畫了許多圖。
https://www.processon.com/

也是免費(fèi)方便,里面有很豐富的模板可以參考使用。但是個(gè)人覺得丑了些。
畫圖工具
使用在線工具雖然方便,總歸有一定的局限性。下面就介紹一些順手的工具吧。
Sketch

這個(gè)工具是因?yàn)?Draveness 大佬在用,所以有自己嘗試過,但是始終不是很順手,如果感興趣可以去閱讀一下它博客中的技術(shù)文章配圖指南。
來稍微欣賞一下 Draveness 大佬用 Sketch 畫的配圖吧。

最開始大佬的風(fēng)格是下面那種,很喜歡于是開始模仿。后來大佬換成上面那種風(fēng)格了。(不知道是不是因?yàn)橛?"模仿者" 出現(xiàn),哈哈哈)
OmniGraffle

非常強(qiáng)大的一款工具,到現(xiàn)在我也一直在使用。不僅僅擁有在線網(wǎng)站那般拖拽自如的方便,最關(guān)鍵的是可以很容易搭建一套屬于自己的組件庫。

這些組件庫使用起來也極其方便,只需要拖拽就可以使用了。

除了方便的繪圖,還可以很方便的轉(zhuǎn)換成需要的格式。(選中元素→編輯→拷貝為)

這就很符合要求了:方便、簡單、美觀。

如何制作動圖
說一下我自己目前制作動圖的方法吧,需要用到三款軟件:
OmniGraffle:制作基礎(chǔ)元素; PPT:利用「平滑」專場效果和動畫制作整個(gè)流程和元素的對齊; Gifox:錄制 PPT 的最終播放效果并轉(zhuǎn)換成 .gif文件;
為什么使用這三款軟件呢,最大的原因是:它們都很簡單又特別好用。

OmniGraffle 和 Gifox 沒什么好說的,可能大家對于 PPT 比較陌生,著重說一下 PPT 如何制作動圖吧。
其中最重要的原理就是「平滑」轉(zhuǎn)場,如果你在兩頁 PPT 之間加上「平滑」,那么相同的元素就會自動過渡。

“平滑功能的強(qiáng)大或許遠(yuǎn)超你想象,來看看大牛們的 PPT 吧:
上面是靠 PPT 3D 模型 + 平滑功能做出來的,如果想要進(jìn)一步了解,可以戳這里。
可是有時(shí)候相同元素識別有誤或者效果不太理想:

我們可以通過強(qiáng)制把兩個(gè)元素綁定起來完成順暢的過渡:

怕有些童鞋看不清楚,給個(gè)文字版的:
「開始」標(biāo)簽頁下點(diǎn)擊「排列」,把「選擇窗口」打開; 給兩個(gè)元素命名相同的名字,規(guī)則是前面需要加兩個(gè)感嘆號( !!任意字符),表示強(qiáng)制綁定;
PPT 的動畫就不說了,都是上手就能用的。只是要保證連續(xù)流暢的 PPT 自動運(yùn)行,需要對 「切換」 選項(xiàng)進(jìn)行一些額外的設(shè)置:

第一頁:設(shè)置為點(diǎn)擊鼠標(biāo)時(shí),這樣能控制整個(gè) PPT 的開始; 中間頁:設(shè)置自動換片,間隔可以自己調(diào)整,這樣可以保證 PPT 的自動運(yùn)行; 最后一頁:既不能點(diǎn)擊,也不自動切片,這樣防止 PPT 進(jìn)入黑色結(jié)束頁;
如此,PPT 就可以從自己點(diǎn)擊鼠標(biāo)開始自動播放到最后一頁了,Gif 動圖也就能錄制好了。
寫作平臺
可供選擇的寫作平臺有很多:簡書、博客園、CSDN、知乎、掘金、開源中國、思否、微信公眾號、GitChat。
沒什么好說的,前期就是別挑,自己更新一段時(shí)間就知道主要火力在哪里了。
這里有一些簡潔的經(jīng)驗(yàn):(個(gè)人向)
簡書 SEO 最好,但是社區(qū)紛繁復(fù)雜; 知乎回答問題引流最好,且用戶偏年輕; 博客園氛圍最好,經(jīng)常能有良好的互動; CSDN 最老牌,有很多大牛,但相對曝光度不是那么高; 掘金經(jīng)常能上推薦,氛圍也不錯(cuò),中規(guī)中矩; 公眾號最適合沉淀、分享,但是別淪為廣告轉(zhuǎn)載號;
寫文的一些技巧
一些簡單實(shí)用的小技巧送給大家,這些都是經(jīng)驗(yàn)談啊:
不要超過三級目錄,否則反思自己的內(nèi)容是否合理;
把所有有序列表的序號都寫成
1.,這樣可以避免排序更改序號的問題;
要注意標(biāo)點(diǎn)符號附近的
**強(qiáng)調(diào),不同編輯器的兼容性是不同的;
可以把一些公共的圖片(例如二維碼、表情包等)專門在圖床中創(chuàng)建一個(gè)分類,這樣就不用每次上傳浪費(fèi)空間,統(tǒng)一修改也非常方便;
歡迎留言區(qū)補(bǔ)充....
后記
互聯(lián)網(wǎng)內(nèi)容從貼吧論壇的傳奇志怪,到微博時(shí)代的段子手,再到自媒體時(shí)代的長文章,到信息量更大的視頻時(shí)代。

時(shí)代在不停變化,但優(yōu)質(zhì)的內(nèi)容創(chuàng)造者們始終得以保留。
福柯在《語言的秩序》中提出了著名的哲學(xué)命題:“語言即權(quán)利”。而如今,基于算法的新興媒體又為這一命題提供了技術(shù)條件。
我呼吁所有渴望"表達(dá)"、內(nèi)心豐富、對世界有深刻見解的表達(dá)者,不要管粉絲和點(diǎn)贊,只管表達(dá)。
算法的進(jìn)化最終會淘汰那些低劣的洗稿和營銷號,把真正優(yōu)質(zhì)的內(nèi)容和優(yōu)質(zhì)內(nèi)容的創(chuàng)造者們留給世界。

參考資料
《軟技能:代碼之外的生存之南》 《你有你的計(jì)劃,世界另有計(jì)劃》 抖音 | 創(chuàng)造與表達(dá) - https://v.douyin.com/e136mMr/ 文字排版四小點(diǎn) - https://www.zcool.com.cn/article/ZMTE2NDE4OA==.html 設(shè)計(jì)者的氣質(zhì)-從技法到設(shè)計(jì)心理 - https://www.zcool.com.cn/article/ZNjY2NTEy.html 利用"親密性"原則,讓排版不再散亂 - https://www.shejidaren.com/qinmi-xing-yuan-ze.html 一名“標(biāo)題黨”自我修煉的 10 大技巧 - http://www.woshipm.com/operate/404315.html PicGo+jsDelivr+GitHub搭建免費(fèi)cdn加速圖床 - https://www.sakura521.cn/technology/picgocdn.html
(完)
- End -
Hi,這里是 我沒有三顆心臟,分享一個(gè)自由技術(shù)人的成長和思考,2021,與您在 Be Better 的路上共同成長!

