成果 個人部落格

一直會喊我郭師傅的同學進了百度。為她感到高興的同時心裡也有一絲苦澀。

一樣的職業，我還在小公司徘徊掙扎，人家已經脫離了苦海。

基礎薄弱！靜不下心！技術淺嘗輒止！五年多的經驗卻還如新手一般只會搬磚！！！

既然寫部落格能沉澱自己的知識體系，成為面試的加分項。

那還不快去做！！

給自己搭一個零成本的部落格網頁，加油郭師傅！！

親手打造 谷果之家

一 · 怎麼下手？

身為開發者，我們都知道，搭建部落格，至少需要一個伺服器來儲存部落格網頁，一個域名對外訪問。在這個友好又和善的世界裡，有沒有慈善家給我們免費提供這種玩意呢？

我就找到了下面這幾個備選方案

• github page (移動使用者需要翻牆，處於半牆狀態，所以放棄了)

• Coding page (最後的選擇)

• gitee page

• leancloud 免費開發版

• 阿里雲oss

試試用上面的東西來搞一下。

二. 嘗試可行性

1. github 新建倉庫，開啟github pages 參考這個部落格

2. flutter構建簡單的app demo

3. 編譯出web產物push到github

熱淚盈眶，經過一番操作後，成功在在網頁上開啟了我的demo網頁。

不過搞東西難免踩坑，在此記錄下我遇到的幾個小坑

• Flutter web 頁面展示的時候中文先顯示口口，一會兒後再正確展示

原因是flutter 編譯的時候 渲染模式我 canvaskit時有的bug

在編譯的時候指定渲染模式為html就可以了flutter build web --web-renderer html

• 編譯產物push到github 之後，開啟網址展示的是一片空白？？？

stack overflow 大神給出了答案，在flutter web html入口處刪掉 <base href="/">。 再次push，一切變為正常。

• 阿里雲解析解析域名不可用，最後還是使用新網解析

• Github pages 的頁面有些網路無法訪問，需要翻牆且服務滿，最後切換到了coding的網站託管

三.規劃所需功能

我只是一個普通的懶惰開發，功能當然是能簡單就簡單啦~

所以一期功能就這麼幾個==

ui

• 文章列表頁

• 文章詳情頁

• 文章上傳頁

資料

• 使用者

• 角色-> 遊客，普通使用者，管理員

• 文章列表

功能

• 文章刪除

• 角色登入

四.結果

第一期開發完畢，規劃好的幾個功能都做好了