今天看到朋友圈裡有不少發便攜小空調的原始鏈結，感覺很有意思。應該有不少朋友像我一樣，對這塊**比較感興趣，並且想打造自己的小空調，後來又被運營小哥拉著改成公司運營版，所以就有了這篇文章。
首先，作者雲遊君在自己的部落格裡貢獻了**倉庫位址，那我們就動動小手clone一下吧(clone之前保證本地git環境沒有問題）
然後進入專案後，安裝依賴（需要先安裝nodejs）
然後啟動服務(需要先安裝yarn)
然後輸入yarn start，啟動本地服務，啟動之後瀏覽器會自動開啟乙個新視窗
作為乙個主要從事後端開發的研發人員，對前端技術不太精通，更別說react了，剛開始看到技術棧的時候感覺自己可能搞不定。後來發現作者在自己的部落格裡說自己也不擅長react，於是我就放心了。
我的修改方法是刪掉第二行，只保留第一行
同時修改點選文字的鏈結位址為自己的部落格url
儲存後，重新整理一下頁面預覽一下效果，ok，接下來打包：
執行 yarn build，在build資料夾下生成用來發布的靜態檔案
其實也可以嘗試clone另外乙個分支（gh-pages）下的**，這個是build之後的靜態檔案，但是因為是build之後的，前端**做了醜化、壓縮處理，所以可讀性太差。只修改鏈結位址還行，如果要修改頁面布局及顯示內容，會麻煩一些。
1、建立bucket，並上傳build資料夾下的檔案
建立bucket
上傳後檔案列表
2、建立bucket為靜態頁面型別，並設定首頁位址
設定靜態頁面訪問
3、設定網域名稱訪問（網域名稱解析到當前oss位址）
配置網域名稱訪問
開啟自動cname記錄的目的在於不用手動到自己的網域名稱下解析，阿里雲預設增加一條cname解析記錄。此開關只對當前阿里賬號下購買的網域名稱有效。
手動解析展示
如果沒有，可以在阿里雲申請乙個免費的。
5、cdn 服務
如果你的**會引來大量流量，導致頁面訪問較慢的情況，可以接入阿里cdn服務作為邊緣節點快取，來分散壓力。
最後要感謝原作者願意貢獻自己的作品，感謝他的娛樂精神。
打造明星朋友圈！AI名片還能這樣玩？
逢年過節，閒適地待在家裡，享受難得的安逸 或是你仍抓住每分每秒，為了更好的未來而奮鬥，充電不停休。在某個片刻，你是否也有過同樣的煩惱 想要在朋友圈分享心情，傳遞能量，零零碎碎拼湊出語言，卻詞不達意？想要分享一次相聚 一次旅行，卻被有限的和字數限制？想要親自給朋友圈來個 大裝修 卻找不到合適的素材，無...
打造屬於自己的Vim IDE
troubleshootings further reading references 為什麼要使用vim？讓我們先看看其他人怎麼說 vim or emacs就好比倚天和屠龍，得一可得天下。vim就像學鋼琴一樣，一旦學會，終身受益無窮。這些話都是出自vim高手之口，對於vim新手，可能暫時沒辦法體會...
打造屬於自己的Notepad
notepad top notepad 是一款windows環境下免費開源的 編輯器。自動提示設定 notepad 預設是沒有開啟這個功能的，設定方法如下 開啟 首選項 備份與自動完成 按下圖設定 安裝外掛程式 因為notepad 的小巧，就給了它更多的空間用來擴充套件，其豐富的外掛程式功能讓not...