首先看一下这篇文章: https://blog.csdn.net/MPFLY/article/details/78134980
Web前端的组件技术刷新真的是日新月异,前段时间看到很多童鞋分享了webpack的使用,刚好之前做我们游戏里Web版的GM工具的时候正在想怎么用简单的方式,做模块分离并且又不需要引入重量级的第三方库或组件,也不需要太繁琐的流程(毕竟只是个小工具)。
在这个系列教程中,你将学习怎么从零开始制作一个 Hexo 主题。 在 part1 中,我们已经着手动工并创建了首页。在这篇文章中,我们将运用所学完成剩余的页面。
最近在用nodejs写一点东西,当然也用到了express框架和ejs模版了。在使用ejs模版的过程中遇到了这个问题:如何在ejs模版中导入外部的js、css文件。
或者下载此CSS文件后放置于../volantis/source/css文件夹中,然后在../volantis/layout/_partial/head.ejs中引入css文件,在标记下方添加一行
Pjax的使用可以在保证Nav Header Footer 不变的基础上改变 Main 的内容(适用于页面结构相对简单的主体)
本文将会从零开始编写一个简单的Hexo博客主题,目的是了解一个Hexo博客主题的构成以及如何编写,因此,本示例中的博客页面样式不做过多描绘,样式主要参考 Hexo theme 中的 Noise 主题。
Node js 视图引擎就像 Laravel 中的 Blade。其最基本的定义是,视图引擎是帮助我们用比通常更短、更简单的方式编写 HTML 代码并重用的工具。此外,它还可以从服务器端导入数据并渲染最终的 HTML。Node.js 项目中一些常见的视图引擎如下:
egg-view-ejs 是 Egg 中比较常用的模板引擎,虽然性能不是很高,但是它的语法规则却是极其的简单,使用起来很方便,下面简单介绍一下它的用法。
对于前后端分离,如何把一个页面的公共部分比如head, header, footer, content等组合成一个完整的html 是一个值得考虑的地方。 对于php,我们可以利用include加载其他页面,像yii框架,可以利用render将输出的内容嵌入到父模板,从而形成一个完整的页面。 那对于纯静态的html我们如何拼接呢? 可以想到市面上的多种模板引擎,比如artTemplate, doT, ejs等,他们可以使用require或include等特殊标记的语法来引入其他模块。但如果每个页面我们都去写若
前言 前面也学习了一些Node.js的基本入门知道,现在开始进入Web开发的部分; Node.js提供了http模块,这个模块中提供了一些底层接口,可以直接使用,但是直接开发网站那还是太累了,所以http模块也不单讲了,可以去看官方API:http://nodejs.org/api/http.html 下面我们直接从Express框架着手去进行Web开发,它实现好了更高层的接口,让Web开发更简单快捷... 简介和安装 Express是一个轻量级、简洁、易用的Node.js Web MVC
在这个系列教程中,你将学习怎么从零开始制作一个 Hexo 主题。 在 part1 和 part2 中,我们已经创建了博客的所有页面。在这篇文章中,我们将给博客添加 Disqus 评论系统,实现 谷歌分析以及完成侧边栏的小部件。
/** * Created by Administrator on 2017/5/29. */ var webpack = require("webpack"); var htmlWebpackPlugin = require("html-webpack-plugin"); var ExtractTextPlugin = require("extract-text-webpack-plugin"); //nodejs的里的一个全局变量,它指向的是我们项目的根目录,入口文件的位置 module.exp
对于任何一个网站来说,优化页面的访问速度是必须的,个人来说,只要加载页面十秒以上或长时间处于空白或加载状态,我会立刻关掉此页面的。你又能容忍几秒呢?
有时候会看到有的网页加载时上方出现进度条,一直想加到自己的博客上来,今天折腾了一番,终于成功了,记录下来。
web express web开发框架 ejs 页面模板。可以方便的把html改写成ejs。 eco 页面模板,类似ejs。与ejs的不同点是:逻辑部分用CoffeeScript而不是javascript jade 页面模板 源自ruby的haml 比ejs优雅简洁,但把html转换成jade要花一番功夫。 coffeecup 页面模板 风格有些像 jade,但里面的内容各种用coffee。 Mongoskin mongoDB驱动。是在mongodb-native的基础上做的封装。 mongoose mon
在hexo框架中使用3-hexo主题时,会遇到这样一个问题:在markdown中嵌入html代码,这些嵌入的html代码无法正常显示。
转载请注明出处: http://blog.fens.me/nodejs-express3/ 程序代码已经上传到github有需要的同学,自行下载。 https://github.com/bsspi
官网介绍,Egg奉行『约定优于配置』,按照一套统一的约定进行应用开发,团队内部采用这种方式可以减少开发人员的学习成本。
前言:本文是关于itsNeko开源博客食用方法详解,感谢使用本开源博客。时间过的好快,还好我都记录下来了。
例如,ayer主题的位于hexo\themes\ayer\layout\_partial\archive.ejs
首先找到 hexo 博客 theme 下当前使用的主题文件,/themes/halo/layout/_partial/head.ejs(针对自己的),加入以下
webpack的一点介绍 Webpack 把任何一个文件都看成一个模块,模块间可以互相依赖(require or import),webpack 的功能是把相互依赖的文件打包在一起。webpack 本身只能处理原生的 JavaScript 模块,但是 loader 转换器可以将各种类型的资源转换成 JavaScript 模块。这样,任何资源都可以成为 Webpack 可以处理的模块。同时,webpack还有丰富的插件 plugin,可以完成例如js,css的压缩,公共依赖模块的提取和注入,甚至利用模板对 h
本文为2021年教程,hexo以及主题版本迭代较快具有时效性,方法可能发生改变,酌情观看
Express官方提供 express-generator 可以快速创建一个Express应用的骨架。
最近业余时间利用hexo为自己搭建一个高度自定义的个人站点,站点发布在github上,访问地址为:https://cqhaibin.github.io/。本博客简单介绍实现此站点的过程。效果图如下 构
[思路]:树莓派安装express服务器,访问服务器,与服务器交互,从而控制硬件,最终实现树莓派引脚电平控制,进而实现与树莓派电路板引脚相连的LED亮与灭。
Express默认的模板引擎是pug(jade),想要渲染html页面必须要导入对应的模板引擎ejs
webpack使用总结: 入门使用: 这个报错说明需要安装相应的Loader,并在引用时指定相应的loader 执行成功如图: chunk指相应的区块。 要是css引入正确:必须引入css-loade
本文详细记录了如何在Hexo博客中实现用图组织内容的方法,但是,请注意:以下内容并非操作教程,仅表明相信思路以供参考,或许您可以实现出更好的版本,但仅依照下文内容并不保证一定能重现,一些尝试和debug的细节过于繁琐并未列出,如有疑问欢迎留言。
Hexo博客已经使用挺长时间了,其出色的静态网页渲染能力深得我的喜欢,然鹅也是因为 Hexo 基本完全依赖渲染模板的原因,如果在整博客的过程中引入了错误的代码段或者和已有代码发生了冲突,会直接影响博客的正常渲染,对于Hexo来说,不能渲染就等于完全废了;针对出现的错误,有时候我们还不一定能找得出来。经常是改一处错两处,那么到了迫不得已的时候,就有必要对博客进行重置了。
前言 前面经过五篇Node.js的学习,基本可以开始动手构建一个网站应用了,先用这一篇了解一些构建网站的知识! 主要是些基础的东西... 如何去创建路由规则、如何去提交表单并接收表单项的值、如何去给密码加密、如何去提取页面公共部分(相当于用户控件和母版页)等等... 下面就一步步开始吧^_^!... 新建express项目并自定义路由规则 1.首先用命令行express+ejs创建一个项目sampleEjsPre cd 工作目录 express -e sampleEjsPre cd sam
hexo默认的代码高亮样式有时候不够好看,而highlightjs可以自己引用很多好看的样式,比如vs样式。但是它却不支持行号,因此有了这篇修改教程。
原js会在页面左下角绘制一个按钮,点击之后会使用自己的CSS来改变颜色,但是volantis已经有了自己的暗黑模式CSS,并且两者在检测暗黑模式上也用了不同的变量,导致暗黑模式被两次开启的bug。 考虑到原作者开关暗黑模式其实是执行特定的js代码,因此只需要修改主题的“暗黑模式”按钮,让用户点击时执行原作者的js代码就可以实现动画效果
前言 上一篇学习了一些构建网站会用到的一些知识点 https://cloud.tencent.com/developer/article/1020636 这一篇主要结合前面讲到的知识,去构建一个较为完整的网站应用程序,对前面学到的一些知道做一个串联加深并灵活运用! 功能主要用MySQL数据库,包括登录、注册、主页三部分;下面就一步步开始吧! 新建项目、建立数据库以及其它准备工作 1.新建express + ejs 项目:sampleEjs cd 工作目录 express -e sampleEj
作为一篇新手入门,这篇文章没有太多的技巧和花式,只是从零开始带你学习和掌握express的开发应用,比较适合于完全没有使用过express的新手,以及其他非前端同学。
前段时间一直在研究 react ssr技术,然后写了一个完整的 ssr开发骨架。今天写文,主要是把我的研究成果的精华内容整理落地,另外通过再次梳理希望发现更多优化的地方,也希望可以让更多的人少踩一些坑,让更多的人理解和掌握这个技术。
博客内容固然是最重要的,但是抛开内容不讲,博客本身也应该带有自己的Tag,而不是光会用别人的轮子。
想写博客很长时间了,因为一直身患懒癌,所以一直拖到了现在。markdown的语法也是刚刚学,试验一下效果 好了不说了,直接上干货了。 ------------------------------------------------------------------------------------------------
使用码云的issues作为评论系统,就要使用码云来登录评论,所以需要在码云上配置第三方应用。
2017-05-16 by Liuqingwen | Tags: Hexo | Hits
目录结构 │ server.js │ ├─libs │ database.js │ ├─log ├─routers │ │ static.js │ │ │ ├─admin │ │ index.js │ │ │ ├─api │ └─www │ index.js │ ├─static │ └─upload ├─template └─upload 基础模块 cnpm i koa koa-router ko
会在source/about中生成index.html。这个就叫做页面,不在文章列表显示,可以通过http://localhost/about浏览。
一直说要出一篇从零搭建博客的教程,但是最近真的很忙,一直没有时间,尽量抽出时间将博客教程写出来了,如下,阅读本文需要你有以下技术储备:
之前一直使用的是Butterfly主题默认的魔方盒子(姑且就这么称呼)加载动画,但是属实是不太喜欢。偶然看到了一个博客使用转动齿轮效果感觉很喜欢,就有了这篇文章。
我们可以看到有很多分类音乐榜单,我们看看他到底是怎样写的右击查看源码 body内容就下面几行代码,其他的数据都是通过js加载的
1、Auto Rename Tag 修改 html 标签,自动帮你完成尾部闭合标签的同步修改,和 webstorm 一样。
领取专属 10元无门槛券
手把手带您无忧上云