怎样个性化你的博客园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。。。