博客园定制CSS与页脚Javascript

1.写在前面

• 博客园自带的markdown样式较为简洁，因此想定制博客样式。
• style.css文件修改自huizhong，特表示感谢。

2.主要改变

• 自定义博客园markdown渲染样式
• 博客园markdown代码没有行号，使用SyntaxHighlighter插件重新渲染代码部分，详见footer.js，SyntaxHighlighter插件博客园已支持。
• 博客园markdown不能自动生成目录，因此使用将所有的<h2>和<h3>提取制作目录，使用<a>标签实现目录在页内的跳转
• 申明版权信息，实现了在博客正文最顶端自动生成版权信息，出处为当前url。
• 更多变化可以参考我的博客

2.1 代码简介

• 一个对象，setMyBlog
• 四个方法：代码行号、版权信息 、超链接新窗口打开、自动生成目录章节
• setMyblog.runAll() 为执行所有方法，更改该函数可选择执行某几个方法。

2.2 示例如下

2.2.1 更改后的引用

2.2.2 代码行号

2.2.3 版权信息与目录章节

3.使用方法

• 将style.css的代码复制到博客园后台管理的页面定制CSS代码中。
• 将footer.js的代码复制到博客园后台管理的页脚Html代码中。
• 在编辑器设置中设置默认编辑器为Markdown