mentor-program-day68

辛苦但值得的一天。

進度

今天花了不少時間把部落格加了很棒的功能:

  1. 分類導覽 / 分類過濾

record-02

  1. 引入文字編輯器 / 文章閱讀畫面優化

record

雖然途中踩了不少雷,但看到最後的成果就心滿意足了~

學到的事情

在做分類頁面跟篩選的時候,要「關聯」的資料變得越來越複雜,也因為這點練習了蠻多 SQL 的操作邏輯,感覺現在對 SQL 又更熟悉了一點吧!

再來是串接 CKEditor 的部分。一開始在查資料的時候卡蠻久的,因為 CKEditor 有分成 4、5 的版本,原本沒想太多,想說就都找來看看,結果後來看到 4、5 是完全不相容的兩個版本,才開始乖乖找 5 的來看。總之,有點兜了個圈的感覺 (。í _ ì。)

再來是研究 CKEditor 功能,一開始懶惰的我想說能用 CDN 解決就用 CDN 解決吧!果不其然,被自己雷的不要不要的。後來花了很多時間爬資料,才知道要添加 Plug-in 的話得直接把 CKEditor 的源碼載下來調整後再重新編譯成 bundle

這段過程還蠻有意思的,我學到很多「把別人寫好的套件加上自己想要的功能」這件事,例如說 Bootstrap 預設沒有某些 utilities,所以我就爬了官方文件成功搞出自己想要的 utilities;還有在弄 highlight.js 的時候想要加上 line-number 的功能,也是上網查了一下,發現有人寫了相關套件,但樣式的部分得自己寫 CSS,所以就用各種神奇的方式來捏出專屬自己的 code block。總之這是一段蠻辛苦但也很有意思的時光 (。◕∀◕。)

目前總算是把部落格告一個段落了,接下來又到了筆記時光,想把今天學到的都好好紀錄下來。

題外話

今天查資料看到「UPD」。想說是什麼意思,查了才發現原來是 update…,果然懶人不分國界。

許願池

明天要把部落格做最後優化跟檢查,接著就能做筆記了。

CSS only-child Bootstrap 客製化
Your browser is out-of-date!

Update your browser to view this website correctly. Update my browser now

×