与为知笔记融合-博客园装修笔记

前言
吐槽
装修步骤
1、新增访问统计
2、调整文章分类
3、CSS样式调整
用为知笔记直接发布
关于标签
参考

前言

其实最开始博客是想是在CSDN上写的，写了一段时间，但是总是觉得广告，其他无关的东西太多，所以就尝试在博客园写，总体感觉不错，直到后面又用了为知笔记&markdown。
所以后面在开发过程中很多知识内容都零碎记录在了为知笔记里，一直太忙也没时间总结成博文，结果真的是过一段时间会忘的！
索性重新装修一下博客园，明年坚持每个星期能够有一篇心得总结，分享给小伙伴（饮水思源）。

为知笔记真的好用，不是我有意推广哟！
下面是我的邀请码：
https://note.wiz.cn/i/e9589c24
如果你也打算用为知笔记，还请用它注册~

吐槽

没用markdown之前一直用博客园自带样式，那时候都还好，也没改过CSS。但是用了markdown之后，我就再也不想用编辑器写文章了，然而博客园的markdown真的不是很好用，很多特性都不支持，样式也比较丑，包括编辑器，也不支持图片的直接剪切粘贴，一定要一个一个上传，很浪费时间。

装修步骤

1、新增访问统计

这个功能以前觉得没什么用，现在我把它作为激励自己的一种动力。
实现起来其实非常简单，到下面的地址申请一个就好了

http://www.flagcounter.com/

生成的html地址可以随意放置，我是粘贴到了公告栏里，步骤：管理后台-》设置-》博客侧边栏公告
申请之后，会发送一篇邮件到你的邮箱，里面包含管理地址和登陆密码。
如果要查看统计信息，直接点击生成的图片即可。

PS：当然也可以弄更好的比如CNZZ，但是需要申请JS权限，觉得麻烦就没弄了，当你有了JS权限之后，又可以干很多事情咯，想怎么玩都行。

2、调整文章分类

刚开始尝试些博客的，分类和标签傻傻分不清楚，都是一顿乱填，最后想找的时候找不到文章了，非常尴尬。
在用笔记之后，我所有的内容都重新整理过了，并且也做了一篇总结《浅谈知识管理》
但只是局限于笔记里，博客一直没管，这样很不友好，所以按照相关的知识领域做了大类划分，

这么做的目的就是为了拥有更好的兼容性，对于使用到的技术则采用打标签方式
总之到头来还是怎么方便怎么来。

3、CSS样式调整

其实后面很多文章我都开始用为知笔记渲染发布了，发布到博客园上的样式丑很多，但是显示还是没问题的，前面一直也没理了，现在决定完全改成为知笔记的样式。
方法并不难，为知笔记导出html格式，然后直接复制其中的css样式，粘贴到：博客园后台-》设置-》定制页面CSS代码。
接着就是各种微调，调整到自己满意即可。
隐藏广告css

#under_post_news{
    display: none
}
#ad_c1{
    display: none
}
#ad_c2{
    display: none
}
#under_post_kb{
    display: none
}
#ad_t2{
    display: none
}

返回顶部css

#comment_nav a:nth-child(2) {
    display: none
}
#comment_nav a:nth-child(3) {
    display: none
}
/*快速评论*/
#comment_nav {
    position: fixed;
    bottom: 10px;
    right: 25px;
    border: 2px solid #ECD7B1;
    padding: 5px;
    background-color: #fff;
    border-radius: 5px 5px 5px 5px !important;
    box-shadow: 0 0 0 1px #5F5A4B, 1px 1px 6px 1px rgba(10, 10, 0, 0.5);
}
#comment_nav a {
    padding-left: 0px
}

用为知笔记直接发布

目前所有的笔记我都是用markdown写的，发布很方便
发布地址可以在：博客园后台-》设置-》最下面找到
对于分类，直接填写后台设置的名称即可，接着就发布吧

文章如果有修改也不用着急，重新发布一次即可，会自动覆盖之前那一篇的。

#遗留问题
上图你也看到了，没有标签选项……
那么问题就来了，博客园自带的编辑器保存时会破坏为知笔记生成的html，之后样式就坏掉了，最主要是有些代码的空格都被直接消掉了，目前没找到什么好办法，索性不适用标签了！

关于标签

感谢@Dulk同学细心的留言。
只要你的文章在wiz中有添加标签，那么发布到博客的时候就会自动添加标签
这样一来，融合就完美无缺了~

参考

http://www.cnblogs.com/asxinyu/p/Bolg_Category_For_BlogBeauty.html
http://www.cnblogs.com/imsoft/p/4380783.html