这是一个最帅的网站,也是一个最low的网站;
这是一个机警的网站,也是一个屈曲的网站;
这是一篇记录我为什么选择了博客园并如何调♂教她的文章。看完这篇文章你可以收成什么?你会再也不想写CSS!

最近想找个地方整理一些自己的想法,研究了一些热门站点,
CSDN
和大多数人一样,CSDN是我从小白到入门最常逛的网站,两年前曾在CSDN上持续记过100多篇的leetcode解题思路,坚持了大概1年吧。记得当时参加网易的笔试,考完后把算法题的解析往博客上一贴,几个小时就达到了1w+的访问量,这是第一次亲自体验什么叫“蹭热点”(笑)。后来由于校招结束,算法题也就没再刷了。现在再去看看自己的博客,看看CSDN,觉得CSDN现在的广告与抄袭还是有点多...
掘金 && 思否
掘金是最近两年火起来的网站吧,个人觉得掘金的markdown编辑器是浩瀚博客网站中最好用的,文章排版也好看,掘金上最多的还是前端开拓干系。而思否作为一个海内版的stackoverflow,像我这种面向stackoverflow编程的选手对它的好感度是直接拉满啊,觉得这两个网站差不多,都作为备选。
知乎
知乎上写文章倒是中规中矩吧,专栏的访问量与我当时在CSDN上访问量增长速率差不多。最难熬痛苦的一点便是,知乎的markdown编辑器太太太难用了!
自建网站
有人说你这么挑干脆自己搞一个网站吧,确实我有搞过,不信你可以访问下我的个人网站guoyuxiang.cn。支配过Hexo,觉得发一篇文章太麻烦了,Gayhub Page访问太慢。末了自己买了个阿里云做事器,又在Gayhub上找个了开源的基于SpringBoot的博客系统tale,吭哧吭哧的就开搞了,虽然现在一贯在做事器上跑着,访问者寥寥无几。
末了选择了博客园。
还记得第一次打开博客园首页的时候,这90年代的网站吧,这么low,直接秒关。后来看一些博客的时候,嗯?这些博客好炫啊,怎么都是cnblogs开头的。
真喷鼻香,自定义CSS天下第一。
综合来说,博客园支持markdown(虽然每次我都是用神器typora写好然后copy上去),也乐意被当成一个图床,SEO也还行,又是一个大牛云集十分专业的网站,非常赞的一点便是,广告居然可以直接通过自定义CSS给隐蔽掉,我和我的小伙伴都惊呆了,博客园不会溘然有一天没钱倒闭了吧?
虽然末了在好马也吃转头草的生理下选择了博客园,但是调♂教是必不可少的(紧张还是改的多,怕忘却)。
主题选择在博客园后台的设置->博客皮肤中可以进行主题的选择。
亲,这里推举你这四款皮肤哦:
这几款皮肤除了IMetro,都比较符合我的审美。但是我曾有幸见识过某位二次元大佬将IMetro这个主题改的“面孔全非”,不过一时找不到它的站点了(逃)。
根据个人博客主题的不同,页面定制的CSS代码也不一样。大家可以直接搜索\公众博客园美化\"大众,有很多超炫调教。
这里呢我自己选择了darkgreentrip,整体的效果可以直接访问https://www.cnblogs.com/9plus/。给大家看看比拟图:
左侧公告栏(我真不是给自己打广告)
导航栏
目录
引用
博客园默认的引用样式很僵,直接采取大众接管的这种风格:
代码块
采取sublime主题:
评论区
定制CSS
博客园的CSS定制功能实在便是你自定义一个同名样式去顶掉当前博客利用的样式。各个模板由于样式不同会有一定的差异,但全体html树都是同等的。须要我们会用F12去调试。
不得不说,博客园的这个CSS定制功能真是太棒了。
比如将博客园的引用改为通用markdown的引用效果,则在页面定制CSS代码中输入:
通过border-left在左边画一条灰色的线即可。
代码块功能采取sublime样式,这里须要去highlight.js官网***干系CSS样式,海内访问+***比较慢。因此呢我把它放在gayhub上,打个广告,大家须要获取这个代码块样式的可以关注我的公众年夜众号:Plus技能栈,回答 博客园 获取。
如图,我们只须要这个文件(当然其他的风格大家可以自己试试)。
我们将里面的样式全部导入到博客园中,但是把稳一定要在第一行的.hljs前面加上.cnblogs-markdown,不然样式会失落效。例如我的(也放在了gayhub上):
末了,最最故意思的是,我通过修正广告的CSS样式,真的让全体博客没有广告了。
这是正常的:
这是我的:
手动点个赞。
末了实在全体页面元素很多,包括页首的漂浮着的github飘带,页脚的求关注等等样式我还没加,尤其针对我这种青铜级别的CSS水平,全体修正花了巨长的韶光,以是文末再次向各位读者朋友求个关注(下次我再更新下超强编辑器VIM的魔改)。关注公众年夜众号Plus技能栈,回答 博客园 获取全体页面的样式代码。