最近做微信小程序应用看到一个云开发模式, 冒着好奇害死猫的心切换了看了看,然后看到了一个好东西。
Pug是一款健壮、灵活、功能丰富的HTML模板引擎,专门为 Node.js 平台开发。Pug是由Jade 改名而来。
Nuxt.js 能够胜任 VuePress 的功能,但它专为构建应用程序而设计,而 VuePress 更适合构建以内容为中心的静态站点,如技术文档,博客等。
在 butterfly主题文件夹下 找到layout/includes/widget下创建一个文件 “card_qrcode.pug”
在\themes\butterfly\layout\includes\page目录下新建notice.pug模板:
用到的CDN bootcss.com 更换域名到bootcdn.net,导致原来用的远程css 404
针对历史项目或项目中有引入CSS框架(如Bootstrap),可能会存在大量的 CSS 样式未被使用。这可能产生一些不良的影响,如:
最近一直在想着做一个自己博客的数据统计。做数据统计,报表,必须要先有数据,于是写了一个使用Nodejs获取自己CSDN所有博客链接的程序, 并将这些博客数据通过页面展示出来。
修改[Blogroot]\themes\butterfly\layout\includes\loading\loading.pug
1.基本使用 新键文件 template/1.pug 这个文件存放html模板 示例代码
注册LeanCloud国际版账号,随后创建应用(针对同一个项目最好引用同一个应用,从而避免同一个页面中使用多个leancloud应用导致冲突问题)
本贴在手机端因为mermaid插件的问题显示会超出屏幕,以后在想办法解决,目前建议使用电脑浏览
最近做的项目我负责架构和全栈开发,前端从JSP转换到了Html + jquery+ajax,后端为Java。随着功能不断地迭代还有系统不断地壮大,前端纯html+jquery+ajax的问题也暴露出来了:
今天换换口味,由于本人工作中马上要用到Netty这个东西,所以这几天也是开始学习,此学习过程应该会是一个完整的系列,初步的目标是先会用,之后有机会再深入。鉴于笔者之前也从未使用过Netty,所以有什么疏漏错误的,希望大家指正,先行感谢!
本项目是对冰卡诺老师写的教程:基于Butterfly主题的侧边栏说说进行重构,新增pjax适配和artitalk_v3.2.1及以上版本的适配。后续也会继续在本帖基础上继续开发。
1、Auto Rename Tag 修改 html 标签,自动帮你完成尾部闭合标签的同步修改,和 webstorm 一样。
Node js 视图引擎就像 Laravel 中的 Blade。其最基本的定义是,视图引擎是帮助我们用比通常更短、更简单的方式编写 HTML 代码并重用的工具。此外,它还可以从服务器端导入数据并渲染最终的 HTML。Node.js 项目中一些常见的视图引擎如下:
让我们来创建Express应用程序,Express是一个Node.js Web应用框架,它很强大,可以为用户创建各种Web应用和HTTP工具,使用Express框架可以搭建一个完整功能的网站。
CSS Glassmorphism Button Hover Effects | Glass Morphism](https://codepen.io/katarzynamarta/pen/rNdbbVq)| |侧栏小菜单侧栏样式参考|Rhombus CSS only switch|
最近,Meta用虚幻引擎开发了全新的逼真合成数据集,希望拉近合成数据与真实世界数据的距离。
botui.js 是一个简单的聊天机器人框架,使用它可以完成简易的脚本对话式交流。缺点是只能在自己设定的逻辑内进行有限问答,而不是像真正的 AI 那样智能会话。
Express新建项目与配置项目热加载 声明:本文记载为笔者根据官方文档创建Express项目以及使用nodemon实现express项目热加载的简单笔记,非精心创作,旨在记录,笔者不对内容质量负责。 创建Express项目 运行Express生成器(只需一次) npx express-generator 创建Express项目 express --view=pug myapp(myapp是项目名) 此应用将在当前目录下的 myapp 目录中创建,并且设置为使用 Pug 模板引擎 运行结果: e
通常,程序总是根据运行时才知道的某些条件去创建新的对象。在此之前,无法知道所需对象的数量甚至确切类型。为了解决这个普遍的编程问题,需要在任意时刻和任意位置创建任意数量的对象。因此,不能依靠创建命名的引用来持有每一个对象:
所以 sid cid 和aid其实都是一些化合物的id,我们可以通过请求这个id来获得与其对应的属性:
你是否在开发基于 Vue 的 app 时使用过具有相同属性甚至具有相同的 template 结构的组件?
本项目是对冰卡诺老师写的教程:基于Butterfly主题的分类磁贴2.0版进行重构,去除了所有繁杂的引入js的过程,所以也就无需引入jquery和vue,也完美支持pjax。当前4.0版本可以自动获取分类及文章数。封面和描述配置项直接嵌入配置文件。支持自定义行数,超过自动切换为滚动显示。可选择三列或四列显示。
Express官方提供 express-generator 可以快速创建一个Express应用的骨架。
https://liuyib.github.io/2019/09/24/use-pjax-to-your-site/
你问人问题,她若答非所问,便已是答了,无需再问。——木心 文档:https://hexo.io/zh-cn/docs/themes 先创建hexo项目 hexo init simple-hexo 然后到themes新建一个主题文件夹 cd .\simple-hexo\themes\ mkdir simple-theme 修改外部_config.yml的theme theme: simple-theme 📷 外部执行一下hexo s启动项目试试 📷 打开localhost:4000 📷 因为我们什么都没
本文是对Heo博主写的Butterfly魔改:动态分类条,可以根据页面变化而改变的分类列表展示方式文章的补充,增加了动态标签条,并且可以自动获取全站分类和标签名称。
HTMX允许你使用扩展的HTML语法代替 JavaScript 来实现交互性。HTMX 在标记中直接为你提供HTTP 交互,并支持许多其他交互需求,无需求助于 JavaScript。这是一个有趣的想法,可能最终会影响到web前端的工作方式。让我们看看如何使用HTMX以及它的吸引力。
版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
在css3到来之前,都是用js来操作dom元素,计算位置,大小,形成瀑布流布局。但是有了css3之后,一切实现起来就太简单了,没有复杂的逻辑,轻松的几行样式代码就可以搞定。
在main.js中导入babel-polyfill 以便旧版浏览器中可以使用新的js特性
新建文件 博客根目录\source\_data\link.yml ,没有 _data 文件夹的话也请自己新建 打开 博客根目录\source\_data\link.yml ,输入
webpack2和vue2已经不是新鲜东西了,满大街的文章在讲解webpack和vue,但是很多内容写的不是很详细,对于很多个性化配置还是需要自己过一遍文档。Vue官方提供了多个vue-templates,基于vue-cli用的最多,不过对于很多人来说,vue-cli 的配置还是过于复杂,对于我们了解细节实现不是很好,所以想自己从零开始搭建一个模板工程,也顺便重新认识一下webpack和vue工程化。
把下载好的Js文件放在theme/Butterfly/source/js文件夹下 /Butterfly/layout/includes文件夹下找到head.pug文件,在最后引入
系统会自动在.ssh文件夹(.SSH在C:\Users\Windows用户名目录下)下生成两个文件,id_rsa和id_rsa.pub
Butterfly 的友链太过单调了。加上之前正好移植了 Volantis 的一堆外挂标签样式,突发奇想用 Site-card 来写友链,效果相当理想。
POST请求借助body-parser模板引擎以及req.body()函数得到参数。
要注意的一点是: 标签后面如果有属性(括号内的) 他和括号之间不要加空格,加了空格就会被当成字符串解析,详细可查看官方文档
其实这个动画切换效果不是第一次看到了,最早看到是在一些volantis主题的用户博客那里,比如银河小徐那里,百度了一下也搜到过volantis相关的魔改教程,当时没当回事,直到在今年勇那里想到了相对完善的源码,不过他嵌入的不是很完美,按钮在一个比较尴尬的地方。和我的副标题重合了,js也是依赖于jquery的,和最新版butterfly去jquery的理念相悖,所以心血来潮对这个教程做下完善,顺便去jquery。
在 Netty 以及 NIO 出现之前,我们写 IO 应用其实用的都是用 java.io.* 下所提供的包。
参考:博客添加待办清单页 1. 前言 要做的事还有很多,想做的事源源不断,那就都记录在博客里吧,ToDoList。 2. 实现 新建 [blogroot]\themes\butterfly\layout\includes\page\todolist.pug 添加以下代码 #todolist-box .page-top-card(style='background-image: url(/img/todo.webp);') .content-item-tips 想做清单
如下:便有三个代码块block scripts,block content,block foot
作为加入单页应用程序 (SPA) 队伍的最新框架,Blazor 有机会在其他框架(如 Angular 和 React)的最佳特性基础之上构建而成。尽管 Blazor 背后的核心概念是利用 C# 和 Razor 来生成 SPA 应用程序,但明显受到其他框架启发的一个方面是使用组件。
PubChem是一个开放访问数据库,其中的大多数数据均可下载。如果许可协议阻止我们的数据提供者允许批量下载某些数据集,则可能会有例外。
领取专属 10元无门槛券
手把手带您无忧上云