简要教程 pushbar.js是一款带模糊效果的js隐藏滑动侧边栏插件。pushbar.js能制作上下左右四个方向的滑动侧边栏效果,并且在侧边栏菜单显示的时候,主页面会带有炫酷的模糊特效。...使用方法 在页面中引入pushbar.js和pushbar.css文件。...隐藏滑动侧边栏菜单的HTML结构如下: <span...var pushbar = new Pushbar({ blur:true, overlay:true, }); 配置参数 该js隐藏滑动侧边栏菜单的可用配置参数如下: blur:是否在打开侧边栏时主页面带模糊效果...overlay:是否在打开侧边栏时主页面带遮罩层。
图片来源:Google Search Console 2. )网址前缀形式添加的资源,比较常用的就是下载网站对应的Html验证文件,然后上传到网站根目录中。...a.在谷歌站长工具的左侧边栏,打开国际定位功能: b.你还可以设置网站主要面对的国家地区是哪个,不过外贸网站都是面对境外所有国家的,没有特殊需求,就不用设置。...检查网站安全性问题 点击左侧边栏“安全问题”,查看网站中是否存在影响SEO的安全性问题。不过一般都是没有问题的,为了安全起见,还是检查一下。...网址检查 搞定了一切之后,在顶部栏直接输入想要检测的网址,就会出现下图: 图片来源:Google Search Console 如果你的网址没有被谷歌收录,怎么办?...图片来源:Google Search Console 四、 如何查看网站效果? 在工具中点开“效果”,我们可以看到谷歌搜索的次数和曝光次数。
} 同级目录新建_navbar.md构建导航栏 # url可指向指定html或pdf文件,docsify自动渲染 * 导航1 * [子导航](url) * [导航2](url) 侧边栏构建...$docsify添加配置默认加载侧边栏 loadSidebar:配置侧边栏是否展示 subMaxLevel:配置显示目录的最大层级 window....subMaxLevel: 3, // 生成目录的最大层级 } 同级目录新建_navbar.md构建侧边栏 # url可指向指定html或pdf文件,指向相对路径文档内容,docsify自动渲染...,不建议) 方案2:配置路由别名(在docsify中See #301) alias: { // 配置导航栏和侧边栏的路由别名 '/....-External Script 如果文档里的 script 是内联脚本,可以直接执行;而如果是外链脚本(即 js 文件内容由 src 属性引入),则需要使用此插件。
可以到GreasyFork等脚本共享网站上查找喜欢的脚本进行安装,但要小心识别别人写的脚本是否有恶意代码。...,刷新搜索结果页面,可以看到右侧边栏已经隐藏掉了。...[隐藏右侧边栏] 监听ajax请求 如果只有上面那么多代码会有一个问题,通过点击顶部“百度一下”按钮再次搜索时,右侧边栏又出现了!...“谷歌一下"的按钮,来使用谷歌搜索当前的关键词并在新页面打开。...q=' + $('#kw').val()); }); googleBtn.insertAfter($('#su')); [google with baidu] 如何分享自己的脚本 首先要把你的脚本保存到本地
在 part1 和 part2 中,我们已经创建了博客的所有页面。在这篇文章中,我们将给博客添加 Disqus 评论系统,实现 谷歌分析以及完成侧边栏的小部件。...Hexo 中使用 Disqus 评论系统的文章。... 首先我们检查是否开启了评论功能和设置了 disqus UID,之后将 Disqus 标记代码放到容器里...corresponding tutorial at http://www.codeblocq.com</a tags: true 侧边栏代码...作为所有小部件的占位区,我们的侧边栏需要遍历配置文件中的所有小部件并将其渲染出来: 侧边栏的 EJS 模板如下: /* layout/_partial/sidebar.ejs */ <% for(var
Vuepress特点 响应式,也可以自定义主题与hexo类似 内置markdown(还增加了一些扩展),并且可以在其使用Vue组件 Google Analytics 集成 PWA 自动生成Service...image 侧边栏配置 可以省略.md扩展名,同时以 / 结尾的路径将会被视为 */README.md module.exports = { themeConfig: { sidebar:...', 'css-standard', 'js-standard', 'git-standard' ] }] } 支持侧边栏分组(可以用来做博客文章分类)...将dist文件夹中的内容提交到git上或者上传到服务器就好 yarn docs:build # 或者:npm run docs:build 另外可以弄一个脚本,设置持续集成,在每次 push 代码时自动运行脚本....vuepress目录下的public文件夹 给git仓库绑定了独立域名后,记得修改base路径 设置侧边栏分组后默认会自动生成 上/下一篇链接 设置了自动生成侧边栏会把侧边栏分组覆盖掉 设置PWA记得开启
Vuepress特点 响应式,也可以自定义主题与hexo类似 内置markdown(还增加了一些扩展),并且可以在其使用Vue组件 Google Analytics 集成 PWA 自动生成Service...link: '/language/English' } ] } ] } } 如图: [99a97bd9ly1fr1oz3elibj20fg02bjr9.jpg] 侧边栏配置...'css-standard', 'js-standard', 'git-standard' ] }] } 支持侧边栏分组(可以用来做博客文章分类) collapsable...将dist文件夹中的内容提交到git上或者上传到服务器就好 yarn docs:build # 或者:npm run docs:build 另外可以弄一个脚本,设置持续集成,在每次 push 代码时自动运行脚本....vuepress目录下的public文件夹 给git仓库绑定了独立域名后,记得修改base路径 设置侧边栏分组后默认会自动生成 上/下一篇链接 设置了自动生成侧边栏会把侧边栏分组覆盖掉 设置PWA记得开启
有了新的 WebAuthn 标签,Web 开发人员现在可以模拟认证器,定制它们的功能,并检查它们的状态,而不需要任何物理认证器。这使得调试体验更加容易。...Elements 面板功能更新 4.1 在 Styles 子面板中查看 Computed 侧边栏 现在可以切换 Styles 面板中的 Computed 侧边栏。...默认情况下,Styles 面板中的 Computed 侧边栏是折叠的,单击按钮可以切换展开状态。 ?...Lighthouse Lighthouse 6.4 中的新特性: Preload fonts:报告是否所有使用了 font-display: optional 的字体文件是否都有预加载成 Valid sourcemaps...移除 More tools 菜单中的 Setting 按钮 More tools 菜单中的 Setting 已不推荐使用,请从主面板打开 Setting。 ?
很多人习惯在 Chrome 的调试窗口中调试 Vue 代码, 或者直接使用 console.log 来观察变量值, 这是非常痛苦的一件事,需要同时打开至少 3 个窗体。个人还是更加习惯于断点调试。...,选择属性 在目标一栏,最后加上–remote-debugging-port=9222 注意要用空格隔开 macOS 打开控制台执行: /Applications/Google\ Chrome.app...=9222 Visual Stuido Code 安装插件 点击 Visual Studio Code 左侧边栏的扩展按钮, 然后在搜索框输入Debugger for Chrome并安装插件,再输入...,安装完成后点击 reload 重启 VS Code 添加 Visual Studio Code 配置 点击 Visual Studio Code 左侧边栏的 调试 按钮, 在弹出的调试配置窗口中点击...Chrome 在 vue 项目中执行npm run dev以调试方式启动项目 点击 VS Code 左侧边栏的调试按钮,选择 Attach to Chrome 并点击绿色开始按钮,正常情况下就会出现调试控制条
检查 使用 docker ps 命令检查是否启动成功。 找到 meting-api 自定义容器名称所在的行,看 STATUS 列是否为 running,若是即为安装成功。...2.2 宝塔面板 打开已安装Docker的宝塔面板,点击侧边栏Docker,然后在线上镜像中搜索 intemd/meting-api 并拉取。...检查是否成功只需要查看该容器的状态是否为运行中。...获取第三方应用商店列表 打开计划任务页,点击创建计划任务,任务类型选择 Shell 脚本,脚本内容如下填写,其它必填项自定义。...检查是否成功在已安装中找到该应用看状态是否为已启动。 2.4 小结 虽然是三种不同的安装途径,但它们的本质都是 Docker 部署,尤其是宝塔面板与命令行最为相识。
大家好,又见面了,我是你们的朋友全栈君。 win7系统使用久了,好多网友反馈说win7系统无法打印提示似乎未连接打印机的问题,非常不方便。...有什么办法可以永久解决win7系统无法打印提示似乎未连接打印机的问题,面对win7系统无法打印提示似乎未连接打印机到底该如何解决?...其实只需要首先我们需要检查一下打印机的驱动是否正常,右键点击桌面上的“此电脑”图标,在弹出菜单中选择“属性”菜单项,这时会打开windows10系统的系统窗口,点击左侧边栏的“设备管理器”菜单项就可以了...就可以解决win7系统无法打印提示似乎未连接打印机的问题,针对此问题小编给大家收集整理具体的图文步骤: 检查打印驱动: 1:首先我们需要检查一下打印机的驱动是否正常,右键点击桌面上的“此电脑”图标,在弹出菜单中选择...“属性”菜单项 2:这时会打开windows10系统的系统窗口,点击左侧边栏的“设备管理器”菜单项 3:在打开的设备管理器窗口中,点击打印队列菜单项,看一下是否安装了打印机驱动,如果没有安装,或是驱动不正常
编译项目 下面是使用npm run docs:dev的示范,然后可以打开浏览器http://localhost:8080/查看效果了。它会运行``docs目录里面的READ.md`的内容。...侧边栏标题优先级 可以通过上文提到的 YAML front matter 来设置侧边栏的嵌套的标题链接最大深度。...2.如果超过了三层,滑动页面时,侧边栏的标题指示不会跟随移动。...d.关于禁用侧边栏 可以通过 YAML front matter 来禁用指定页面的侧边栏。.../store/apps/details?
菜单栏 菜单栏具有顶级菜单,可显示Jupyter Lab中可用的各种操作。 左侧边栏 这包括常用的选项卡。通过在“视图”菜单中选择“显示左侧边栏”或单击活动侧边栏选项卡,可以折叠或展开左侧边栏。...3、创建和保存文件 在本节中,我们将快速了解如何使用Jupyter Lab中的文件。 创建文件 只需单击主菜单中的“+”图标即可。...这将在主工作区中打开一个新的Launcher选项卡,使我们能够创建Notebook,控制台,终端或文本编辑器。 使用 File选项卡也可以实现相同的操作。打开后,可以重命名甚至下载文件。 ?...在markdown文件中编写文档时,有一个问题是必须在不同的控制台中运行代码,以检查它是否正常运行,然后将其包含在文件中。一次又一次地切换选项卡很烦人。...安装 jupyter labextension install @jupyterlab/google-drive 除了安装扩展程序之外,您还必须使用Google对JupyterLab部署进行身份验证。
导读:如果你是一名vscode使用者,一定会安装了很多插件来为平时开发进行提效,是否有时候发现插件并不能满足自身的需求,此时就需要自己开发一款插件来完成的诉求。...主要集中在以下的更改: 自定义上下文菜单操作,如:平时我们右键的菜单栏 在侧边栏创建自定义交互,如:npm插件安装后在资源管理中-主侧边栏添加了一个npm操作视图 定义一个新的活动栏视图,如:Git插件安装后左侧活动栏中的图标...主侧边栏(Primary Sidebar):主要是展示一个或多个Views,活动栏和主侧边栏紧密耦合,点击活动栏可以打开对应的主侧边栏,该绑定关系通过package.json中的配置进行关联。...辅助边栏(Secondary Sidebar):主要是对主侧边栏的辅助作用,基本与主侧边栏一致 编辑器区域(Editor):我们使用的最多的区域,包含一个或多个编辑器组,可以自定义编辑器或创建Webview...这部分内容基本是我们熟知的开发模式不再过多描述。主要介绍我们应该如何加载静态资源和webview与脚本如果通信。
在线使用 你可以直接在网页 https://www.shellcheck.net上贴入你的脚本,运行检查。 使用操作 安装完成后,你可以在命令行中使用ShellCheck来检查Shell脚本。...实际例子 让我们通过一个具体的例子来演示如何使用ShellCheck。 假设我们有一个简单的Shell脚本example.sh,内容如下: #!...fi 这个脚本接受一个参数,并打印出"Hello, "加上这个参数。如果参数是"World",则额外打印一条消息。 现在,我们想要使用ShellCheck来检查这个脚本是否存在问题。...视图(通过点击左侧边栏上的方块图标或按Ctrl+Shift+X)。...这些警告和错误通常会在代码编辑器的左侧边栏中通过波浪线或图标标记出来,你可以点击它们来查看更多详细信息或修复建议。
作者:HelloGitHub-追梦人物 文中涉及的示例代码,已同步更新到 HelloGitHub-Team 仓库 点击本文最下方的“阅读原文”即可获取 我们的博客侧边栏有四项内容:最新文章、归档、分类和标签云...{% endfor %} 使用自定义的模板标签 打开 base.html,为了使用刚才定义的模板标签,我们首先需要在模板中导入存放这些模板标签的模块,这里是 blog_extras.py... 然后找到侧边栏各项,将他们都替换成对应的模板标签: templates/base.html {% block toc %} {...现在运行开发服务器,可以看到侧边栏显示的数据已经不再是之前的占位数据,而是我们保存在数据库中的数据了。...Must be one of: 类似这样的错误。 注意:如果你按照教程的步骤做完后发现报错,请按以下顺序检查。 检查目录结构是否正确。
selenium的使用需要用到浏览器驱动,此处以chrome为例进行测试. 环境配置与搭建 python:3.10 selenium:4.1.3 如何安装selenium?...=9222 --user-data-dir="D:/selenium_test" 会打开浏览器调试窗口 2.我们首先需要在上一步打开的窗口人为登录,进入如下界面(若使用selenium登录需要用到验证码...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]') # 侧边栏的课程列表
初始配置: 初次打开Syncthing的APP后,Syncthing将会生成唯一的设备标识,这可能需要一段时间。...生成完毕后,Syncthing将启动服务并进入的主界面,在主页面的侧边栏上我们可以看到刚刚生成好的设备标识: 进入主界面后,我们先对Syncthing进行基础的配置。...但在默认情况下,Syncthing限制了对外置SD卡文件的读取,我们需要在Syncthing的"设置 - 行为"中启用"使用高级文件夹选择器",启用这一项后,必须在侧边栏中点击"重启"来重启服务才可以应用此项设置...我们可以在"侧边栏 - 网页管理页面"中进入Syncthing的WEBUI,在应用内进入WEBUI时,无需输入用户名和密码。.../store/apps/details?
书签侧边栏 今天有幸请教了 记得诚、小麦大叔、SoWhat、程序猿学社 等十位博客专家,给大家推荐一些谷歌浏览器插件,让你的谷歌浏览器更实用,成为真正的生活办公小助手!...享受没有恼人广告的网络世界。 Top 4. Google 翻译 浏览网页时可轻松查看翻译版本。此扩展程序将按钮添加到浏览器工具栏。每当您要翻译访问的页面时,请单击翻译图标。...该扩展程序还会自动检测您所在页面的语言是否不同于您用于Google Chrome界面的语言。如果是这样,则横幅会显示在页面顶部。单击横幅中的翻译按钮,以使页面上的所有文本都以新语言显示。...当您的标签页位于OneTab列表时,您将节省高达95%的内存,因为你将减少Google Chrome浏览器中打开的标签页的数量。 Top 8....书签侧边栏 Chrome书签管理功能增强,这款插件可以将书签放置在浏览器的左边或者右边,鼠标轻轻点击,书签就会出现。
WP Plugins Tracker – 检查你的插件是否是最新版本。 WP related posts – 相关文章插件。...Ultimate Google Analytics – 更方便的添加Google Analytics统计脚本。...cos-html-cache – 为日志生成静态页面,以缓解服务器和数据库的压力,方便搜索引擎收录,可发安装WP Super Cache配合使用。...Google AJAX Search – 基于AJAX的Google搜索。 Google MapSearch Widget – 在侧边栏添加Google Map搜索。...Fresh Comments – 在侧边栏显示最新回复的内容,可以设置不显示 trackback和pingback,如刀客征途的侧边栏最新评论。
领取专属 10元无门槛券
手把手带您无忧上云