因為會忘,所以要寫下來

Blog 改版 使用 Scully 翻寫

前情提要

在這裡 https://mtwmt.github.io/angular/scully_install

因為這個契機,使得開始動手這一切,將原本使用 hexo 改用 Angular Scully 建置 Blog

嗯…花了快半年的時間 看我有奪會拖就知道,畢竟平常也是要上班的嘛(牽拖)

第一版終於略略搞定上線了 耶~灑花~~


使用技術

這次使用的技術有:AnaularScullyTailwind CSS

其中 Tailwind CSS 是第一次使用,因還不是很熟悉,所以 scss 檔有些地方還是寫了很多 自訂樣式 XDDD


卡卡卡

這次花了一些時間的地方有:

  • 內頁的索引
  • 內頁的 GA 發送(就是因為它 讓我遲遲未更新,怕流量沒被記錄到)
  • 內頁的圖片顯示 (是的,由此可知 我對 NG 還是有盲點在,還不夠熟練 XD)
  • 再來就是一些版面的配置了,懶的畫 Layout 全部都是想到什麼做什麼,所以花了很多時 間在調版面 (還沒很滿意 還會再繼續調!)
  • 列表的分頁,太久沒寫,邏輯都忘光光,還好之前的 code 還在,再翻出來抄一下,花了 一些時間回憶 XD

待辦事項

後續應該會陸陸續續加上一些其他的東西,

  • 留言系統
  • donate 連結 (我也想喝杯咖啡嘛 XD)
  • 回到正確的列表頁,而不是每次都回到第一頁
  • 把之前的作品集搬過來,這次的改版,主要也是慢慢建置為個人網站,不是只有 Blog
  • themes 切換
  • 評估:因想導為個人網站,所以在 Blog 上的章網址應該再多個 /blog 做切分,但網 址改了後,就會影響在 google 上的搜尋,有一段時間會變 404,所以應該要來做個導址 頁面,就算有網友先前有連結到這裡的文章頁面,也不至於看不到內容

先把待辦事項寫下來才會有動力去做(!?


什麼時後做完 不知道 啊哈哈哈

沒有時程的壓力 94 爽 耶~


參考連結

哦!對了 然後要感謝兩位大大的在 github 裡提供的 sourse code 裡面很完整的範例讓我參考,同時也學到了許多 angular 的小技巧,而且也有持續在更新哦!!!

分別是


對這篇文章有什麼想法嗎?

Copyright © 2022 Mandy. All rights reserved. Build with Angular