學習歷程個人網站實作
電腦
專案網頁：🌐 https://portfolio.sk5s.cyou/
學習內容
為了要紀錄高中的學習經歷，所以我決定用我所學到的網頁技術來做出一個屬於自己的個人網站。
為什麼是網站
因為透過網頁可以展現多媒體內容，如影片、音檔等，而且網站可以有自己的風格，最重要的是所有內容皆方便查看，不管是用手機、平板、電腦等都可以很容易的閱讀。
實作
為了要做出方便管理的網站，我決定使用 Hugo 這個工具來幫忙處理網頁內容管理的部份。經過閱讀相關書籍，以及查詢網路資料，再結合以前所學，我自己從零開始做出了一套屬於自己的 Hugo 主題，結合 Bootstrap、Videojs、Katexjs 等等來完成一個多功能網站。
作品
最後我運用線上上課省下的時間，研究網頁技術以及 Hugo ，完成了這個 RWD 的學習紀錄網站，以下是功能介紹：
顯示化學式與數學算式
在網站中我特別加入了 Katex 功能，讓網頁可以顯示化學式。
多媒體呈現
因為是 HTML5 網頁，所以網頁內容可以加入很多多媒體的元素，如圖一的 3D 立體模型，以及圖二的影片播放。
互動式內容
在 English Podcast Project 中，因為這是一個英文 Podcast 的成果，所以在網頁中我加入了隨點隨聽的功能，只要點逐字稿上的某一句，網頁就會直接從該句播放音檔。
列印優化
在某些專案頁面，特別在網頁中加入了列印功能，我可以使用瀏覽器直接列印該網頁。這一份學習成果報告就是使用網頁列印而成的。
報告快速選單
在探究與實作的總整理報告中，我加入了報告快速選單，這樣不僅可以快速找到要看的內容，還可以快速的切換。
心得
我覺得之前花時間研究這些建立網站的方法真的很值得，經過三年的學習、累積，將學習經歷整理成網頁，現在再重新閱讀這個網站，就能發現自己真的在這三年內，不管是在學科或非學科上真的得到了很多經驗，包含了各種不同領域知識的學習，像是 3D 建模、 Podcast 製作、物理小論文撰寫等等的紀錄，三年的學習都整理在網站上了。