原文:hexo干货系列:(八)hexo文章自动隐藏侧边栏

前言 使用Jacman主题的时候发现打开具体文章后,侧边栏还是会展示,我想要的效果是自动隐藏侧边栏,并且展示目录。但是当我修改了主题配置文件里面close aside属性为true的时候,发现侧边栏隐藏了,但是目录没出来。于是就有了这篇文章,让我带你一步步明白原理并解决问题 正文 侧边栏的代码结构 如图: 为显示侧边栏按钮,对应的是openaside,默认隐藏 为文章目录,对应的是to和toc a ...

2016-04-09 23:33 1 2398 推荐指数:

查看详情

做一个自动隐藏侧边栏吧!

这个做Web网页的系列文章,我会慢慢更新的。这也是对我使用Web前端技术的练习和总结(顺便练练用Markdown的写作)。如果大家觉得好的话,欢迎收藏、点赞、关注! 这个演示的图片如下:动态图片有点大,所以一时打开会比较卡凑活着看吧:http://47.96.224.250/m/demo.gif ...

Tue May 14 00:31:00 CST 2019 0 607
jquery隐藏侧边栏和折叠侧边栏方法

两种效果如下所示: 隐藏侧边栏: 折叠侧边栏: 下面,分享隐藏侧边栏实现方法: 实现思路:给body切换class,通过class控制侧边栏和主体部分left 来实现效果 html部分: <div class="sidebar">侧边栏< ...

Thu Dec 15 01:11:00 CST 2016 6 17585
hexo干货系列:(三)hexo的Jacman主题优化

前言 上一篇介绍了Jacman主题的安装和配置,今天根据上次的基础做了些优化,让博客看起来很舒服。 正文 首页文章展示摘要 该主题首页文章列表默认是全部展开,感觉不好,我关闭掉了,只展示少量摘要。 修改\themes\jacman下面_config.yml中的expand改成false ...

Mon Apr 04 08:11:00 CST 2016 1 2365
hexo干货系列:(七)hexo安装统计插件

前言 前面介绍了如何让百度和谷歌收录我们的博客,那如何查看自己的博客每天被多少人访问呢~ 这里我介绍下hexo中如何使用统计插件,每天看到自己的博客访问量越来越高也是一种享受。 正文 开启统计功能 我使用的Jacman主题的配置文件中就有配置有统计插件,有谷歌,百度以及CNZZ,我最终选择 ...

Fri Apr 08 05:02:00 CST 2016 1 7655
制作侧边栏显示和隐藏效果

公司最近在做一个视频直播的功能,里面有个页面样式是需要点击收起侧边栏的,整体效果如图: 那么如何制作呢,参考了网上的代码,我发现很简单,下面就是我制作的代码: 总结: 1、是通过css动画效果来制作的,再通过js切换css里面的class ...

Wed Aug 31 17:22:00 CST 2016 0 2552
hexo干货系列:(四)将hexo博客同时托管到github和coding

前言 之前我们把hexo托管在github,但是毕竟github是国外的,访问速度上还是有点慢,所以想也部署一套在国内的托管平台,之前查资料听说gitcafe,但是听说gitcafe已经被coding收购了,所以就决定部署到coding。 查询了多方资料,终于鼓捣出了本地一次部署,同时更新 ...

Tue Apr 05 02:46:00 CST 2016 2 9555
hexo干货系列:(五)hexo添加站内搜索

前言 本来想用百度站内搜索,但是没成功,所以改用swiftype,用起来还是很棒的,这里分享一下我的安装步骤 正文 注册 去swiftype官网注册个账号,然后登陆,对了不要去在意30天试用, ...

Tue Apr 05 17:47:00 CST 2016 1 2409
hexo干货系列:(一)hexo+gitHub搭建个人独立博客

前言 一直想要一个自己的独立博客,但是觉得申请域名+服务器的太麻烦了就一直没有实现。偶然机会发现Hexo这个优秀的静态博客框架,再搭配现在流行的gitHub,简直是完美写博客的黄金搭档(免费+方便)。 于是就上网参考了好多教程最后磕磕碰碰的搭建了起来。但是网上的教程多多手手都有点问题 ...

Sun Apr 03 07:05:00 CST 2016 7 2387
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM