框架学习之Bootstrap链接导航affix

前期概要，项目中需要使用到点击左侧目录树，右侧文档跳转到对应的锚点地点，所以使用了bootstrap的affix，结果点开了一堆bug，主要是太粗心，所以写一篇文章记录一些基础使用情况

1 默认情况

自定义样式

1
2
3
4
5
6
7
8
9
/* Custom Styles */
ul.nav-pills.affix{
    top: 30px; /* 在页面滚动的时候会给添加了affix-top的样式修改为affix,修改左侧目录树距离顶端的距离，这个和js中写偏移一样的效果 */
}
p.h4
{
    line-height:2;
    /*text-indent:2em;*/
}

阅读更多 >>

tag:

    缺失模块。
    1、请确保node版本大于6.2
    2、在博客根目录（注意不是melon根目录）执行以下命令：
    npm i hexo-generator-json-content --save

    3、在根目录_config.yml里添加配置： 

                  jsonContent:
                meta: false
                pages: false
                posts:
                  title: true
                  date: true
                  path: true
                  text: false
                  raw: false
                  content: false
                  slug: false
                  updated: false
                  comments: false
                  link: false
                  permalink: false
                  excerpt: false
                  categories: false
                  tags: true

吴王苑外云<br><br>莫过两三巡<br>