# 前置 自定義部落格園樣式需要一下幾部分 - 頁面定製 CSS 程式碼 - 部落格側邊欄公告（支援 HTML 程式碼） （支援 JS 程式碼） - 頁首 HTML 程式碼 - 頁尾 HTML 程式碼 你可能不熟悉 **頁首 HTML 程式碼** ，可以在此處放入一個 loading，因為頁面載入時會最先載入這部分。總之，**頁面定製 CSS 程式碼** 和 **部落格側邊欄公告（支援 HTML 程式碼） （支援 JS 程式碼）** 是最重要的兩部分。 # 方式 自定義你的面板可以使用下面這幾種方式： ## css in js 通過 webpack 我們可以實現將 css 打包到 js， 樣式由 js 動態新增。使用時只需要這樣： 1. 引入打包好的 js 2. 給你的面板新增一些配置（可選的） ```js ``` > 如果不暴露配置直接引入一個 js 就好了，是不是非常簡單？ **缺點** 頁面不能及時渲染 css，因為 css in js，但是我們可以加個 loading 解決。