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

作者: PolarBear84 (小P不是熊)   2022-02-16 17:28:05
各位年薪千萬的前輩安安
最近想靠架設網站把自己做好的作品、技術筆記等等整理起來,
想把放在github的程式碼
和medium, notion的筆記整合三處的資料起來,
自認為求職應該會更順利
但因為網頁開發的知識只知道皮毛
而目前進度是已經利用bootstrap的現有template再微調後
做好網頁並利用github page發布
當前網頁的呈現方式是把所有文章都放在首頁,
但我想讓網頁有個只要按個連結(之類的?)
就能將同類別的文章放一起。
就像Dcard首頁的感覺,左側有分類看板可以成為上面說的連結。
https://imgur.com/Hqn7YXV
以我網頁開發的低端解法,是想到利用class命名來分類,
但,
就不知道接下來該怎麼接起來了...
請問各位前端高手們能提點方向嗎?
或者提供關鍵字讓我上網查
我想先嘗試別利用WordPress製作網站
(想多了解一下html語法等等是如何運作)
目前有用"html class標籤 文章分類"查詢過
但沒有滿意的答案QQ
作者: shomingchang ( )   2022-02-16 17:32:00
用github.io放網頁就好了,再隨便套個blog產生器我以前用過hexo再搭配自己喜歡的主題就可以了https://hexo.io/themes/ 你參考看看
作者: vi000246 (Vi)   2022-02-16 17:44:00
看是要用文章裡面加tag 還是用路徑來分類看你設計吧
作者: ededws1 (ATMJin)   2022-02-16 23:01:00
先試著用html+css從頭開始切網站吧
作者: MarcoReus (Marco Reus)   2022-02-16 23:26:00
都用bootstrap了 直接套bootstrap的css class就好了目前想到原po要的功能也許BS的collapse可以達成?不然更進階就用js寫一下filter, 把文章存成json
作者: godsparticle (阿粒)   2022-02-17 01:21:00
Hugo也行 很久以前是gitbook不過地端不支援了
作者: hakosaki (hakosaki)   2022-02-17 08:15:00
hexo page很方便 還能tag
作者: jobintan (Robin Artemstein)   2022-02-17 10:45:00
樓主真的急著要的話,wordpress頂著先。好了,認真回一下,我在這裏看到應該會是你要的。https://bit.ly/3LFnFSr這example是用Strapi+Next.js做的,雖然是店商,不過應該有你要的分類功能,稍微改一下就好了,如果要將前端部份deploy到GithubPage上的話,改用getStaticProps串接後端JSON就可以了,只是不過還需要VPS放後端與數據庫。:P
作者: xxxxae86 (非洲大草原)   2022-02-18 09:11:00
你這麼搞工但是不一定會幫你加到分
作者: PolarBear84 (小P不是熊)   2022-02-18 10:17:00
謝謝前輩們的回覆,這個功能不是我想像的好解決...我再思考一下大家給的方法哪個比較適合我
作者: biblemouse (狐狸忽離)   2022-02-19 01:34:00
用js將文章依類別篩選,再渲染到html裡
作者: cathychg (凱西)   2022-02-21 21:14:00
github 與 APACHE 是兩回事啊…
作者: love99067333 (銅牌東巴)   2022-02-23 14:30:00
f12 看程式碼 Google 關鍵字

Links booklink

Contact Us: admin [ a t ] ucptt.com