博客园定制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