制作博客园目录导航

一、效果

在博客园文章的上方制作一个导航窗口,方便浏览文章内容。点击按钮可以,隐藏和显示导航窗口。

image

二、配置方法

2.0 相关css和js的下载

链接:https://pan.baidu.com/s/1NFdXwKxndQx84gBplCpNpg
提取码:q9re

2.1 上传制作好的相关js和css文件到博客园(这已经制作好)

image

2.2 在博客园中引入上传好的css和js文件(还要引入公共的bootstrap),并保存。

<script src="http://cdn.bootcss.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
<link href="http://files.cnblogs.com/files/helf/marvin.nav.my1502.css" rel="stylesheet">
<script type="text/javascript" src="http://files.cnblogs.com/files/helf/marvin.cnblogs.js"></script>
<script type="text/javascript" src="http://files.cnblogs.com/files/helf/marvin.nav.my1502.js"></script>

 

image

三、关于

相关css和js文件,参考了下面文章,并进行了修改,可以根据自己的习惯修改定制,也可以直接下载我的。在此,感谢该文章的作者。

http://www.cnblogs.com/asxinyu/p/Bolg_Category_AddArticleCategory_6.html

posted @ 2020-05-09 11:50  雪竹子  阅读(278)  评论(0编辑  收藏  举报