Skip to content

Latest commit

 

History

History
39 lines (26 loc) · 1.79 KB

README.md

File metadata and controls

39 lines (26 loc) · 1.79 KB

博客园定制CSS与页脚Javascript

1.写在前面

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

2.主要改变

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

2.1 代码简介

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

2.2 示例如下

2.2.1 更改后的引用

示例1

2.2.2 代码行号

示例2

2.2.3 版权信息与目录章节

示例2

3.使用方法

编辑器设置