归档列表页模板,归档可以按照年份+月份实现的,list_archives显示列表 模板文件名 说明 layout.ejs 模板的入口文件,也是整个站点的入口文件 index.ejs 首页,布局文件<%-...分类显示页 tag.ejs 标签页 hexo的模板解析,以layout.ejs为入口,所有静态页面(如:文章、页面、首页、标签、归档、分类等)都会以layout.ejs为模板。...所以每个页面的公共部分应该在写layout.ejs中(如页头、页脚等)。...针对当前模板的配置文件,配置文件中的信息可以被ejs模板访问 说明: 1....本示例的下载包中不包含node_modules,需要手动放将hexo-filter-list放在node_moduels中 3.
,然后把这些公共部分传给 html/layout.ejs 组合并返回。...引用插入到body内,head将js引用插入到head内,false为不插入 cache:是否值编译改动的文件 minify: 压缩html removeComments: 去除注释 collapseWhitespace...module.exports = layout.init(pageTitle).run(content({ pageTitle })) layout.js则引入各个公共模块,给他们传入需要的参数,并返回layout.ejs.../layout.ejs') const header = require( './header.ejs') // 页头的模板 const footer = require('....-- html/layout/layout.ejs --> <!
: 我是导航栏 layout/_partial/footer.ejs: 我是底部信息 我们在layout中创建layout.ejs,并引入...head.ejs,header/ejs和footer.ejs文件,layout.ejs文件是通用的布局文件模板,我们在后面新增的ejs文件都会继承layout.ejs,并将其内容填充到body中。...layout/layout.ejs: <!...我们在 layout 中创建 index.ejs 文件,index.ejs首页将会继承layout.ejs布局模板生成 HTML 文件。...将 header.ejs 修改为: "
第一步添加设置项 在主题文件夹里面的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...clean && hexo g && hexo s 移动端开启显示图片轮播(默认为关) 修改slider.styl文件即可 display: none将图片轮播隐藏了 同样是display none将热门文章隐藏了
最近在用nodejs写一点东西,当然也用到了express框架和ejs模版了。在使用ejs模版的过程中遇到了这个问题:如何在ejs模版中导入外部的js、css文件。...我猜测,ejs和html导入外部文件的方式应该是不一样的。但是我还是决定试一试。按照之前在html文件中的方式导入,结果失败。 这也证明我之前的想法,这些静态文件一经过服务器,就不能直接进行导入了。...这是我的文件结构: ? 我现在需要在index.ejs文件中导入public文件夹下的table.css以及table.js两个文件。 我为什么要将两个静态文件放到public文件夹下呢?...可以看到,其中的public文件夹是其自动生成的,也就是让你放静态文件的文件夹。(当然也不是必须是“public”) 好了,继续。...,这里有篇文章,写的很好app.use(express.static)方法详解 这样,就可以在ejs文件中导入外部静态文件了。
在使用ejs模版的过程中遇到了这个问题:如何在ejs模版中导入外部的js、css文件。 我猜测,ejs和html导入外部文件的方式应该是不一样的。但是我还是决定试一试。...我现在需要在index.ejs文件中导入public文件夹下的table.css以及table.js两个文件。 我为什么要将两个静态文件放到public文件夹下呢?...()这个方法具体的介绍,这里有篇文章,写的很好app.use(express.static)方法详解 这样,就可以在ejs文件中导入外部静态文件了。 .../public/footer.ejs")%> 我的public文件夹的路径配置: ? public文件夹下的静态资源结构: ?...所以上面ejs页面中的引用就不用写public了,这里的好处就是无论ejs页面与public中要引用的文件的相对路径关系是怎样的,都可以直接在ejs中直接引用,引用的方式只需要关注public下的路径,
修改思路 向主题加入新的配置项 index.banner_video,控制是否使用视频背景 在 layout.ejs 模板中获取该变量值,根据开关是否打开在模板层面决定是否启用视频背景 创建 json...文件收集视频背景链接 当开启视频背景时,创建div,id为banner_video_insert js 读取 json 文件,创建视频控件语句,加入到创建的div中,实现视频显示,覆盖图片背景 动态监控窗口变化...,适时调整视频属性,使得任意窗口大小可以全屏显示视频 识别是否是手机端访问,手机端访问改为使用图像做背景 修改方法 配置文件修改 在主题配置文件中修改 首页 Home Page #-----------...20210808220640.mp4", "https://101.43.39.125/HexoFiles/vvd-dell-2021-win-10/20210808220742.mp4" ] 修改layout.ejs...修改 themes/fluid/layout/layout.ejs 模板文件 加载变量时加载 index.banner_video <% var subtitle = page.subtitle ||
考虑到原作者开关暗黑模式其实是执行特定的js代码,因此只需要修改主题的“暗黑模式”按钮,让用户点击时执行原作者的js代码就可以实现动画效果 方法 在volantis/layout/_partial下新建文件...”darkmode.ejs”,添加以下代码 function music_on() { var audio1 = document.getElementById...content: ""; background: linear-gradient(#fefefe, #fffbe8) } 打开volantis/layout/layout.ejs...config.relative_link}) %> 打开volantis/layout/_partial/header.ejs 搜索darkmode,如果文件没有被修改,应该出现在第37行 在下面可以看到一个...a标签,为该标签添加点击事件 onclick="switchNightMode()" 打开volantis/layout/_plugins/rightmenu/layout.ejs,搜索darkmode
实现动态背景视频加载 参考 Fluid -2- 随机视频背景切换 获取视频图像第一帧 获取视频第一帧:Python 从视频中提取图像 调整保存图像的质量:Python 图像保存质量设置 保存质量可以低一些,使得图像文件小...,更快加载 上传图像,获取和视频对应的图像链接 修改 video_url.json 修改 video_url.json 文件 之前的视频链接改为 [视频链接, 图像链接] 示例:.../20210808220318.mp4", "https://101.43.39.125/HexoFiles/vvd-dell-2021-win-10/20210808220318.jpg"] 修改 layout.ejs...文件 修改 Hexo -> themes -> fluid -> layout -> layout.ejs文件: 将之前的 段改为: <% if...function(){ set_video_attr('video_item') } } 完整的 layout.ejs
优先显示视频预加载图像 不影响博客其余部分正常显示 实现过程 我不是学前端出身,实现功能全屏直觉,为了实现效果抛弃了一切规范和逻辑,实现仅供参考,不负责任 思路 主要修改 fluid/layout/layout.ejs...文件,将背景图像和视频从 banner 的 div 中拿出来,放在body的开头 创建三层 div,分别是 mask, image, video, 为他们设置不通的 z-index,保证图像顺序为上述顺序...动态调整 image, video 的图像链接和尺寸,目的是让图像视频时刻撑满屏幕并且随机切换 修改 source/css/_pages/_base/_widget/banner.styl 文件,使得原始的...github.com/zywvvd/hexo-theme-fluid/commit/4b26111d5961e30e3483825dad68f6960759b7fb 核心调整 fluid/layout/layout.ejs...文件 在 body 刚开始设置 div 包裹 mask, image, video ...
如何给matery主题添加Pjax Pjax优点 减轻服务端压力 按需请求,每次只需加载页面的部分内容,而不用重复加载一些公共的资源文件和不变的页面结构,大大减小了数据请求量,以减轻对服务器的带宽和性能压力...在 _widget 目录下新建 pjax.ejs 文件 $.getScript...找到 layout.ejs 在底部(首次加载没必要优先加载Pjax)添加 添加pjax开关 在 themes\_config.yml中添加...tag-wordcloud').jQCloud(, { autoResize: true }); }) 修改内容 将未重载的函数利用...Jquery 的 getScript 方法进行重载 $.getScript("文件引用路径",function(){ //重载函数 }) 以评论(valine)为例 打开 valine.ejs
0 0 proc /proc proc defaults 0 0 第一列到六列是设备或分区 挂载点 文件类型...suid.dev,exec,auto,nouser,async.大多是默认值.async是异步,写入内存.效率高,安全稍低.sync写入磁盘效率低一些. rw读写 suid可以有suid权限 exec可执行文件...Async/sync 设置是否为同步方式运行,默认为async auto/noauto 当下载mount -a 的命令时,此文件系统是否被主动挂载。...默认为auto rw/ro 是否以以只读或者读写模式挂载 exec/noexec 限制此文件系统内是否能够进行”执行”的操作 user/nouser...是否允许用户使用mount命令挂载 suid/nosuid 是否允许SUID的存在 Usrquota 启动文件系统支持磁盘配额模式 Grpquota 启动文件系统对群组磁盘配额模式的支持
Loading吃豆豆动画 新建loading.ejs文件 在_partial 文件夹下新建loading.ejs 添加以下代码 #loading-container...500); }, ); }; loaded(); })(); 引用ejs...文件 在 layout.ejs中引用loading.ejs 添加配置文件 在主题配置文件(_config.yml)下添加以下配置
个性化配置 添加404页面 原来的主题没有404页面,我们加一个。...在主题\themes\matery\source\js\fireworks.js新建文件,添加如下代码 Download Now 然后在/themes/matery/layout/layout.ejs...在主题\themes\matery\source\js\xuehuapiaoluo.js新建文件,添加如下代码 Download Now 然后在 /themes/matery/layout/layout.ejs...在主题\themes\matery\source\js\sakura.js新建文件,添加如下代码 Download Now 然后在 /themes/matery/layout/layout.ejs 中添加如下代码...不过,这种方法有个问题就是要是那天电脑崩了,本地源文件丢失了,比较麻烦,所以这时候就可以将博客目录下的所有源文件都上传到github上面。
,再到哪个文件的过程在上一篇文章(Nodejs学习笔记(五)--- Express安装入门与模版引擎ejs)中有说到,这里就不多说了!...、usesession.ejs、usecookies.ejs、usecrypto.ejs文件,并在views目录下除了error.ejs外所有ejs文件中添加如下代码 <!...当然不是,我们可以提取出来 1.在views目录下新建一个nav.ejs文件,并添加如下代码 首页 如何提交表单并接收参数...layout.ejs来布局!...//这里传入了一个密钥加session id app.use(cookieParser('Wilson')); //使用靠就这个中间件 app.use(session({ secret: 'wilson
1.在 layout.ejs 中 body 标签内粘贴入以下 <!
打开layout/_partial/scripts/index.ejs文件, 找到 如图所示: 打开layout/_third-party/文件夹,在里面新建一个名为slider的文件夹,再在里面新建一个名为...layout.ejs的文件,其文件内容为: ...10px position: relative; overflow: hidden; max-height:400px margin-top:auto; } display: none将图片轮播隐藏了...flex-direction column margin-left 10px @media screen and (max-width: 800px) display none 同样是display none将热门文章隐藏了
前言经『手撕Vue-CLI』编译模板『上』已经将大概流程编写好了,接下来就是将模板中的变量替换成用户输入的内容。.../ 获取元数据 const args = require(askPath); // 执行询问 const result = inquirer.prompt(args); // 将询问的结果挂载到...meta = metal.metadata(); console.log(meta); done();})这里通过 inquirer.prompt(args) 获取到用户输入的数据,然后将这个数据挂载到...替换模板中的变量在 vue-advanced-template 模板中,有一个 package.json 文件,这个文件是用来替换模板中的变量的,这个文件的内容已经给大家查看过了,里面写的是 ejs 的语法...所以需要安装 ejs 库。
webpack 本身只能处理原生的 JavaScript 模块,但是 loader 转换器可以将各种类型的资源转换成 JavaScript 模块。...|__ index.js |__ layouts |__ footer.ejs |__ header.ejs...|__ layout.ejs |__ layout.js |__ side-menu.e...hash值 [hash] : 整个编译环境的hash值 hash和chunkhash具体区别请看这里 三. module介绍 loaders: webpack利用各种loader来把不同格式的文件封装成模块加载到...提示 removed by extract-text-webpack-plugin , 说明此插件已经顺利的将js中的css提取成单文件形式 同时发现html中已插入income.css ?
2018年7月之前 v1API(https://v1.hitokoto.cn) v1API将发布最终版本。v1接口将会在未来存在较长时间(即使v2发布,请放心使用)。...callback 可选 回调函数 将返回的内容传参给指定的异步函数。 返回:(默认json格式) 返回参数名称 描述 id 本条一言的id。 可以链接到https://hitokoto.cn?...encode=js&select=%23hitokoto" defer> 使用方法: 以本主题matery为例: 首先打开主题的layout.ejs文件,路径theme/matery/...layout/layout.ejs,将下面的代码添加到之前。
领取专属 10元无门槛券
手把手带您无忧上云