怎樣個性化你的博客園cnblogs

一、怎么個性化

我想網上已經有很多很好的教程了。這里分享我的一個技巧（設置css樣式，html同理）：

1、首先打開你的博客園的某一個博客隨筆，如果沒有的話，先隨便寫一個。

2、使用你的瀏覽器將網頁保存下來，比如在Chrome下，是【更多工具】→【網頁另存為】，這樣你的博客的內容下載下來了

3、然后使用你的瀏覽器打開下載的網頁，使用你喜歡的編輯器打開一起下載來的文件夾中的css文件，建議使用vscode，這樣你可以使用插件（如Beautify css）來格式化css代碼，便於閱讀

4、瀏覽器使用F12打開開發者工具，通過鼠標在開發者工具中定位你想要修改的地方，瀏覽器會用藍色蒙版提示，記住id

5、在編輯器中查找id然后修改，記住保存

6、瀏覽器刷新就可以見到修改后的內容

7、如果需要保存到博客園設置中，將css內容粘到【頁面定制CSS代碼】即可。

 

二、使用網上現成的皮膚

如果你不想折騰的話，很多博主在博客分享了他們的皮膚，這里我貼幾個我覺得好看的鏈接。

注意你在使用他們的html和js代碼時候注意替換相應內容，比如博主地址和api接口等

• 簡潔
  • https://www.cnblogs.com/hafiz/p/7573464.html
  • https://www.cnblogs.com/liyunhua/p/4558480.html
• 色彩
  • https://www.cnblogs.com/ios9/category/1310269.html
  • https://www.cnblogs.com/yescoolfan/p/3462350.html
  • http://www.cnblogs.com/jingmoxukong/p/7826982.html
• 絢麗
  • https://www.cnblogs.com/bndong/

 

三、接下來

如果你使用那些博主的皮膚的話，那么你的問題是如何根據自己的需求對這些定制文件進行改變。

如果你按照第一步應該有了自己的博客主題初稿。

可能不怎么好看，但是開發本身需要不斷迭代，你的主題也可能根據你的閱歷增加而改變。

 

下面我們一起進入定制的高級主題：引入JS文件來增加必要組件或者動效。

 

loading。。。