園子裡的模板非常豐富，但距自己的期望，總是差一點點。加上我使用的是windows live writer 2009寫部落格（2011的某些功能我無法接受，退回到習慣的舊版），所以寫部落格快則快矣，介面就有點不忍直視了。如前兩天寫的一篇博文：
無論是標題，還是各級子標題、**、例子，布局，感覺都是亂糟糟的，開啟頁面，實在沒有閱讀下去的興趣。
於是研究了一下究竟怎樣來優化部落格介面，對以下方面進行了修改：
最後的結果好多了：
過程中有些地方的確是反覆嘗試多次才找到位置的，怕時間一久我記不起這些細節。所以趁熱先記錄一下。
首先，自定義模板的思路被否決了。因為我的目標只是想讓部落格內容頁面稍微整齊點而已，自己設計模板要付出的代價實在太高了，所以放棄。
經過摸索，對於介面優化大致的思路是：
1）盡量簡單，不要做太多的複雜設定；
2）仍然可以使用wlw寫部落格，介面**主要在伺服器上設定。
整個過程有點類似於內容和介面分離：在wlw中，按照正常的標籤寫內容，在伺服器上，再根據模板和自定義樣式進行渲染：
客戶端：
提交後，檢視的效果：
研究頁面的html**，找到一些關鍵的id和class，將來就是通過對它們設定自定義樣式來修改介面：
.posttitle：標題，不過目錄頁中也會用到這個樣式，所以需要防止干擾
#cnblogs_post_body：內容主體
#cnblogs_post_body h1：一級標題
#cnblogs_post_body p：所有內容中的段落
其他自定義的樣式，可以用#cnblogs_post_body後跟自定義樣式的方式來限定，如我對「回到頂部」div的自定義樣式，就可以通過#cnblogs_post_body .bm來控制。
在後台-設定中，新增自定義樣式即可
經過實驗，這些樣式的優先順序往往高於模板樣式，因此，只要能夠準確的定位選擇符，就可以較好的修改介面。
另外，建議做好注釋。
1）正文：正常寫，保證是p標籤即可
3）目錄，使用列表，指向標題前面的乙個div，內有「回到頂部」鏈結
常見字串操作
、回到頂部
5）**樣式我採用自定義方式，所以每次貼上**，需要切換到源**檢視進行
6）一些輸出結果，例項文字等，也可以用**方式顯示。只要用包住即可
7）實踐發現，使用wlw反覆修改都沒事，但如果用自帶編輯器修改後，**格式會更改，因此需要注意
CSDN部落格自定義字型樣式
stcaiyun 我是華文彩雲stcaiyun 的效果 楷體 這是 color red size 6 face 楷體 的效果 這是 color blue size 6 的效果 我是華文彩雲stcaiyun 的效果 這是 color red size 6 face 楷體 的效果 這是 color bl...
自定義部落格園樣式
首先宣告一點 樣式並不全是本人所寫,是我個人整合 感覺每個人的部落格都喜歡一點,所以自己整合了一下 由於每次更新部落格,都需要重新更新此文件很麻煩,所以此部落格只會定期更新,如果想要使用最新版本樣式,請前往本人github 以下是 配置 載入天數.載入時分秒.如果配置成功了,不妨點個贊,咱們一起開心...
如何自定義部落格園樣式
每次看到別人的部落格樣式都感覺很舒服，很好看。當自己開通部落格後，使用了預置的樣式也無法達到自己想要的頁面效果，怎麼辦？廢話不多說，直奔主題 還有這樣的功能，我怎麼不知道，後來也是看到園友發表過類似的文章才知道的。首先我們要在後台設定tab頁裡，找到部落格 下拉框選中 custom 意思就是自定義，...