展开

关键词

Matery主题添加Pjax

如何给matery主题添加Pjax Pjax优点 减轻服务端压力 按需请求,每次只需加载页面的部分内容,而不用重复加载一些公共的资源文件和不变的页面结构,大大减小了数据请求量,以减轻对服务器的带宽和性能压力 main> 标签 <main id="main_wrap"> <%- body %> </main> 引入pjax.ejs 找到 layout.ejs 在底部(首次加载没必要优先加载Pjax)添加 <%- partial('_widget/pjax') %> 添加pjax开关 在 themes\_config.yml中添加 pjax: true bug的解决 由于Pjax会导致容器内的函数不会重载 theme.valine.placeholder %>' }); }) }) </script> 推荐 页面切换加载动画 在 pjax.ejs 的 script标签中添加以下代码 linear-gradient(130deg, #ff0, red); transition: width .4s ease 0s; } 页面切换加载进度条 在 pjax.ejs 的 script标签中添加以下代码

18210

echart 添加主题

主题theme 放在单独的文件中 方便修改 1、首先建立一个主题的js格式的文件 如下格式 var theme = {   } 2、引用主题 <script src="../..

37320
  • 广告
    关闭

    【玩转 Cloud Studio】有奖调研征文,千元豪礼等你拿!

    想听听你玩转的独门秘籍,更有机械键盘、鹅厂公仔、CODING 定制公仔等你来拿!

  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    WordPress主题开发:添加主题更新提醒功能

    WordPress官方的主题都可以自动更新升级,但如果是个人分享的免费或收费主题的话,通过下面的教程,也可以为你的私人主题添加版本更新提示。 这个提示会直接显示在仪表盘,个人分享的免费主题或者收费主题如果加上这个的话就碉堡了。 效果图: ? ? 正如你看到的这个图像,当你的主题有更新时候,一个提示更新的菜单项被添加在仪表盘什么:当用户点击会被带到一个页面,告诉他们更新版本等相关信息。然后,用户就可以前往你提供的下载地址去下载最新版本了。 教程: 下载相关文件:官方下载 备份下载 一、创建notifier.xml文件 将下面的代码做相关修改保存为notifier.xml,输入您当前的最新的主题版本(第3行,务必大于旧主题版本),并将它放在你的网站服务器上面 include文件夹中(当然可以自定义,修改相关路径代码)。

    43260

    WordPress主题开发:添加主题更新提醒功能

    WordPress官方的主题都可以自动更新升级,但如果是个人分享的免费或收费主题的话,通过下面的教程,也可以为你的私人主题添加版本更新提示。 这个提示会直接显示在仪表盘,个人分享的免费主题或者收费主题如果加上这个的话就碉堡了。 效果图: ? ? 正如你看到的这个图像,当你的主题有更新时候,一个提示更新的菜单项被添加在仪表盘什么:当用户点击会被带到一个页面,告诉他们更新版本等相关信息。然后,用户就可以前往你提供的下载地址去下载最新版本了。 教程: 下载相关文件:官方下载 备份下载 一、创建notifier.xml文件 将下面的代码做相关修改保存为notifier.xml,输入您当前的最新的主题版本(第3行,务必大于旧主题版本),并将它放在你的网站服务器上面 include文件夹中(当然可以自定义,修改相关路径代码)。

    31780

    Matery主题添加暗色模式

    制作深色模式按钮 添加按钮 在主题的layout.ejs文件中找到body标签的开始标签在后面加上这些js和html代码,这里我放的位置为:/layout/_partial/back-top.ejs < color: tomato } /*外挂标签*/ .swbk .label { color: currentColor } 如何修改部分细节冲突 此暗黑模式原理为在 <body> 标签添加 class="dark" 添加暗色模式时可依据 body.dark 类名 用CSS选择器来给含有dark 的 <body> 下的类添加属性 /*给暗黑模式下的.test添加字体颜色变红样式*/ body.dark important 来添加”权重” body.dark .test{ color: red !important; }

    16120

    ASP.NET 主题(Themes)FAQ

    例如,下面是 Button 控件的控件外观: <asp:button runat="server" BackColor="lightblue" ForeColor="black" /> 在 theme 文件夹中创建 .skin 文件。 3、如何为相同控件定义不同的Skin 使用SkinID为控件定义不同的skin,例如 <asp:Label runat=server Text="ThemedLabel" BackColor="Red " /> -label的缺省外观 <asp:Label runat=server SkinId="BoldLabel" Text="ThemedLabel_WithSkinId" BackColor= 将 .css 文件放在主题目录中时,样式表自动作为主题的一部分应用。使用文件扩展名 .css 在主题文件夹中定义样式表。设置页面的 StyleSheetTheme 属性将主题作为样式表主题来应用。

    38350

    给 Zsh 添加主题和插件

    你可以使用 cat 命令将你的旧的配置文件添加到新文件的末尾。 % cat ~/.zshrc~ >> ~/.zshrc 看一下默认的配置文件以及它提供的一些选项。 更换你的主题 安装好 oh-my-zsh 之后。你可以将你的 Zsh 的主题设置为 robbyrussell,这是一个该项目维护者的主题。这个主题的更改是非常小的,仅仅是改变了提示符的颜色。 为了激活这个扩展,你可以将这个扩展添加到你的配置文件 ~/.zshrc 中。 例如,你可以添加 dnf 和 pass 插件,按照如下的方式更改: plugins=(git dnf pass) 保存修改,重新启动你的 Shell。 但是你可以添加一些其他的插件,例如 dnf、ubuntu、firewalld,以及其他的一些插件。你可以使用 source 使你的选择生效。

    1.5K10

    Butterfly 主题添加天气小部件

    一、前言   我不是魔改大佬,但有一颗折腾的心,在网站上添加天气小部件,感觉还是有点意思的。但浏览了仅有的几篇相关教程之后,感觉写的都差点意思,于是就自己写下了这篇文章。 v=2.0"></script> 2、添加

    Hexo Next主题添加版权信息

    开启版权声明 主题配置文件下,搜索关键字 post_copyright , 将 enable 改为 true: # Declare license on posts post_copyright: 自定义文章底部版权声明 在目录 next/layout/_macro/ 下添加 my-copyright.swig: {% if page.copyright %} <div class="post-copyright-information }); }); }); </script> {% endif %} 在目录 next/source/css/_common/components/post/ 下<em>添加</em> {% if not is_index %} {% include 'wechat-subscriber.swig' %} {% endif %} </div> 之前<em>添加</em>增加如下代码 如果要在该博文下面增加版权信息的显示,需要在 Markdown 中增加 copyright: true 的设置: --- layout: post author: sjf0115 title: Hexo Next<em>主题</em><em>添加</em>版权信息

    1.1K40

    Django 项目中添加静态文件夹

    在 mysite 文件夹添加一个 statics 文件夹用来存放 js 文件 ? 在 index.html 文件中添加 <! -- 新添加 --> {% load static %} <script src="{% static "jquery-3.3.1.min.js" %}" ></script> <script> -- 新添加 --> </html> 在 urls.py 文件中添加 from django.contrib import admin from django.urls import path from views.userInfo), ] + static(settings.STATIC_URL, document_root=settings.STATICFILES_DIRS) 在 settings.py 中添加 # 在 STATIC_URL = '/static/' 下面添加,STATIC_URL 相当于一个别名,给前端使用,映射 statics 文件夹(该文件夹名字可更改) STATICFILES_DIRS

    31120

    为volantis主题添加瀑布流相册

    为volantis主题添加瀑布流相册 前言 功能参考自 AIGISSS 效果查看本站更多中的相册页面 目前已知的问题: 1.不支持pjax 2.分类功能无法使用 3.懒加载无法使用,使用懒加载后图片不显示 photos comments: false meta: header: [] footer: [] sidebar: [] ---

    修改主题配置文件 当然你也可以使用单独的一个仓库来存储,示例:photos 在博客根目录新建一个photos文件夹,在里面新建一个tool.js文件,并把以下内容粘贴到tool.js中。 之后在photos文件夹下新建任意名称的文件夹,再把照片放进去。 示例: 之后安装image-size npm i -S image-size 之后执行命令 node photos/tool.js 查看source/photos/文件夹下是否生成json 这里注意,

    11810

    hexo volantis主题添加首页轮播图

    hexo volantis主题添加首页轮播图 本文为2021年教程,hexo以及主题版本迭代较快具有时效性,方法可能发生改变,酌情观看 效果预览 ? 第一步添加设置项 在主题文件夹里面的source/js文件夹下新建一个sidelar.js文件,将以下内容填进去 打开_config.volantis.yml文件,搜索 plugins ,在其下面添加如下 : 打开layout/_partial/scripts/index.ejs文件, 找到 这一行,在其上面添加: 打开layout/_third-party/文件夹,在里面新建一个名为slider的文件夹 ,再在里面新建一个名为layout.ejs的文件,其文件内容为: 再新建一个名为script.ejs的文件,其内容如下: 之后打开layout/index.ejs文件,找到 这一行,并在这一行上面添加: 打开source/css/_plugins/文件夹,在里面新建一个名为slider.styl的文件,其内容如下: 然后打开同目录下的index.styl文件,找到 在这两行的下面添加: hexo

    18310

    给pugjs的stun主题添加canvas时钟

    先导 首先隔了这么久才继续进行更新的原因是网站备案和毕业设计,加上刚入职没有时间去进行内容更新,以后会继续更新了 在pugjs中添加一些好用的东西这个系列会长期的添加更新,因为这些都是会用在博客当中的 ,而且这些操作都比较简单,都是在主题的相应文件位置添加相应代码即可。 内容介绍 这次添加的内容是在右边栏那里加上一个时钟,用来给阅读的人直观地看到时间,时钟的代码是直接从网上拷贝下来的,并且自己做了修改,地址是这里,打开这个链接就能看到一个时钟,此时检查页面元素定位到时钟所在的 (angle), y * (1 - Math.cos(angle)) - y * Math.sin(angle)) } setInterval("draw()", 1000); 至此就能够添加这个时钟到网站里面了

    20510

    为handsome主题文章结束添加版权声明

    前言 为文章添加一个版权声明,让文章更加美观且有序! 开始 在主题文件 post.php内,约在86行处找到以下代码 <?php if (!

    8810

    Android studio 添加assets文件夹的方法

    我们知道Eclipse创建的工程默认是有个assets文件夹的,但是Android studio默认没有帮我们创建,那么我们就自己创建一个就好啦。 我们找到/src/main,选中main文件夹右键新建一个文件夹,命名为assets,这样就OK了。 (2)自动创建 Android studio提供了一个快捷的创建方式 ?

    58320

    Cuteen主题侧栏添加在线时间

    侧栏添加在线时间 直接复制代码到/usr/themes/Cuteen/base/sidebar.php文件下-最新回复的上方 <div class="sidebar-box sidebar-box-1

    17810

    【Butterfly主题添加二级跳转页

    动态修改 新建[主题根目录]/source/js/link-checker.js,内容如下: $(document).ready(function(){ checkLink(); }); $(document 本地测试域名]"))return true; return false; }catch(err){ return true; } } 然后,我们要将代码注入到主题中 ,在主题_config.yml中找到inject项: inject: head: # - <link rel="stylesheet" href="/xxx.css"> - <script

    12810

    为你的WordPress主题添加表情功能

    WordPress表情 前言 每次在评论回复的时候都想着要是有表情那该多好啊,偶然一次看见@Shawn的主题做了OwO表情,本着不耻下问的精神问了博主怎么做到的,耐心的Shawn告诉了我OwO表情的作者源码地址以及 其实网上添加表情的教程有很多,但是!!!这个OwO表情里包含了我喜欢的滑稽等表情。下面来几张表情预览。 ###预览图: ? ? ? 开始 下载所需资源 好了,废话不多说,下面就开始教程! 因为博主使用的是路易的Inspire主题,所以该教程暂时只适用于同意使用该主题的同志们。 alu、paopao是表情的图片文件夹,OwO.min.css是表情按钮用到的样式,同理.js是表情用到的脚本。 需要注意的是,在自定义js脚本的上面我们需要引用OwO.min.js文件 添加comment_add_owo()函数 好了,做到这里你以为就可以了吗,下面我们还需要使用上之前宏定义的图片。

    49620

    Handsome主题添加 “贴吧” ,“微博”表情

    说明 9月2日,添加 “微博” 表情 最近实在不知道该写些啥了,由于主题的自带表情还是较为缺少,于是我自己添加了一些表情,所以在此分享一下表情添加方法 虽然主题的作者在主题说明里说过可以自定义的, 也给出了相关的说明,但可能还是有一部分小白不懂 所以在此分享一下表情添加方法,还没有用上的可以省个事儿了,希望有所帮助~~ 此教程所提供的替换文件仅用于HandSome主题,如其他主题需自己进行修改 下载地址 百度云下载 提取密码为:1122 为了方便添加,大部分表情未进行命名,全部以数字递增,强迫症患者可自行修改! 安装方法 复制 owo.json到 handsome/usr/目录下 复制 paopao文件夹到 /handsome/assets/img/emotion目录或者云存储空间 清除缓存,然后刷新即可 示意图

    15430

    hexo next 主题添加字数统计(2018)

    2018/11/1 说明 next 主题好像更新了,现在自带的可以用了,如果可以用了,以下教程可以忽略!!! 最近有几个小伙伴问我博客的字数统计怎么实现的,怎么网上的教程不管用啊? 一开始我搭建博客的时候也遇到了类似的问题,按照 github 上 wordcount 的 readme 操作后,并没有什么用,我打开 post 相关配置文件并没有发现发现 wordcount 这个关键词,next 本身似乎也并没有在主题配置文件提供选项 Node 版本 7.6.0 之前,请安装 2.x 版本 (Node.js v7.6.0 and previous) npm install hexo-wordcount@2 --save post 添加 post-meta-item-icon">字数: {{ wordcount(post.content) }} 全站添加 打开hexo\themes\hexo-theme-next\layout\_partials路径下 footer.swig 文件,在你喜欢的位置添加以下代码 1 2 3 4 <div class="theme-info

    9820

    相关产品

    • 云数据库 SQL Server

      云数据库 SQL Server

      腾讯云数据库 SQL Server 是业界最常用的商用数据库之一, 拥有微软正版授权,避免未授权使用软件的风险。支持复杂的 SQL 查询,性能优秀,对基于 Windows 平台 .NET 架构的应用程序具有完美的支持。同时具有即开即用、稳定可靠、安全运行、弹性扩缩等特。

    相关资讯

    热门标签

    活动推荐

    扫码关注腾讯云开发者

    领取腾讯云代金券