摘要：從現(xiàn)在開(kāi)始，養(yǎng)成寫技術(shù)博客的習(xí)慣，或許可以在你的職業(yè)生涯發(fā)揮著不可忽略的作用。如果想了解更多優(yōu)秀的前端資料，建議收藏下前端英文網(wǎng)站匯總這個(gè)網(wǎng)站，收錄了國(guó)外一些優(yōu)質(zhì)的博客及其視頻資料。

寫文章是一個(gè)短期收益少，長(zhǎng)期收益很大的一件事情，人們總是高估短期收益，低估長(zhǎng)期收益。往往是很多人堅(jiān)持不下來(lái)，特別是寫文章的初期，剛寫完文章沒(méi)有人閱讀會(huì)有一種挫敗感，影響了后期創(chuàng)作。

從某種意義上說(shuō)，博客是我最好的學(xué)習(xí)筆記和個(gè)人名片。在IT行業(yè)內(nèi)，技術(shù)博客是了解一個(gè)開(kāi)發(fā)者最好的方式之一，特別是當(dāng)你沒(méi)有一張足夠分量的文憑或者一段出彩的工作經(jīng)歷時(shí)，你就應(yīng)該沉下心來(lái)好好打磨自己技術(shù)，打造自己的博客。往者不可諫，來(lái)者猶可追。從現(xiàn)在開(kāi)始，養(yǎng)成寫技術(shù)博客的習(xí)慣，或許可以在你的職業(yè)生涯發(fā)揮著不可忽略的作用。

作為一個(gè)一年多工作經(jīng)驗(yàn)的前端小白，本文并不是想炫耀自己在寫博客這件事上，有多么的出色，至少我從來(lái)不覺(jué)得！相反我想以我的切身體會(huì)來(lái)分享一些諸如如何去寫技術(shù)博客，如何推廣自己文章，以及如何打造個(gè)人品牌的一些事。

仔細(xì)算來(lái)，我堅(jiān)持寫博客已經(jīng)有15個(gè)月了，目前在掘金社區(qū)上，發(fā)表文章50篇，閱讀量11w+,點(diǎn)贊數(shù)6000+，在segmentfault社區(qū)上發(fā)表文章39篇，閱讀量5w+,點(diǎn)贊數(shù)3800+，Github博客上800+star，150+watch，文章也曾被奇舞周刊、前端大全、前端之巔等知名公眾號(hào)轉(zhuǎn)載過(guò)，這里并不是為炫耀這點(diǎn)微不足道的成績(jī)，只是想勉勵(lì)和我一樣默默堅(jiān)持付出的朋友們----功不唐捐。

剛開(kāi)始寫文章和大部分人一樣，最主要的目的有兩個(gè)：第一，記錄自己階段性的學(xué)習(xí)成果；第二，想多結(jié)識(shí)一些志同道合的人。不管是以什么樣的目的開(kāi)始的，只要堅(jiān)持寫下去，就會(huì)漸漸感受到這件事所給你帶來(lái)的好處：

如果一件事情不能用通俗、簡(jiǎn)單的語(yǔ)言說(shuō)出來(lái)或者寫出來(lái)，證明你并沒(méi)有全面地掌握或者掌握的深度不夠。只有通過(guò)知識(shí)共享才能更好地發(fā)現(xiàn)自己在知識(shí)理解和掌握上的不足。

隨著我的閱讀量的增多，我對(duì)自己的文章的要求就越來(lái)越高，無(wú)論是文章質(zhì)量還是給讀者的閱讀體驗(yàn)上我都會(huì)花費(fèi)心思去琢磨，經(jīng)常在寫作過(guò)程反復(fù)問(wèn)自己,諸如“如何可以讓讀者更容易吸收我所寫的東西?”“如何表達(dá)更讓人印象深刻？”等等，此外我會(huì)借助思維導(dǎo)圖工具xmind和生成動(dòng)態(tài)圖工具ScreenToGif，因?yàn)閳D像比文字記憶牢固，視覺(jué)化記憶可以充分發(fā)揮優(yōu)勢(shì)。

樂(lè)莫樂(lè)兮新相知，通過(guò)文章結(jié)交新朋友何嘗不是快樂(lè)的事!況且分享知識(shí)的同時(shí)還能幫助到別人，也會(huì)給人帶來(lái)成就感!
回復(fù)讀者留言的時(shí)候，可以通過(guò)這種方式和五湖四海的技術(shù)人在一起交流。素未謀面，但神交已久這是件很酷的事！

自媒體時(shí)代，信息高度流通，是個(gè)段子手都可能收獲一份事業(yè)。通過(guò)知識(shí)共享可以幫助自己找到更有價(jià)值的朋友和合作伙伴，從而協(xié)助你打造個(gè)人品牌?！白寗e人知道你知道”，建立你的個(gè)人品牌，讓別人更愿意跟你合作——傳遞和共享自己的知識(shí)是最簡(jiǎn)單的方法，通過(guò)知識(shí)共享，可以促進(jìn)人們對(duì)你的了解和信任，為個(gè)人發(fā)展開(kāi)拓新的天地。當(dāng)你有了足夠的名氣時(shí)，你會(huì)收到類似網(wǎng)站廣告，（付費(fèi)）演講邀請(qǐng)，錄制視頻，出書等邀請(qǐng)和機(jī)會(huì)。

堅(jiān)持寫優(yōu)質(zhì)的文章會(huì)帶來(lái)稿費(fèi)或者是打賞，雖說(shuō)可能都是些小錢，但這也是正向反饋一種形式，會(huì)刺激你持續(xù)輸出。等到博客幫你塑造了個(gè)人品牌后，這個(gè)東西會(huì)成為和你日常所做的工作同樣有價(jià)值，甚至超過(guò)你的本職工作。

標(biāo)題可以說(shuō)是一個(gè)門戶的作用，是讓讀者了解到文章的內(nèi)容主旨的一個(gè)標(biāo)識(shí)。如果標(biāo)題起得不好，就很難引起別人的興趣，更不必說(shuō)高閱讀量了，即使是文章的內(nèi)容質(zhì)量很好。

標(biāo)題確定下來(lái)后，要多查找些資料，因?yàn)椴煌娜丝赡軐?duì)同一個(gè)事物有不同的看法，所以通過(guò)閱讀和整理多個(gè)人對(duì)同一事件的描述可以讓自己更深刻，更多角度地理解這個(gè)問(wèn)題，然后再結(jié)合自己的理解，就會(huì)理解的很快，也比較透徹。

確定好標(biāo)題后就需要確定你的目標(biāo)讀者群體。了解你的讀者群體是極其重要的一步，他們是怎么樣的人，有什么背景知識(shí)（或者你希望你的讀者群體需要什么知識(shí)），這些人需要什么思維方式。這是極其重要的一步，最好是能夠把你對(duì)讀者的要求寫在文章的前面，這樣對(duì)你和讀者都有好處。了解目標(biāo)群體就像產(chǎn)品經(jīng)理了解目標(biāo)用戶需求，切身體會(huì)到了才能做出好的產(chǎn)品。

俗話說(shuō)，巧婦難為無(wú)米之炊，事實(shí)上要想寫出一篇內(nèi)容翔實(shí)的文章，高質(zhì)量參考文章必不可少！以下羅列一些個(gè)人覺(jué)得不錯(cuò)前端資料：

JavaScript Weekly，這是一份相當(dāng)有名氣的英文周報(bào)，整理的文章質(zhì)量都很高，如果你只想訂閱一份周報(bào)，那就是它了。

33 Concepts Every JavaScript Developer Should Know，這份資料講解了 33 個(gè)前端開(kāi)發(fā)必須知道的 JS 概念，內(nèi)容是英文的，網(wǎng)上有中文版。

前端精讀周刊，這是一份前端好文集合，每周都會(huì)更新，目前已經(jīng)更新了 84 篇文章。

前端性能清單，這是一份前端性能清單，如果你需要優(yōu)化一個(gè)項(xiàng)目的話，可以根據(jù)這份清單一個(gè)個(gè)來(lái)檢查優(yōu)化項(xiàng)。

30-seconds-of-code，30 秒系列，很短的代碼片段讓你了解一個(gè)知識(shí)點(diǎn)。

30-seconds-of-css，30 秒系列，很短的代碼片段讓你了解一個(gè)CSS知識(shí)點(diǎn)

must-watch-javascript，這份資料包含了很多高質(zhì)量的前端相關(guān)視頻，值得一看。

css-protips，通過(guò)這份資料你可以學(xué)習(xí)到很多 tips 來(lái)提高你的 CSS 技能。

奇舞周刊，每周都會(huì)整理一份不錯(cuò)的中文文章合集。

如果想了解更多優(yōu)秀的前端資料，建議收藏下前端英文網(wǎng)站匯總這個(gè)網(wǎng)站，收錄了國(guó)外一些優(yōu)質(zhì)的博客及其視頻資料。

我有一個(gè)毫無(wú)根據(jù)的理論，并且對(duì)此深信不疑：好文章都是慢慢打磨出來(lái)的。當(dāng)有一定閱讀量后，跟讀者互動(dòng)交流后，就會(huì)發(fā)現(xiàn)文章不足之處，此時(shí)就應(yīng)該及時(shí)修改過(guò)來(lái)。等過(guò)了段時(shí)間，寫過(guò)的文章也應(yīng)該經(jīng)常拿出來(lái)溫習(xí)，此時(shí)可能能力較之前有所進(jìn)步，看問(wèn)題更深刻，覺(jué)得不滿意的舊文章也應(yīng)該進(jìn)行迭代！這樣，你的寫作能力才能迅速提高！

每個(gè)人的心里，有多么長(zhǎng)的一個(gè)清單，這些清單里寫著多少美好的事，可是，它們總是被推遲，被擱置，在時(shí)間的閣樓上腐爛。

萬(wàn)事開(kāi)頭難，寫技術(shù)文章也是，很多人會(huì)在起步這個(gè)階段逗留很長(zhǎng)的時(shí)間，你或許有這樣的疑問(wèn)：開(kāi)發(fā)人員技術(shù)到什么程度才有資格去開(kāi)通自己的博客？種一棵樹(shù)的最好時(shí)機(jī)是十年前，其次是現(xiàn)在，開(kāi)通技術(shù)博客同樣如此。其實(shí)我一年前開(kāi)始寫那些文章，現(xiàn)在再回頭看，便覺(jué)得當(dāng)時(shí)寫得很差勁，對(duì)于那些不滿意的文章，可以等你能力提高了，再刪掉重新寫。所以非要等到是技術(shù)牛人，才有資格寫文章，然而恰恰相反，你可以通過(guò)寫文章來(lái)記錄自己成長(zhǎng)軌跡，分享文章的同時(shí)，打造自己個(gè)人品牌，何樂(lè)而不為？

從模仿和重寫開(kāi)始

對(duì)于一個(gè)新手想要一開(kāi)始就寫出一篇高質(zhì)量文章，往往會(huì)覺(jué)得無(wú)從下手。而我的建議是從模仿和重寫開(kāi)始，雖然你可能還沒(méi)開(kāi)始寫文章，但你一定閱讀過(guò)那些優(yōu)秀的博客文章，不妨先模仿那些優(yōu)秀文章，學(xué)習(xí)如何給文章起標(biāo)題的，如何寫開(kāi)場(chǎng)白，如何闡述他們的觀點(diǎn)，以及如何總結(jié)的。通過(guò)模仿和重寫，你會(huì)漸漸培養(yǎng)起寫作的感覺(jué)，并且越寫越好的。

建議先確定主題，然后再根據(jù)主題查找相關(guān)資料

根據(jù)主題來(lái)查閱資料，而不是根據(jù)資料來(lái)查閱主題。按照主題來(lái)閱讀，你會(huì)發(fā)現(xiàn)讀的時(shí)候不再是老老實(shí)實(shí)地一本書看完看另一本，而是非常頻繁 地從一本書跳到另一本書，從一處資料跳到另一處資料， 從而來(lái)獲得多個(gè)不同的人對(duì)同一個(gè)主題是如何講解的。通過(guò)對(duì)比不同資料，取其精華，去除糟粕，總結(jié)成文。

養(yǎng)成思考習(xí)慣

劉未鵬《暗時(shí)間》中提到：“你走路、買菜、洗臉洗手、坐公交、逛街、出游、吃飯、睡覺(jué)，所有這些時(shí)間都可以稱為‘暗時(shí)間’。 我們可以充分利用這些時(shí)間進(jìn)行思考、反芻和消化平時(shí)看和讀的東西， 讓我們的認(rèn)識(shí)脫離照本宣科的層面?！?/p>

當(dāng)思考和總結(jié)成為習(xí)慣之后，訴諸文字以及借助書寫來(lái)進(jìn)一步思考就變成了一件自然而然的事情， 就變成了一件“因?yàn)槟阍谒伎己涂偨Y(jié)從而必須書寫下來(lái)”的事情，博客就變成了副產(chǎn)品。

寫一篇高質(zhì)量的文章確實(shí)很花功夫，為了可以讓讀者有所收獲，需要從內(nèi)容，措辭，配圖，排版等多個(gè)方面下功夫，而這些地方都是需要花時(shí)間的。

其實(shí)我的大部分的博客的初稿就是我的學(xué)習(xí)筆記，這主要包括看視頻學(xué)習(xí)或者看書做的筆記，有了這樣的初稿，寫博客已經(jīng)成功了一半。接下來(lái)你要做的事，就是如何將你所掌握的知識(shí)進(jìn)行深度和廣度的延申，最后通俗易懂地講給別人聽(tīng)。所以如果你不堅(jiān)持學(xué)習(xí)，很難持續(xù)高產(chǎn)。

程序員可能是加班相對(duì)嚴(yán)重的一種職業(yè)。對(duì)于有工作的上班族來(lái)說(shuō)，寫博客就要善于利用小塊時(shí)間，也就是《奇特的一生》中所說(shuō)的“時(shí)間下腳料”，比如利用中午休息時(shí)間，根據(jù)主題搜索一些資料，做好前期準(zhǔn)備。我一般一個(gè)禮拜時(shí)間才寫一篇文章，從來(lái)不是花個(gè)幾個(gè)小時(shí)一氣呵成，而是有時(shí)間就寫一部分，寫博客對(duì)我來(lái)說(shuō)是挺享受一個(gè)過(guò)程。

現(xiàn)在可以寫文章的地方太多了，所以選擇會(huì)有很多，反而讓人迷茫，哪里才是技術(shù)人員真正的聚集地。我發(fā)現(xiàn)很多愛(ài)寫文章的技術(shù)人，首先會(huì)在一個(gè)平臺(tái)去寫文章，慢慢的在這個(gè)平臺(tái)積累了一些名氣之后，就會(huì)被各種編輯邀請(qǐng)或者是出于推廣的目的，會(huì)在各個(gè)熱門的平臺(tái)下去同步自己的文章，然后引流到自己的獨(dú)立博客，最后開(kāi)通自己的公眾號(hào)。

如果是寫作新手，我建議先重點(diǎn)選擇一個(gè)平臺(tái)，了解這個(gè)平臺(tái)的規(guī)則和技術(shù)氛圍，如果各方面都和自己比較貼切，那就選擇它寫作發(fā)表文章，平臺(tái)積累了一些名氣之后，再選擇開(kāi)通自己的博客。至于選擇什么樣的平臺(tái)，個(gè)人覺(jué)得最好選擇支持 Markdown語(yǔ)法的平臺(tái)，這樣你就不必花心思調(diào)整文章的格式，在IT技術(shù)平臺(tái)中，個(gè)人最喜歡掘金和SegmentFault社區(qū)，兩者的技術(shù)氛圍都很不錯(cuò)，只是前者比后者瀏覽量來(lái)的多！

掘金

SegmentFault

Github issues

好酒也怕巷子深，如今寫技術(shù)文章而且寫的不錯(cuò)的人太多了，如果不太注重推廣的話，文章很快淹沒(méi)在知識(shí)的海洋中，閱讀量很小，繼而影響寫文章的動(dòng)力和激情。就我個(gè)人而言，寫文章最大的樂(lè)趣就是和讀者互動(dòng)交流以及他們帶來(lái)的反饋，如果閱讀量少了，我就會(huì)質(zhì)疑自己文章是否對(duì)別人到底有沒(méi)有幫助，文章質(zhì)量是不是很差？

到底如何推廣呢，第一需要研究清楚平臺(tái)的規(guī)則，熟悉規(guī)則，才能玩轉(zhuǎn)規(guī)則！接下來(lái)以SegmentFault社區(qū)為例，你應(yīng)該仔細(xì)研究我們進(jìn)一步改善了首頁(yè)的推送這篇文章，里面詳細(xì)介紹了如何上首頁(yè)的一些條件：

當(dāng)滿足上述一個(gè)條件的時(shí)候，這篇文章就會(huì)被推送到所有訂閱了相關(guān)標(biāo)簽用戶的時(shí)間線上了。這又引出了另一個(gè)問(wèn)題，那就是在撰寫文章時(shí)對(duì)標(biāo)簽的使用，我們建議為了擴(kuò)大你潛在的文章閱讀人群，第一個(gè)標(biāo)簽最好選擇一個(gè)比較廣泛的技術(shù)標(biāo)簽。

上文我們提到，博客源于自己的筆記，這里可能會(huì)有不少人有疑惑為啥不直接在印象筆記來(lái)記錄筆記，而還要花心思來(lái)寫博客？我認(rèn)為采用云筆記的局限性如下：

記錄在筆記，更多的是為自己看，無(wú)法進(jìn)行深入理解和研究

無(wú)法分享給廣大同行，不利于發(fā)現(xiàn)自己看待問(wèn)題的不足和更有的見(jiàn)解

無(wú)法獲得類似知識(shí)變現(xiàn)，名氣提升等益處，更不用說(shuō)打造個(gè)人品牌了

過(guò)去一年，堅(jiān)持寫博客，陸陸續(xù)續(xù)寫了五十多篇，不乏有些不錯(cuò)的文章，被一些前端知名公眾號(hào)轉(zhuǎn)載過(guò)，得到過(guò)別人的認(rèn)可和贊譽(yù)，這讓我在寫博客這條路一發(fā)不可收拾，越陷越深！現(xiàn)將所有文章歸納如下，希望對(duì)你們有些許幫助。

這部分寫作計(jì)劃參考木易楊大神的進(jìn)階系列目錄,目前暫定以下主題，個(gè)人覺(jué)得這些都是前端重難點(diǎn)，有必要深入了解。

調(diào)用堆棧

原型與原型鏈

bind、call、apply的實(shí)現(xiàn)原理

高階函數(shù)

JavaScript設(shè)計(jì)模式

Promise原理及手寫Promise

webpack配置

webpack原理

計(jì)算機(jī)網(wǎng)絡(luò)概述

TCP/UDP協(xié)議

http2協(xié)議

websocket

前端監(jiān)控

性能優(yōu)化

骨架屏實(shí)現(xiàn)

Vue3.0新特性

vue與react對(duì)比

MVVM框架實(shí)現(xiàn)原理

Diff算法

Virtual Dom原理

前端數(shù)據(jù)結(jié)構(gòu)與算法

事實(shí)上，理解一件事并不難，難的是如何將一件事通俗分享給別人，并讓別人也有所收獲。我有個(gè)習(xí)慣，經(jīng)常會(huì)翻看自己之前寫的文章，覺(jué)得不滿意，便會(huì)重新修改，這是我一直秉持的態(tài)度：文章的質(zhì)量要比數(shù)量重要得多，每一篇文章，都是像是我的孩子，要認(rèn)真對(duì)待！

上文中提到寫文章諸多好處，這里友情提醒大家，千萬(wàn)不要為了寫博客而寫博客，作為程序員，我個(gè)人覺(jué)得最重要的還是敲代碼的能力，以及工作中解決問(wèn)題的能力，千萬(wàn)不要本末倒置，撿了芝麻丟了西瓜。

給大家推薦一個(gè)好用的BUG監(jiān)控工具Fundebug，歡迎免費(fèi)試用！

最后打個(gè)小廣告，如果你想了解前端的重難點(diǎn)、?？济嬖囶}和新知識(shí)等等，可以關(guān)注我的公眾號(hào)「前端工匠」，一周兩篇原創(chuàng)優(yōu)質(zhì)文章，旨在用通俗語(yǔ)言帶你入門！

我從寫技術(shù)博客中收獲到了什么？- J_Knight_

技術(shù)博客那些事兒

你也可以寫出優(yōu)秀的技術(shù)博客

如何開(kāi)始寫技術(shù)博客，怎么選擇？

為什么程序員應(yīng)該要嘗試寫一寫博客

前端面試之道

暗時(shí)間

你的知識(shí)需要管理