sudo npm install express-generator -g express --view=ejs Demo_EJS 运行以上命令用 Node.js ejs 视图引擎创建项目时，我们的项目具有以下目录结构...Node.js 项目文件列表 通过上面的命令，我们用 EJS 视图引擎创建了一个 Express 项目。此视图引擎在 app.js 文件中设置如下： //......h1= title | List of programming languages ul each item in list li= item.name 我们可以看到在相同的内容中...同时必须注册 blocks（在 handlebarjs 中称为 partial），如下所示： var hbs = require('hbs'); hbs.registerPartials(__dirname...在你的开发工作中可以选择 Pug，因为它非常简单易懂。
这本书，之前有评论过，但之前并不清楚express2.x与3.x会有如此大的差异，导致在写例子的过程中痛苦不已。...1、使用express projectName创建项目时，express的-t参数已经失效，你得手修改package.json和app.js文件来指定模块引擎，默认的为jade；因为jade模块写起来实在是让人蛋疼不已...) 4、不支持ejs模块的partials方法，你需要使用npm install express-partials，然后在app.js中添加如下代码： 1: var partials = require...('express-partials'); 2: 3: app.use(partials()); 5、在使用res.render时需要显式传入模块可能要用到的变量和数据...，在使用partial时，也需要指定。
在本教程中，我们将设置一个带有SailsJS的NodeJS服务器作为管理代码的框架。我们将使用DustJS用于客户端和服务器上使用的同构模板。...在目录partials中创建views目录，然后切换到这个新目录： mkdir views/partials cd views/partials 在partials目录创建home.dust，about.dust...这个模板的编译版本（我们编译使用dust-compiler）驻留在assets/templates/home.js。此编译的模板稍后将包含在脚本标记中。...您可以检查assets/js/clickHandler.js中的代码，以便更好地理解代码。 名为xxx的Dust模板是在名为xxx.dust的文件中创作出来的。...这允许使用目录将部分组织成类似于库的结构。 在github上阅读有关Partials的更多信息。 你最终的layout.dust应该是这样的： <!
Fluid 主题升级到 1.9 + 后公式在电脑浏览器上渲染错误，本文记录解决方案。...问题复现 fluid 更新到 1.9+ 版本后，mathjax 渲染的数学公式在电脑端浏览器无法正常显示 但是在手机端没有问题 问题原因 官网说明提示了 在 1.8.14 版本之后需要更新 mathjax...渲染器并安装额外的工具包 但事实上上述现象不是渲染错误导致的，因为手机端可以正常显示公式 根本原因在于网页的懒加载，当公式进行懒加载后就难以重新嵌入到网页中 解决方案 根本目的是停止对公式的懒加载 我采用的方法是删除...fluid\layout\_partials\plugins\math.ejs 中的三行代码 loader : { ${ lazy ?...'load: \[\'ui/lazy\'\]' : '' } }, 之后便可以解决由于懒加载导致的公式渲染错误 参考资料 https://hexo.fluid-dev.com/docs/guide/
在添加评论的过程中，主要遇到下面的三个问题： 1、如何选取合适评论系统； 2、添加评论系统后，如何根据文章对评论进行区分； 3、如何解决评论后的邮件提醒。...若你是landscape主题，需要修改themes\landscape\layout\_partial\article.ejs目录下的article.ejs文件 找到原文件中的被替换代码： <div...添加评论邮件提醒 多说自带的邮件提醒功能是不支持主动评论提醒的，比如说在某一篇博客中，有人主动评论留言的话，多说此时是不会邮件提醒的。...data to Duoshuo success'); } else{ console.log('Post data to Duoshuo fail'); } }); 将上面代码中的数据按照自己的多说账户设置好之后...去目录themes/next/layout/_partials/comments.swig，修改文件comments.swig中的那段代码（见上面描述）为： <section id="comments
最近发现搜索引擎提示我的博客网页缺少 这样的标签，并且被标记为Error，不利于被搜索引擎推广。...--- 修改主题模板： 找到 NexT 主题的 head.swig 文件（通常位于 themes/next/layout/_partials/head.swig），在适当的位置添加以下代码： {%...description 如果没有，则使用文章摘要（excerpt） 如果都没有，则使用站点配置中的全局 description 配置站点全局描述： 在 Hexo 的 _config.yml 文件中添加一个全局描述...我就尝试在 themes/next/layout/_layout.njk的 head部分添加上面给出的可以生成description标签的模板代码，毕竟layout是最顶层的模板，所有的参数在这里应该都是可用的...，更新之后_layout.njk的head部分如下： {{ partial('_partials/head/head.njk', {}, {cache: theme.cache.enable
也就是说我面临两个问题： 缺少项目实践 博客主题缺少个性化 这两个问题恰巧有共同的答案，那就是自己制作一个主题。...Hexo中并没有专门的展示所有标签或者所有类别的页面，拿我用的ejs来说，layout文件夹下的tag.ejs实际指的是单一标签下的所有文章，同理categories.ejs指的是单一类别下的所有文章。...所以目前这个主题的分类页无法正常工作，也许之后会找到原因吧问题已解决，目前分类页可以正常工作。 在 js 中引用 hexo 的内置变量。做导航栏时需要区分不同类型的页面。...所以这个时候我想到了直接通过配置文件拿到首页的 url，之后再做判断，但是又有一个问题 —— 这是hexo的内置变量，只能在ejs中使用，在js里是不识别的。...考虑到ejs会生成dom元素，所以解决的思路是：将内置变量存放在dom元素里并生成，之后在js中获取它的值，并设置该元素不可见 直接作为dom元素的data-*属性即可。
归档列表页模板，归档可以按照年份+月份实现的，list_archives显示列表 模板文件名 说明 layout.ejs 模板的入口文件，也是整个站点的入口文件 index.ejs 首页，布局文件默认输出嵌入的页面 post.ejs 文章详细页 page.ejs 页面 archive.ejs 归档列表页模板，归档可以按照年份+月份实现的，list_archives显示列表 category.ejs...hexo模板开发 根据上述 “hexo模板介绍”，我们可以很较为轻松的开发出自己的模板，模板文件说明 模板文件夹、配置文件 说明 layout 相关ejs模板信息，用于生成html时使用 script...此文件夹下的.js文件，作为hexo插件 的一种扩展存在，在编译过程中起作用 source 此文件下的文件或文件夹，在编译过程中会保持不变，供开发者使用 languages 多语言包 _config.yml...针对当前模板的配置文件，配置文件中的信息可以被ejs模板访问 说明： 1.
=，与 null 比较时除外 // @warn 在异步接口返回时不确定参数是数值还是字符串，有时可利用这个类型转换 'eqeqeq': 'warn', /...本地安装 HTMLHint插件，下载地址，注意 此插件仅可支持检查HTML后缀文件，不支持tpl，有兴趣的可以给作者提PR ? ? 安装之后，可能需要重启，在列表中可以看到插件配置入口 ?...在webpack中的配置 参考我的webpack项目配置DEMO, 在 webpack.config.js 中传入相应的参数 ? 正式使用时autoFix会按需设置，建议修复。...在使用 htmlhint-loader的时候，webpack默认无法识别html资源，在以往我们可以直接使用 htmlWebpackPlugin来识别，因为它内置支持了ejs-loader 但现在这个代码检查插入之后...不能使用 html-loader ,使用之后会导致无法识别我们的ejs语法，导致htmlWebpackPlugin的资源插入失效 ?
我们在 layout 中创建 index.ejs 文件，index.ejs首页将会继承layout.ejs布局模板生成 HTML 文件。...Hexo 在生成页面的时候会将 source 中的所有文件复制到生成的 public 文件中，并且在此之前会编译 styl 为 css 文件。...在 css 文件夹中创建 style.styl，编写一些基础的样式，并把所有样式 import 到这个文件。所以最终编译之后只会有 style.css 一个文件。...比如，我们现在有这样一个简单的需求，我们想给首页文章列表中的文章块添加一个背景颜色，背景颜色我们可以在文章md文件中定义，如果未定义，则随机选用一种颜色。...其实Hexo所有的文章分类标签等等变量信息，在编译成本地静态文件之前，都是本地存储在一个db.json中的，相当于小型的本地数据库，Hexo在运行阶段，所有的数据相关操作其实都是在这个小型数据库上进行操作
最近小胖一直在玩「functools.partial」函数，发现它可以帮助编写可重用代码。虽然官方文档中有一个很好的演示 functools.partial 的例子，但它太正式了。...今天小胖就把自己平时使用的一些有趣的例子分享给大家。 functools.partial 什么functools.partial是： 使用已填写一个或多个参数的函数创建新的版本。...他们中的1000个呢？不用说，写这么多重复的代码是烦人的。这是partial发挥作用的时候了。...(): # 准备一个存储新函数的列表 power_partials = [] for x in range(1, 11): # 创建新的函数 f...= partial(power, exponent=x) # 将新的函数加入列表中 power_partials.append(f) # 当然我们也可以使用列表解析式来完成上面的工作
需要注意的是这里的ejs模板进行了自定义分隔符，因为webpack在进行编译时，HtmlWebpackPlugin 插件中自带的ejs处理器可能会和这个模板中的ejs变量冲突 在express中自定义即可...]; 浏览器端的配置使用 src 下的 client目录，编译到 dist 目录中 服务端的配置使用 src 下的 server 目录，编译到 distSSR 目录中。...， 还可以在Node中执行 babel-node 来即时地编译文件，不过这种方式会导致每次编译非常久（至少比webpack久） 在React16 中，ReactDOMServer 除了拥有 renderToString...，比较通用的建议时将主要逻辑放在action中，在reducer中只进行更新state的等简单的操作 一般还需要中间件来处理异步的动作（action），比较常见的有四种 redux-thunk redux-saga...的模板语法和ejs的不太搞得来 其二是Yii框架的路由和Express的长得不太一样 在Nginx中配置Node的反向代理，配置一个 upstream ，然后在server中匹配 location ，进行代理配置
sass-node是基于NodeJs的解释器，可以让我们在node环境中编译sass。 sass的安装 sass是用ruby写的，所以需要我们先安装ruby。...安装Compass： gem install compass 完成之后，我们可以创建一个项目。...选择输出格式 当我们把sass编译成css时，我们可以选择输出的格式。 expanded nested compacted compressed 默认是nested。...我们会选择一些代码拆分的方法。 partials 是一些特殊的scss文件，可以导入到项目里，但是自身又不会编译到css中。...原因 带有下划线的scss文件通常叫做partials，它们不会被编译到css中去，但是它们可以导入到其他文件中。 这个方法对于我们编写重用行高的代码非常有效。同时也可以用来做代码拆分。
在 _partials.scss 层（元素、组件等）中，我们主要用到的是 _elements.scss 层，该层中包含诸如通用弹窗、通用表单和通用标题等此类局部模块。...（更多关于文件夹和文件结构的细节，参见我的上一篇文章） 如何组织多个层 在我们的架构中，每个层都至少包含三个文件：两个私有文件（局部样式文件和配置文件，称之为私有是因为它们不会被编译成一个 CSS 文件...在每一层中，都要保证只编译 layer-name.scss 文件，即使某些层代表的是一个“虚拟项目”（如上面示例图中的“基础层框架”）。...对于不会被编译成单独文件的私有文件，我们用一个下划线（ _）作为其文件名的前缀。这里的下划线代表着此文件不能单独存在。 注意：当导入私有文件时，我们书写其文件名时可以不必带上前缀下划线。...选用一款便于重构的编辑器，免于导致报错或故障。 立新不可破旧。在开发和后续重构中，每次都要把所有 Sass 根文件一同编译，以免新旧脱节。
在成功建立本地 Waline 服务后，我们自己掌控了数据库，可以做更多事情，本文记录基于本地数据库的 Waline 为文章添加评论数统计的方法。...背景 需要 独立部署 Waline 并掌握当前数据库 在独立建立的 PVUV 统计 基础上添加内容 由于我的 Waline 部署在了 MongoDB 上，因此本文以 MongoDB 数据库为例 统计思路...在 MongoDB 中，我们已经可以获取评论数据库，那么在访问页面时，后台实时根据访问链接查询评论数据库对应的记录数量返回即可 MongoDB 计数 可以统计指定 url 文档数量 修改 Python...代码 在 PVUV 统计 的Python 后台中，类需要在初始化时和数据库建立链接 def __init__(self): conter_path = Path(__file__).with_name...修改主题 修改 themes\fluid\layout\_partials\post\meta-top.ejs 文件（在 PVUV 修改基础上） 前端代码加入评论数： <span id="vvdpost_container_page_pvuv
在最新的版本中，ThinkJS全面支持ES6和ES7的语法规则。...阻止代码执行 在新的语法规则中，为了实现阻止某些代码的执行，对原来的语法进行了调整。...在 ThinkJS 中，当用户访问一个 URL 时，最后是通过 controller 里具体的 action 来响应的。...prefix 与 subffix 为数组，数组的每一项可以为字符串或者正则表达式， 在匹配到第一个之后停止后续匹配。...项目启动时会跟具体的 adapter 参数作合并 nunjucks ejs 配置特定类型的 Adapter 参数，最终获取到的参数是 common 参数与该参数进行合并 handle 对应类型的处理函数
(2); }); 注意到，在use()的参数中，多了一个next，这是一个可选操作，即供用户选择是否要下一步操作。...cookie && session cookie : 在浏览器保存一些数据,每次请求都会带过来 缺陷：不安全、存储空间有限（4k） session : session是逻辑上的，其还是基于cookie...需要加keys--密钥,keys为数组，会依次循环使用keys中的密钥对session加密 //keys密钥数组越长，越安全 maxAge: 1*3600*1000 //设置有效期1小时 }));...'},function(err,data){ if(err){console.log('编译失败')} ekse {console.log(data);} }); a.ejs {%= name %} //注意变量前后的空格，另外变量name来自ejs.js中 art-template 参考：https
，在许多语言中都有应用 随着，前后端分离导致该技术使用减少，但它仍然存在于许多网站中：Java的JSP\Thymeleaf… EJS %>模板引擎： Embedded JavaScript Templates...还是有点无从下手 经过上述文件分析，我们大致了解如何定义自己的路由规则了： /routes 中定义路由文件——>并配置在app.JS中进行引用、暴漏 /views 中定义ejs等模板资源——>app.JS...如果是在：HTML、EJS文件中引用则直接： /images/01.png、/stylesheets/style.css 即可； 因为： 路径在浏览器中会自动拼接全局路径：/xxx/xx; =自动拼接...请求参数：用户使用接口时，需要向接口提供的数据，参数可以通过URL传递，也可以在请求体中传递 返回值响应：接口处理请求后返回给用户的数据，通常包括状态码、数据内容和错误信息 RESTful...； 是一种在客户端和服务器之间传递数据的机制，它最早出现于1994年由 Netscape 公司的工程师 Lou Montulli 提出并实现 Cookie 运行流程： 浏览器向服务器发送请求时：需要进行记录
Valine评论功能无法使用 LoveIt主题的评论功能默认情况下是无法在本地使用的，除非修改模板渲染文件，或者启动本地服务时添加参数，如下： 1 hugo server -e production...这样就可以在本地调试时使用"评论系统”, “CDN” 和 “fingerprint”。...placeholder: '{{ $valine.placeholder }}', visitor: '{{ $valine.visitor }}' }); {{- end -}} 之后在站点配置文件里启用...valine，然后填上从LeanCloud的应用中得到的appId和appKey就可以用了。...网站配置了keywords没有生效 在 https://seo.chinaz.com 里查询站点时发现页面TDK信息里的关键词(KeyWords)为空，然而站点配置文件里是有配置的，如下： 1 2 #
包含 header.ejs footer.ejs, // 若include了文件 必须指定 filename参数 , 参数为文件路径， // 文件所在目录为查找include资源的目录 path.diranme...or 把str data options都放在一个object中传入 ejs.render(allOptions); options参数 cache 缓存编译后的函数(ejs.compile(…)...返回编译后的函数 delimiter 指这里的% debug 输出ejs.compile()得到函数的函数体 strict ejs.compile()返回的函数是否执行在严格模式 _with...ejs'); var users = ['lufy', 'zoro', 'nami']; //渲染字符串模板时，指定分隔符 // 输出变量 输出表达式的结果 var ret1 =...文件引入到当前文件中，并将data的值传入filename.ejs文件中。
云服务器
ICP备案
云直播
腾讯会议
实时音视频
