[請益] 自行開發網頁的文章分類問題

[PolarBear84 (小P不是熊)]

各位年薪千萬的前輩安安

最近想靠架設網站把自己做好的作品、技術筆記等等整理起來，
想把放在github的程式碼
和medium, notion的筆記整合三處的資料起來，
自認為求職應該會更順利

但因為網頁開發的知識只知道皮毛
而目前進度是已經利用bootstrap的現有template再微調後
做好網頁並利用github page發布

當前網頁的呈現方式是把所有文章都放在首頁，
但我想讓網頁有個只要按個連結(之類的?)
就能將同類別的文章放一起。
就像Dcard首頁的感覺，左側有分類看板可以成為上面說的連結。
https://imgur.com/Hqn7YXV

以我網頁開發的低端解法，是想到利用class命名來分類，
但，
就不知道接下來該怎麼接起來了...

請問各位前端高手們能提點方向嗎?
或者提供關鍵字讓我上網查
我想先嘗試別利用WordPress製作網站
(想多了解一下html語法等等是如何運作)
目前有用"html class標籤 文章分類"查詢過
但沒有滿意的答案QQ

--
看什麼看，小心我家小雞跑出來啄你喔!

   _|/_
 _/ˊ0 \
<       \
 |____ _|

--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 220.138.45.118 (臺灣)
※ 文章網址: https://www.ptt.cc/bbs/Soft_Job/M.1645003694.A.6FB.html
※ 編輯: PolarBear84 (39.10.227.149 臺灣), 02/16/2022 17:32:03
→ shomingchang: 用github.io放網頁就好了，再隨便套個blog產生器
→ shomingchang: 我以前用過hexo再搭配自己喜歡的主題就可以了
→ shomingchang: https://hexo.io/themes/ 你參考看看
推 vi000246: 看是要用文章裡面加tag 還是用路徑來分類
→ vi000246: 看你設計吧
推 ededws1: 先試著用html+css從頭開始切網站吧
推 MarcoReus: 都用bootstrap了 直接套bootstrap的css class就好了
→ MarcoReus: 目前想到原po要的功能也許BS的collapse可以達成?
→ MarcoReus: 不然更進階就用js寫一下filter, 把文章存成json
看了Bs collapse的官方文件和YT教學，這好像是跟折疊物件有關？折疊文字之類的，那不算有符合需求QQ還是謝謝大大的熱心幫忙
→ godsparticle: Hugo也行 很久以前是gitbook不過地端不支援了
→ hakosaki: hexo page很方便 還能tag
→ jobintan: 樓主真的急著要的話，wordpress頂著先。
→ jobintan: 好了，認真回一下，我在這裏看到應該會是你要的。
→ jobintan: https://bit.ly/3LFnFSr
→ jobintan: 這example是用Strapi+Next.js做的，雖然是店商，不過應
→ jobintan: 該有你要的分類功能，稍微改一下就好了，如果要將前端部
→ jobintan: 份deploy到GithubPage上的話，改用getStaticProps串接後
→ jobintan: 端JSON就可以了，只是不過還需要VPS放後端與數據庫。:P
推 xxxxae86: 你這麼搞工但是不一定會幫你加到分
→ PolarBear84: 謝謝前輩們的回覆，這個功能不是我想像的好解決...我
→ PolarBear84: 再思考一下大家給的方法哪個比較適合我
※ 編輯: PolarBear84 (27.247.43.246 臺灣), 02/18/2022 10:20:10
推 biblemouse: 用js將文章依類別篩選，再渲染到html裡
→ cathychg: github 與 APACHE 是兩回事啊…
推 love99067333: f12 看程式碼 Google 關鍵字