作者PolarBear84 (小P不是熊)
看板Soft_Job
標題[請益] 自行開發網頁的文章分類問題
時間Wed Feb 16 17:28:05 2022
各位年薪千萬的前輩安安
最近想靠架設網站把自己做好的作品、技術筆記等等整理起來，
想把放在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://webptt.com/m.aspx?n=bbs/Soft_Job/M.1645003694.A.6FB.html
※ 編輯: PolarBear84 (39.10.227.149 臺灣), 02/16/2022 17:32:03
1F：→ shomingchang: 用github.io放網頁就好了，再隨便套個blog產生器 02/16 17:32
2F：→ shomingchang: 我以前用過hexo再搭配自己喜歡的主題就可以了 02/16 17:36
4F：推 vi000246: 看是要用文章裡面加tag 還是用路徑來分類 02/16 17:44
5F：→ vi000246: 看你設計吧 02/16 17:44
6F：推 ededws1: 先試著用html+css從頭開始切網站吧 02/16 23:01
7F：推 MarcoReus: 都用bootstrap了 直接套bootstrap的css class就好了 02/16 23:26
8F：→ MarcoReus: 目前想到原po要的功能也許BS的collapse可以達成? 02/16 23:51
9F：→ MarcoReus: 不然更進階就用js寫一下filter, 把文章存成json 02/16 23:52
看了Bs collapse的官方文件和YT教學，這好像是跟折疊物件有關？折疊文字之類的，那不算有符合需求QQ還是謝謝大大的熱心幫忙
10F：→ godsparticle: Hugo也行 很久以前是gitbook不過地端不支援了 02/17 01:21
11F：→ hakosaki: hexo page很方便 還能tag 02/17 08:15
12F：→ jobintan: 樓主真的急著要的話，wordpress頂著先。 02/17 10:45
13F：→ jobintan: 好了，認真回一下，我在這裏看到應該會是你要的。 02/17 11:09
15F：→ jobintan: 這example是用Strapi+Next.js做的，雖然是店商，不過應 02/17 11:12
16F：→ jobintan: 該有你要的分類功能，稍微改一下就好了，如果要將前端部 02/17 11:13
17F：→ jobintan: 份deploy到GithubPage上的話，改用getStaticProps串接後 02/17 11:14
18F：→ jobintan: 端JSON就可以了，只是不過還需要VPS放後端與數據庫。:P 02/17 11:16
19F：推 xxxxae86: 你這麼搞工但是不一定會幫你加到分 02/18 09:11
20F：→ PolarBear84: 謝謝前輩們的回覆，這個功能不是我想像的好解決...我 02/18 10:17
21F：→ PolarBear84: 再思考一下大家給的方法哪個比較適合我 02/18 10:17
※ 編輯: PolarBear84 (27.247.43.246 臺灣), 02/18/2022 10:20:10
22F：推 biblemouse: 用js將文章依類別篩選，再渲染到html裡 02/19 01:34
23F：→ cathychg: github 與 APACHE 是兩回事啊… 02/21 21:14
24F：推 love99067333: f12 看程式碼 Google 關鍵字 02/23 14:30