首页 > TAG信息列表 > Pug

hexo 改变主题的问题

前言 Hexo改变主题后部署报错： extends includes/layout.pug block content include includes/recent-posts.pug include includes/partial   解决 安装插件 npm install --save hexo-renderer-jade hexo-generator-feed hexo-generator-sitemap hexo-browsersync hexo-generat

Pug的使用

1.vue中安装pug 原文章：https://www.aiprose.com/blog/126 npm i -D pug pug-html-loader pug-plain-loader 或 yarn add pug pug-html-loader pug-plain-loader   配置 // vue.config.js module.exports = { chainWebpack: config => { config.module.rule('pug

自动构建和原理分析（1）--理论

前言：没有一条道路是平顺的，编程中不一定只有编程的问题，更多的还来自生活和做人的问题，以及时间金钱的问题，时间已过，人事已非，在万变中去找到不变的原则，那就是向上学习，勇攀高峰，但是有时候还是得停下脚步，回顾自己的道路是不是正道，不及时调整很容易走向偏道。废话不多说，继续学习今天

[HackTheBox] Gunship

靶机名 Gunship 难度 VERY EASY 考点 pug ssti 报错外带回显 解题 下载题目源码后先看一下index.js： const path = require('path'); const express = require('express'); const pug = require('pug'); const { unflatten } = requi

解决hexo无法使用iconfont阿里图标

author: Nathan-niee tags: date: 2021-09-09-11:21 1. 前言 突发奇想想更换(添加)一些图标用于一个简单的导航,可是使用网络上的给出的教程Hexo-使用阿里iconfont图标,无论无何都应用不了,图标总是不显示,于是就想着研究一下原理,魔改一下。 框架: hexo 主题: butterfly 2.

Vue 如何使用 pug

cli 3 npm i -D pug pug-html-loader pug-plain-loader cli 2 npm i -D pug pug-html-loader webpack config module:{  　　reules:[ 　　　　{test:/\.pug$/} 　　　　loader:"pug-html-loader" 　　] } <template lang="pug"></template>  

Hexo启动页面显示extends includes/layout.pug block content include includes/recent-posts.pug include

Hexo更改主题后启动服务器，界面显如下字符:extends includes/layout.pug block content include includes/recent-posts.pug include includes/partial解决方案:执行如下命令npm install --save hexo-renderer-jade hexo-generator-feed hexo-generator-sitemap hexo-browsers

pug模板引擎（原jade）之 注释、条件、包含

pug 注释 带输出的注释 // 一些内容 p foo p bar 编译： <!-- 一些内容--> <p>foo</p> <p>bar</p> 不带输出的注释 //- 这行不会出现在结果里 p foo p bar 编译： <p>foo</p> <p>bar</p> 块注释 body //- 给模板写的注释 随便写多少字 都没关系。 // 给生成

pug模板引擎（原jade）之 代码

不输出的代码   for 语句/ each语句 for (var x = 0; x < 3; x++) li item 编译为： <li>item</li> <li>item</li> <li>item</li>   写成块的形式 用 each var list = ["Uno", "Dos", "Tres", "Cuatr

pug模板引擎（原jade）之 属性

强调：所有javascript表达式都能用 属性 Attribute 多行属性（可以换行写）： 可以搭配模板字符串  input(type='checkbox' name='agreement' checked) 用引号括起来的属性 div(class='div-class' (click)='play()') 属性嵌入 var btnType = 'info' var btnSize = �

Thinking In Java -- Chapter 11 -- 持有对象

迭代器： 迭代器的工作是遍历并选择序列中的对象，而客户端程序员不必知道或关心该序列底层的结构。例如，Java的Iterator()（只能单向移动）可以用来： 使用方法Iterator()要求容器返回一个Iterator。Iterator将准备返回序列的第一个元素。使用next()获得序列的下一个元素。使用hasNext()

hexo 切换butterfly 主题报错踩坑处理

1、更换主题后报错extends includes/layout.pug block content include includes/recent-posts.pug include npm install --save hexo-renderer-jade hexo-generator-feed hexo-generator-sitemap hexo-browsersync hexo-generator-archive 　　hexo c 　　hexo g 　　hexo s

koa-02 服务端渲染- pug(jade)、ejs

服务端渲染： 1）安全性高 ->用户登录 注册用服务端渲染 2）SEO 客户端渲染： 1）节约流量 2）用户体验好（不需要重新刷新页面） 常用服务端渲染框架： 1）pug(jade) 侵入式：了解 　　一旦用了pug，再想离开他就不行了，因为他会彻底的破坏原来的html 安装：npm i pug -D 示例： pug写html的时候是以缩进来表示

Pug迭代

两种主要的迭代方式： each 和 while 一、each 1、最简单的迭代 ul each val in [1, 2, 3, 4, 5] li= val 等价于--> <ul> <li>1</li> <li>2</li> <li>3</li> <li>4</li> <li>5</li> </ul> 2、迭代同时获取索

关于pug的笔记

一、简介 Pug 是一款健壮、灵活、功能丰富的模板引擎,专门为 Node.js 平台开发。Pug 是由 Jade 改名而来，他可以帮助我们写html的时候更加的简单明了。安装、使用pug的过程打开cmd直接输入npm install pug-cli -gd最后显示出如图的样子就安装成功了： 创建一个文件夹在文件夹中创造

初步认识pug

一、初步认识pug 1.所谓的pug就是我们之前说的jade,也就是一种通过缩进的方式来编写代码的过程，在编译的过程中，我们不需要考虑标签是否闭合的问题。此外，用这种编译方式，加快了我们写代码的速度，也为代码复用提供了便捷。 2.在学习pug基础语法之前，首先要了解pug的命令行的使用,例如： d

javascript-如何在Node.js和Jade中使用客户端Jquery？

我试图将jquery代码放在我的node.js应用程序的主页上.这是我到目前为止的内容： script(type='text/javascript' src='public/javascripts/jquery-min.js') script. $( document ).ready(function() { alert('hello'); }); 生成这个HTML <script type=&q

基于页面URL的Jade条件吗？

是否可以基于页面路径在我的布局模板中设置条件玉？是否有页面路径变量？我正在寻找做类似的事情： if page = "/about" link(rel='stylesheet', href='css/about') else link(rel='stylesheet', href='css/main') 这是布局模板的一部分.我在哪里以及如何定义变量来实现这一目标？解

javascript-Jade / Pug中更清晰的mixins

我正在寻找在Jade / Pug中显式显示mixin参数的方法. 这是一些伪代码来说明我的意思： // Current situation +c-button('Button label', 'overstated', 'large') // Here we can see what the mixin expects +c-button(btnLabel: 'Button label', btnType: 'o

javascript – AngularJS / Jade错误：参数’MyController’不是函数,未定义(MEAN)

我知道已经多次询问过这个问题的变体,但是我已经为其他OP尝试了几种建议的解决方案,但未能解决这个问题,并希望得到一些澄清. 我正在使用基本的平均待办事项列表应用程序(http://www.mean.io/).在实现一个简单的控制器后,我遇到了“错误：参数’nameOfMyController’不是函数,未定义.

前端基于VUE的v-charts的曲线显示

目录 前端基于VUE的v-charts的曲线显示 1. 应用背景 2. 分析数据生产者生成 3. 取出数据消费者 4. 前端显示 4.1 安装V-charts插件 4.2 引入veline曲线插件 4.3 曲线标签 ve-line 4.3.1 方法一：直接使用html标签 4.3.2 方法二：pug编译 4.4 前端写入调试模拟数据 4.5 注册组件 5

javascript – JADE EXPRESS：在内联JS代码(客户端)中迭代对象？

我想基于它的api实现谷歌地图.我想基于坐标添加路径.因此,我从我的模型中获取坐标,并希望迭代对象以使用此点填充地图.在我的玉模板中,我包含这样的api js代码： script(type='text/javascript') function initialize() { var myLatLng = new google.maps.LatLng(0, -180)

javascript – Node.js从Jade加载外部样式表,路径不一致

我正在使用Jade模板引擎开发一个nodejs应用程序. 在我的主(“/”)布局中,我有以下代码在我的公共路径中加载外部CSS. link(rel='stylesheet', href='/stylesheets/styles.css') ... 有多行外部javascript和css文件要加载. 但是,当我必须从我的/ users / profile jade模板加载它时

javascript – 如何将值传递给Jade模板

请看下面的代码 user.js的 exports.index = function (req, res){ res.render('user', { id: req.params.id }); }; user.jade body - var x = #{id} div.container div.headpic if (x < 10) img(

javascript – 如何将ExpressJS,VueJS,Jade一起使用？

将ExpressJS,VueJS和Jade一起使用的最佳做法是什么？ 这是一个有点愚蠢的问题,但我是否需要将Jade转换为HTML(就像我知道的那样,因为VueJS无法提供Jade文件)？ 我需要在ExpressJS中提供Jade或转换后的HTML索引文件吗？ 不使用VueJS,我的index.js文件中的代码是这样的： app.set("view engi