---
# System prepended metadata

title: 第五堂：Hexo 樣版客製化、網站上架一條龍全攻略分享
tags: [軟體工程師體驗營 - 2024]

---

# 第五堂：Hexo 樣版客製化、網站上架一條龍全攻略分享

## 授課提醒
1. 記得錄影
2. 實體同學會(僅剩[線上錄影場](https://forms.gle/CvGfdwbqeWVtCCTP9))，週四發行前通知
3. 洧杰錄製影片播放
4. 問大家想先聽任務二還是 Hexo
5. [心得牆任務](https://rpg.hexschool.com/#/training/12062289980032551059/board/content/12062289980032551060_12062289980032551075)填寫
6. 1500 份提交成功，課程延長到 2025/5/31
7. [校長回饋影片](https://youtube.com/shorts/KG7jROPnlTg)


## 切版任務二攻略設計

1. [表頭 header](https://codepen.io/hexschool/pen/eYaBdvp)、[checked 教學](https://codepen.io/hexschool/pen/PovWNOM)、[選單 hover 效果](https://codepen.io/hexschool/pen/mdYRPzN?editors=1100)
2. [表尾 footer](https://codepen.io/hexschool/pen/qBGqzQd?editors=1100)

## hexo 客製化主題教學([影音](https://courses.hexschool.com/courses/2484395/lectures/52651625)

* [Next 主題介紹](https://github.com/next-theme/hexo-theme-next)
* [Ray 助教 - 30 天學 Hexo - 後面章節有教更多 theme 教學](https://ithelp.ithome.com.tw/users/20119486/ironman/2944)
* 六角[專屬模版](https://github.com/hexschool/2024-camp-hexo)
* [補加碼](https://courses.hexschool.com/courses/d9be03111/lectures/54166403?preview=admin)
## 六角模版
1. 首頁：`themes/hexschool/layout/index.ejs`
2. 各頁面：`themes/hexschool/layout/`


## hexo 指令
1. 建立部落格：`hexo init 你的網站名稱 `
3. 開啟伺服器：`hexo server`
4. 新增一篇部落格：`hexo new "部落格標題"`
5. 輸出實際網頁： `hexo generate`
6. 清除快取：`hexo clean`
7. 部署網站：`hexo deploy`




## 下週三：程式培訓營課程說明會

1. 網頁切版學程
2. 網頁切版學程+切版專題
3. 9 個月全組合 [React 前端工程師培訓班](https://www.hexschool.com/courses/react-training.html)
:::spoiler
![截圖 2024-05-29 下午1.57.24](https://hackmd.io/_uploads/rJxA7SEE0.png)
:::



## 第五週小組任務

1. 共同協助突破證書任務二