今天休息,空闲下来好久没有来过博客了,打开手机在浏览器里输入了熟悉的网址,第一次用iphone自带的Safari浏览器看自己的博客,发现好多瑕疵.....右侧菜单栏搜索框上方的按钮不适应剧中;登录页面不居中........等等 登录页面很好修复,删除了多余的 css 就可以了,侧边栏试了几种方法都没有效果,最后决定加一个判断 ( 判断 ios 还是 android) android显示内容 if(navigator.userAgent.indexOf("Kenfor...=-1){ document.getElementById("android").style.display = "block"; } ...=-1){ document.getElementById("iphone").style.display = "block"; }
[add penguin user script] 运行用户脚本 安装之后打开或刷新http://www.qq.com 页面就能看到页面已经改变!...[百度默认搜索结果页面] 如上图,百度默认搜索页面上会有搜索热点的推荐,这很容易将注意力引导过去而忘了真正要搜索的事情,所以就想把右侧边栏给隐藏掉。...document.getElementsByTagName('head'); head[0].appendChild(styleDom); })(); Ctrl + S保存脚本,刷新搜索结果页面,可以看到右侧边栏已经隐藏掉了...[隐藏右侧边栏] 监听ajax请求 如果只有上面那么多代码会有一个问题,通过点击顶部“百度一下”按钮再次搜索时,右侧边栏又出现了!...“谷歌一下"的按钮,来使用谷歌搜索当前的关键词并在新页面打开。
个人的体会是整体的基础框架,这个是指最基础的框架,比如根 router-view, 侧边栏以及侧边栏的router-view,以及顶部栏,等基础布局的控制。... ok 有了根之后,我们需要有一个 layout 页面,这个页面来承载我们的侧边栏,顶部栏 layout...页面他是两栏布局的,一栏是我们的侧边导航栏, 侧边栏 如何完成这个两栏布局 可以使用 float 可以使用弹性布局 display: flex 也可以使用定位 侧边导航栏,可能我们需要来研究 element-ui...面包屑 消息通知 下拉菜单 关闭展开侧边栏按钮 面包屑 需要注意什么呢?...需要注意是否需要点击跳转的,定位到那一级菜单的问题 需要研究 Breadcrumb 面包屑 关闭展开侧边栏按钮 需要使用 vuex 来存储打开与否的这个状态值,通过 vuex 来更改状态 AppMain.vue
多个封面页,并指定文件名 coverpage: { '/': 'cover.md', '/zh-cn/': 'cover.md', }, }; name:文章标题(显示在左侧边栏顶部...} 同级目录新建_navbar.md构建导航栏 # url可指向指定html或pdf文件,docsify自动渲染 * 导航1 * [子导航](url) * [导航2](url) 侧边栏构建...$docsify添加配置默认加载侧边栏 loadSidebar:配置侧边栏是否展示 subMaxLevel:配置显示目录的最大层级 window....$docsify = { loadSidebar: true // 默认加载 _sidebar.md,作为侧边栏(在同级目录下构建_sidebar.md),可自定义指定md文件路径 xxx.md...这个时候当点击指定文件目录下的文件时候,加载的也是同级下的对应路径引用的文件(但是这种方式构建的话过于繁琐,不建议) 方案2:配置路由别名(在docsify中See #301) alias: { // 配置导航栏和侧边栏的路由别名
> 上面的代码也可保存为*.js加载,需要去掉标签。...> 关闭侧边栏...显示侧边栏...()">关闭侧边栏 显示侧边栏...wordpress-close-or-show-sidebar.html http://isayme.com/2011/09/make-the-theme-thiner.html http://code.google.com
在侧边栏下部应该可以看到 AdSense 推送的广告,如果看不到,查看浏览器是否安装了 AdBlock 等广告屏蔽插件,请暂时关闭这些插件。 ?...文字广告和展示广告(即侧边栏,评论区之类的固定广告位) 信息流广告(插入在信息流内容的广告位置) 文章内嵌广告(主要是插入在每篇文章内部的开始,中间,结尾部分,展示次数比较多,强烈推荐) ?...由于本人的是博客网站,所以第二种信息流广告没有投入使用,第三种影响阅读体验,所以博主现在主要采用第一种方式,在侧边栏展示广告。...广告单元插入 博主启用了自动广告,广告单元仅使用了第一种方式,在网站的侧边栏和评论区展示广告,但下面会提供几种针对 Hexo 的 Next Theme 广告单元代码位置的插入。...> (adsbygoogle = window.adsbygoogle || []).push({}); {% endif %} 插入侧边栏 将代码插入\themes\next
文件作用 文件 基础配置项(入口文件) index.html 封面配置文件 _coverpage.md 侧边栏配置文件 _sidebar.md 导航栏配置文件 _navbar.md 主页内容渲染文件 README.md...仓库地址,点击右上角的Github章鱼猫头像会跳转到此地址 repo: 'https://github.com/YSGStudyHards', // 侧边栏支持...,设置生成目录的最大层级(建议配置为2-4) subMaxLevel: 4, // 小屏设备下合并导航栏到侧边栏 mergeNavbar...--在所有的代码块上添加一个简单的Click to copy按钮来允许用户从你的文档中轻易地复制代码--> <script src="//cdn.jsdelivr.net/npm/docsify-copy-code...简单、轻便 (压缩后 ~21kB) - 无需生成 html 文件 - 众多主题 [开始使用 Let Go](/README.md) 侧边栏配置文件(_sidebar.md) Docsify官网配置侧边栏教程
从上面的效果图大家可以看到,左侧有个侧边栏用于显示文档目录和大纲,侧边栏可以在index.html文件中进行配置; window....@4"> 然后在docs目录下添加侧边栏的配置文件_sidebar.md,添加如下配置即可; * 序章 * [mall架构及功能概览](foreword/mall_foreword...,大家可以发现Docsify不同于VuePress,可以直接使用Markdown进行侧边栏配置。...定制导航栏 Docsify还支持顶部导航栏的配置,直接修改index.html文件,添加如下配置; window....@2/dist/docsify-copy-code.min.js"> 添加完成后,在我们代码的右上角就会出现复制代码按钮了。
2.3、高级配置 2.3.1、侧边导航栏 配置左侧的导航栏,我们需要打开侧边栏开关: window....*/_sidebar.md': '/_sidebar.md' } } 还需要维护一份_siderbar.md的配置文件: 一个页面的 title 标签是由侧边栏中选中条目的名称所生成的...│ index.html │ README.md │ _sidebar.md │ └─docs .nojekyll 升级.md 安装.md 对于侧边栏的层级我们可以自己进行定义...配置文件方式 和左侧导航栏一样,顶部导航栏也需要打开配置: window....,下一篇导航按钮。
正文 本篇用于记录我在Hexo个人博客中使用的icarus主题中的配置文件,为了方便使用该主题的小伙伴们进行配置,我根据该主题提供的一些说明进行整理到了配置文件中,方便英语弱的小伙伴使用。...此logo会显示在导航栏和页脚。...hexo-theme-icarus/categories/Plugins/Share/ share: type: sharethis # URL to the ShareThis share plugin script...install_url: '' # 侧边栏的配置。...# 请注意,侧边栏只有在至少有一个小部件时才可见 sidebar: # 左栏的配置 left: # 当页面滚动时左侧侧边栏是否停留在顶部 sticky:
> 重新启动应用,登录后点击Employee List 页面跳转到list.html页面,并且无任何错误信息 抽取公共页面 由于list.html和dashboard.html的顶部和侧边栏都是相同的...,因此可以将顶部和侧边栏抽取为公共页面 Thymeleaf官网中 8 Template Layout 提到了如何抽取公共页面 首先要在index.html的顶部导航栏设置一个fragment 然后在...将公共片段插入到这个声明引入的元素中 th:replace,将声明引入的元素替换为公共片段 th:include,将被引入的片段内容包含到这个标签中 因此需要将insert替换为replace 抽取侧边栏时...,给侧边栏设置一个id为selector 引入时通过id选择器引入公共片段 重新启动应用,查看页面顶部导航栏和侧边栏 修改过后,侧边栏能够正常显示 抽取公共片段到单独页面 上面定义的公共片段还是在具体的页面中...,可以将公共页面,顶部和侧边栏单独抽取到一个html页面中,降低耦合 新建一个bar.html,将顶部导航栏和侧边栏拷贝到该页面中 在dashboard.html页面和list.html页面引入公共片段
$docsify = { name: '', repo: '', } name 代表网站内部名称,设置完成之后显示在网站侧边栏的上部。...侧边栏 我们发现上述页面中的侧边栏,是根据 md 文件中的标题生成,如果我们不想让其根据标题生成,而是通过自定义生成,则可以在指定的 md 文件中添加 # {docsify-ignore-all} 并在...具体实现方式如下 侧边栏 1 侧边栏 2 侧边栏 3 此时发现侧边栏中标题导航已经消失,此时如果想要自定义侧边栏导航的话,则需要新建 _sidebar.md 并在该文件中定义侧边栏内容,具体实现方式如下...侧边栏 4 侧边栏 5 侧边栏 6 此时我们发现,当我们点进好运来时,侧边栏并没有随着文件的改变而改变,所以搭建网站时,可以根据实际需求,选择根据标题等级自动生成侧边栏,还是自定义。...,当我们在阅读时,想要返回顶部阅读,滑动滚动条,是比较麻烦的,此时则可以直接点击返回顶部按钮,重新进行阅读。
于是我也弄了个差不多的,结果侧边栏和正文都是标签广告,而且经常还是展示相同的内容!然而我的主题侧边栏又太窄了,并不适合其他广告!真是恼火。。。 只好变着花样试着在各种地方放置标签广告。...换来换去,最终又回到了原点——侧边栏!发现折腾真是一个无尽的死循环。。。 最终,我将 QQ 邮箱订阅和百度联盟标签广告结合在一起,放置到了侧边栏,感觉还比较和谐,就来分享下,喜欢的可以去折腾试试。...--百度联盟异步代码,请修改下--> BAIDU_CLB_fillSlot("912208"); 使用说明: ①、修改第...10 行 value 值为你的 QQ 邮箱列表的 id 值,申请地址:http://list.qq.com ②、替换第 16 行百度广告代码为自己的标签广告代码; ③、将以上代码放置到博客侧边栏,你想要展示的位置即可
此时侧边栏的会出现docs,并且点击即可查看渲染好的docs.md- [docs](docs/docs.md)如果想要多级目录,请参照底下侧边栏插件的详细用法------以上,index.html文件就是这些内容...-- 侧边栏扩展与折叠 --> 然后去_sidebar.md文件里面也添加上一行代码侧边栏插件
在这篇文章中,我们将给博客添加 Disqus 评论系统,实现 谷歌分析以及完成侧边栏的小部件。.../google-analytic.ejs /* layout/_partial/google-analytic.ejs */ ...corresponding tutorial at http://www.codeblocq.com</a tags: true 侧边栏代码...作为所有小部件的占位区,我们的侧边栏需要遍历配置文件中的所有小部件并将其渲染出来: 侧边栏的 EJS 模板如下: /* layout/_partial/sidebar.ejs */ <% for(var...设置一个段落用于存放博客中用过的所有标签。它们互相之间用空格隔开,并且字体大小与标签使用次数成比例。
/Google\ Chrome –remote-debugging-port=9222 Linux 打开控制台执行: google-chrome –remote-debugging-port=9222...Visual Stuido Code 安装插件 点击 Visual Studio Code 左侧边栏的扩展按钮, 然后在搜索框输入Debugger for Chrome并安装插件,再输入,安装完成后点击...reload 重启 VS Code 添加 Visual Studio Code 配置 点击 Visual Studio Code 左侧边栏的 调试 按钮, 在弹出的调试配置窗口中点击 设置 小齿轮,...false 开始调试吧 一切具备了, 现在验收成果了 通过第一步的方式以远程调试打开的方式打开 Chrome 在 vue 项目中执行npm run dev以调试方式启动项目 点击 VS Code 左侧边栏的调试按钮...,选择 Attach to Chrome 并点击绿色开始按钮,正常情况下就会出现调试控制条。
Workspace 侧边栏中的 Gemini 现在使用 Gemini 1.5 Pro,并即将向更多人开放。...在 Workspace 应用的侧边栏中访问 Gemini 1.5 Pro从今天开始,Gmail、Docs、Drive、Slides 和 Sheets 的侧边栏中的 Gemini 将使用 Gemini 1.5...此外,侧边栏中将出现摘要、建议的提示等,轻松上手。由于上下文窗口更长,Gemini 可以引用更大范围的数据。...下个月,它将通过 Gemini for Workspace 插件和 Google One AI 高级计划在桌面上向企业和消费者开放。Gemini 在 Gmail 侧边栏中总结最近的邮件和会议要点2....只需点击邮件线程顶部的摘要按钮即可获取重点。
放到与main.py同一目录下 成果演示 实现过程 1.安装完selenium和python后,将驱动安放好位置,还需要进行一些额外配置 首先将chrome安装目录"C:\Program Files\Google...= 0; i < items.length; i++) {var tmp = items[' \ 'i];tmp.target="_self";} ' wd.execute_script...Keys.ENTER) # 此后进入视频 time.sleep(3) little_one = wd.find_elements(By.CSS_SELECTOR, 'a[style]') # 侧边栏的课程列表...length_little_one = len(little_one) index = 1 # 第几个视频 print("成功加载侧边栏的课程列表,一共{}个视频".format...in range(length_little_one): little_one = wd.find_elements(By.CSS_SELECTOR, 'a[style]') # 侧边栏的课程列表
index.html -| README.md 实时预览 在命令行中输入如下命令: docsify serve docs 访问该地址即可查看效果:http://localhost:3000/ 定制侧边栏...在index.html中添加侧边栏的配置: window..../docsify.min.js"> 添加_sidebar.md文件来配置侧边栏: * 序章 * [mall架构及功能概览](foreword/mall_foreword_...architect/mall_arch_01.md) * [mall整合Swagger-UI实现在线API文档](architect/mall_arch_02.md) 这样就可以生成一个二级的侧边栏...展示图片 定制导航栏 在index.html中添加导航栏的配置: window.
Windows 右键点击 Chrome 的快捷方式图标,选择属性 在目标一栏,最后加上 --remote-debugging-port=9222,注意要用空格隔开 macOS 打开控制台 执行命令.../Applications/Google\ Chrome.app/Contents/MacOS/Google\ Chrome --remote-debugging-port=9222 Linux...打开控制台 执行命令 google-chrome --remote-debugging-port=9222 2.安装 Chrome Debug 插件 点击 Visual Studio Code 左侧边栏的扩展按钮...3.创建 Debug 配置文件 点击 Visual Studio Code 左侧边栏的 调试 按钮, 在弹出的调试配置窗口中点击 设置 小齿轮, 然后选择 chrome, VS Code 将会在工作区根目录生成...点击 VS Code 左侧边栏的调试按钮,选择 Attach to Chrome 并点击绿色开始按钮,正常情况下就会出现调试控制条。 现在就可以在 vue 文件的 js 代码中打断点进行调试了。
领取专属 10元无门槛券
手把手带您无忧上云