---
# System prepended metadata

title: 任務：刻一個spring作品-從前端~後端=中端-分類+標籤+歸檔+關於我內頁+...
tags: [程式筆記-第36-1週]

---

---
title:  任務：刻一個spring作品-從前端~後端=中端-分類+標籤+歸檔+關於我內頁+...
tags: 程式筆記-第36-1週
---
延續https://medium.com/p/98cb5187a566/edit
因為這些都是其他頁面的筆記~
來做其他頁面:
1.分類內頁:
(直接從blog.html附製成 types.html頁)
先把中間內容砍到剩下的原始碼:
https://gist.github.com/jzs2home/29505557882334965a88cd3528c30a52
2.分類內容:參考有1048那個 https://semantic-ui.com/elements/button.html

長這樣:

![](https://i.imgur.com/33aOpKr.jpg)
加入前面的文章列表:

![](https://i.imgur.com/PSnQBef.jpg)
加入前面的上一頁+下一頁:![](https://i.imgur.com/utLd80V.jpg)


目前語法:
https://gist.github.com/jzs2home/c63a1fda04b3e558d4a0d5b71dcdc237

---
3.標籤內頁:長得跟分類超像
(直接從types.html附製成 tags.html頁)
並在最上面的標籤的語法中增加active使他變得:就是那個"生命"標籤
![](https://i.imgur.com/3cndR9u.jpg)

原始碼:
https://gist.github.com/jzs2home/aec28a733fa40a5ea6344a7beab5fa10

---
4.歸檔內頁:按年分來放
(直接從tags.html附製成 archives.html頁)
先把中間內容砍到剩下的原始碼:
https://gist.github.com/jzs2home/0e7cc5120323ed94db6b800e7a76bca5
長這樣:(最上面還沒有移動在語法中增加active使他變得)
![](https://i.imgur.com/E5CrgyZ.jpg)

---
目前語法:
https://gist.github.com/jzs2home/38d595db030980716a58fdedd028727d
長這樣:
![](https://i.imgur.com/MjIWIY0.jpg)

4.關於我內頁:使用圖片earth_nature_futaba.png
(直接從types.html附製成about.html頁)
語法:
https://gist.github.com/jzs2home/b9f934f60ae631624469fe70176ddaf6
長這樣:

![](https://i.imgur.com/EVxsA94.jpg)
