归档列表页模板，归档可以按照年份+月份实现的，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 启动文件系统对群组磁盘配额模式的支持
个性化配置 添加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上面。
Loading吃豆豆动画 新建loading.ejs文件 在_partial 文件夹下新建loading.ejs 添加以下代码 #loading-container...500); }, ); }; loaded(); })(); 引用ejs...文件 在 layout.ejs中引用loading.ejs 添加配置文件 在主题配置文件（_config.yml）下添加以下配置
配置 icarus 主题 下载 icarus ，在 hexo 的 themes 文件夹，新加入 icarus 目录，配置 hexo 的根目录的 _config.yml 命令 git clone https...== 'toc')); + } else { + return [] + } themes/icarus/layout/common/widget.ejs...4-widescreen'; + return 'is-4-tablet is-4-desktop is-3-widescreen'; themes/icarus/layout/layout.ejs...，我们只需要替换成自己的 logo 文件即可，可以从这里 去获取。...总访问量统计icarus 是用卜算子统计，默认只统计了访问人数，并没有访问量统计，需要在页脚修改下themes/icarus/layout/common/footer.ejs @@ -15,9 +15,8
1.在 layout.ejs 中 body 标签内粘贴入以下 <!
，再到哪个文件的过程在上一篇文章（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
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，将下面的代码添加到之前。
打开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将热门文章隐藏了
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 ?
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM
