前情提要
在這裡 https://mtwmt.github.io/angular/scully_install
因為這個契機,使得開始動手這一切,將原本使用 hexo 改用 Angular Scully 建置 Blog
嗯…花了快半年的時間 看我有奪會拖就知道,畢竟平常也是要上班的嘛(牽拖)
第一版終於略略搞定上線了 耶~灑花~~
使用技術
這次使用的技術有:Anaular
、Scully
、Tailwind CSS
其中 Tailwind CSS 是第一次使用,因還不是很熟悉,所以 scss 檔有些地方還是寫了很多 自訂樣式 XDDD
卡卡卡
這次花了一些時間的地方有:
- 內頁的索引
- 內頁的 GA 發送(就是因為它 讓我遲遲未更新,怕流量沒被記錄到)
- 內頁的圖片顯示 (是的,由此可知 我對 NG 還是有盲點在,還不夠熟練 XD)
- 再來就是一些版面的配置了,懶的畫 Layout 全部都是想到什麼做什麼,所以花了很多時 間在調版面 (還沒很滿意 還會再繼續調!)
- 列表的分頁,太久沒寫,邏輯都忘光光,還好之前的 code 還在,再翻出來抄一下,花了 一些時間回憶 XD
待辦事項
後續應該會陸陸續續加上一些其他的東西,
- 留言系統
- donate 連結 (我也想喝杯咖啡嘛 XD)
- 回到正確的列表頁,而不是每次都回到第一頁
- 把之前的作品集搬過來,這次的改版,主要也是慢慢建置為個人網站,不是只有 Blog
- themes 切換
- 評估:因想導為個人網站,所以在 Blog 上的章網址應該再多個
/blog
做切分,但網 址改了後,就會影響在 google 上的搜尋,有一段時間會變 404,所以應該要來做個導址 頁面,就算有網友先前有連結到這裡的文章頁面,也不至於看不到內容
先把待辦事項寫下來才會有動力去做(!?
什麼時後做完 不知道 啊哈哈哈
沒有時程的壓力 94 爽 耶~
參考連結
哦!對了 然後要感謝兩位大大的在 github 裡提供的 sourse code 裡面很完整的範例讓我參考,同時也學到了許多 angular 的小技巧,而且也有持續在更新哦!!!
分別是