找不到你想要的页面了" --- 紧接着再新建主题文件夹的 layout 目录下新建 404.ejs 文件，添加内容如下： /* don't remove...#显示行数 tab_replace: '' #用n个空格替换tabs；如果值为空，则不会替换tabs wrap: ture hljs: false # 关闭原有的代码高亮...您可以在文章 md 文件的 front-matter 中指定 reprintPolicy 来给单个文章配置转载规则 自定制修改 修改主题颜色 在主题文件的 /source/css/matery.css...# 这是主题配置文件的相关信息 # 配置网站favicon和网站LOGO # 此处我用的CDN，也可以使用本地文件 favicon: https://cdn.jsdelivr.net/gh/guixinchn...weixin 我是用的图片链接，会跳转到一个新的标签页，之后还需要修改 ejs 文件，文件在主题目录下的 layout 文件夹下的_partial 文件夹，修改 social-link.ejs，添加相关的配置
-c, --css add stylesheet support (less|stylus|compass) (d efaults to plain css...，输出的是没有转义后的变量值 3. 而这个标签，从显示上看，他循环了出来参数中的值，标签中是javascript逻辑代码，注意括号的开闭合 在这里，简单认识一下ejs，下面开始看看express...engine', 'ejs'); 设置使用的模版引擎，我们使用的ejs 2.app.use([path], function) 用这个方法来使用中间件，因为express依赖于connect...文件，其中.js后缀省略，用/users访问时，调用routes目录下users.js文件 这就是为什么，我们示例中用http://localhost:8100/访问是，修改的index.js里的文件代码可以执行...，传并传入了title和users两个对象做为参数； 为什么它会知道解板views目录下的index.ejs?
在使用ejs模版的过程中遇到了这个问题：如何在ejs模版中导入外部的js、css文件。 我猜测，ejs和html导入外部文件的方式应该是不一样的。但是我还是决定试一试。...按照之前在html文件中的方式导入，结果失败。 这也证明我之前的想法，这些静态文件一经过服务器，就不能直接进行导入了。那该如何导入呢？ 这是我的文件结构： ?...我现在需要在index.ejs文件中导入public文件夹下的table.css以及table.js两个文件。 我为什么要将两个静态文件放到public文件夹下呢？...笔者这里的情况如下： 基于node.js ，使用express开发一个blog网站： 项目目录： ? 这里引用外部js和css文件的ejs页面的代码： 我的public文件夹的路径配置： ? public文件夹下的静态资源结构： ?
最近在用nodejs写一点东西，当然也用到了express框架和ejs模版了。在使用ejs模版的过程中遇到了这个问题：如何在ejs模版中导入外部的js、css文件。...我猜测，ejs和html导入外部文件的方式应该是不一样的。但是我还是决定试一试。按照之前在html文件中的方式导入，结果失败。 这也证明我之前的想法，这些静态文件一经过服务器，就不能直接进行导入了。...这是我的文件结构： ? 我现在需要在index.ejs文件中导入public文件夹下的table.css以及table.js两个文件。 我为什么要将两个静态文件放到public文件夹下呢？...当然，上面的截图中的目录是我自己写的，下面是express自动生成的目录： ? 可以看到，其中的public文件夹是其自动生成的，也就是让你放静态文件的文件夹。...那把包括了js、css以及图片的静态文件放到public文件夹下又该怎么使用呢？ 看图： ?
在开始前，你需要对以下的一些知识点有必要的了解： 模板引擎语法 CSS预处理器 YML语法 Hexo文档 本文使用的模板引擎为 ejs，使用的 CSS 预处理器为 stylus。...: 我是导航栏 layout/_partial/footer.ejs: 我是底部信息 我们在layout中创建layout.ejs，并引入...除此之外，我还有将经常使用的是theme变量，该变量是主题配置（即主题根目录下 _config.yml 中的配置），其他变量参见hexo文档。...其实Hexo所有的文章分类标签等等变量信息，在编译成本地静态文件之前，都是本地存储在一个db.json中的，相当于小型的本地数据库，Hexo在运行阶段，所有的数据相关操作其实都是在这个小型数据库上进行操作...而Hexo主题的作用就是决定每个布局模板长什么样。 推荐阅读 CSS尺寸单位介绍 为什么现在面试总是面试造火箭？ 群里提问的艺术 「一个有温度的前端号」
问：我是怎么发现的呢？ 答：这在sakura主题中，原作者的source\links\index.md中就用了颜文字<(￣︶￣)，微微一笑，挖坑，这里补坑了啊。...【INFO neat the html: xxxx.ejs】压缩ejs配置文件（这里也有很多换行和空格），这是html片段格式文件。...的需要单独列出来（这里引用了fancybox图片弹窗效果，从压缩名单里单独剔除） 4，深目录的，需要单独列出来：（这里我引用了live2d看板娘的动画） 单用*/.min.js深目录跳过已压缩文件不行...，这部分只好全部跳过压缩了： 5，如果你和我一样用的sakura主题，那么在themes\sakura\layout_partial\aplayer.ejs中，在34和35行中间添加一个>反括号。... 一共有i项歌单，循环打印歌单信息，对，sakura原作者忘记加前的反括号了。
直到十几天前，我用的还是 Next 主题，这的确是一个相当成熟和漂亮的主题，我特别喜欢它的简洁。直到某天看到一句话： 当你看到你用的主题出现在两个以上的博客时，那你就要考虑自己写一个了。...体会和感想 虽然是一个小项目，而且代码也写得比较乱，但是收获颇丰——接触到了两个新的技术，一是模板引擎ejs，二个是css预处理器stylus，还有就是对hexo的原理有了更为深入的理解，至少知道了我写的...某篇文章中出现了一行很长的代码，因为没有对它进行换行和溢出处理，导致图片尺寸无法正常设置，同时所有的文本内容都被挤出div。 在本地测试的时候某些文章无法显示全文内容，并且底部div消失。...Hexo中并没有专门的展示所有标签或者所有类别的页面，拿我用的ejs来说，layout文件夹下的tag.ejs实际指的是单一标签下的所有文章，同理categories.ejs指的是单一类别下的所有文章。...总结 主题基本的东西都做好了，剩下的就是上传到 github，并且向 Hexo 官方站点发起 PR—-这些对于我这个菜鸟来说还很陌生，所以不得不去b站找了 github 和 git 使用的相关教程。
前言 Web前端的组件技术刷新真的是日新月异，前段时间看到很多童鞋分享了webpack的使用，刚好之前做我们游戏里Web版的GM工具的时候正在想怎么用简单的方式，做模块分离并且又不需要引入重量级的第三方库或组件...我们的Web版GM工具长差不多这个样子，全静态页面。 因为分成了好几个模块，然后由于用的是bootstrap的。上面的Tab和下面的内容还有处理逻辑的函数都分了三大块，在不同的位置。...支持 为了可以方便地使用css，可以加入 sass 或者 less 支持，我这里加入了 sass 支持。...然后再加上原本的css模块。...我用的是运行时编译的版本，而 vue 对 webpack 文档里支持方式是只导入了runtime，没有导入编译库，所以这里初始化流程会麻烦一些。
（文章无特色图片时会有 24 张漂亮的图片代替） 时间轴式的归档页 词云的标签页和雷达图的分类页 丰富的关于我页面（包括关于我、文章统计图、我的项目、我的技能、相册等） 可自定义的数据的友情链接页面 支持文章置顶和文章打赏...如果还没有的话，不妨使用 Hexo 和 Markdown 来写博客和文章。...我们可以用 hexo-permalink-pinyin Hexo 插件使在生成文章时生成中文拼音的永久链接。...修改的地方在主题文件的 /layout/_partial/footer.ejs 文件中，包括站点、使用的主题、访问量等。...以下列出了可能对你有用的地方： 修改主题颜色 在主题文件的 /source/css/matery.css 文件中，搜索 .bg-color 来修改背景颜色： /* 整体背景颜色，包括导航、移动端的导航、
此乃必不可少的功能，大牛、 dalao 有的组件，我们小菜也要有！ 关于 Hexo 博客搜索功能，我参考了不少文章，但是要么比价复杂，要么需要技术支持，折腾了我一天！...最后在这篇文章：完美解决Hexo静态博客搜索问题中找到了引荐的静态搜索开源项目： Tipue Search ，但是这篇文章不适合我等新手，而这篇官方文章： hexo-generator-tipue-search-json...-- 下面的是之前有的，上面的代码是添加的 --> 接着需要在有搜索功能的页面加入 JS 和 CSS 引用，在主题根部模板文件 after-footer.ejs 中添加以下引用和脚本，...-- 下面的是之前有的，上面的代码是添加的 --> <!
（文章无特色图片时会有 24 张漂亮的图片代替） 时间轴式的归档页 词云的标签页和雷达图的分类页 丰富的关于我页面（包括关于我、文章统计图、我的项目、我的技能、相册等） 可自定义的数据的友情链接页面 支持文章置顶和文章打赏...支持emoji表情，用markdown emoji语法书写直接生成对应的能跳跃的表情。...下载 当你看到这里的时候，应该已经有一个自己的 Hexo 博客了。如果还没有的话，不妨使用 Hexo 和 Markdown 来写博客和文章。...修改的地方在主题文件的 /layout/_partial/footer.ejs 文件中，包括站点、使用的主题、访问量等。...首页文章列表 修改主题颜色 在主题文件的 /source/css/matery.css 文件中，搜索 .bg-color 来修改背景颜色： /* 整体背景颜色，包括导航、移动端的导航、页尾、标签页等的背景颜色
如果页面变成了之前本地调试时的样子，说明上传以及完成了。没变的话查看一下上传时命令行窗口的信息有没有错误信息，没有的话清除一下浏览器缓存试试。...（文章无特色图片时会有 24 张漂亮的图片代替） 时间轴式的归档页 词云的标签页和雷达图的分类页 丰富的关于我页面（包括关于我、文章统计图、我的项目、我的技能、相册等） 可自定义的数据的友情链接页面 支持文章置顶和文章打赏...，默认为英文 timezone: #时区，可以不填写 # 这是主题配置文件的相关信息 # 配置网站favicon和网站LOGO # 此处我用的CDN，也可以使用本地文件 favicon: https...我是用的图片链接，会跳转到一个新的标签页，之后还需要修改ejs文件，文件在主题目录下的layout文件夹下的_partial文件夹，修改social-link.ejs，添加相关的配置，我个人添加的配置如下...关于我页面添加个人简历 打开theme/matery/layout/about.ejs文件，大约在13行。
egg-view-ejs 是 Egg 中比较常用的模板引擎，虽然性能不是很高，但是它的语法规则却是极其的简单，使用起来很方便，下面简单介绍一下它的用法。 1....在 config 文件夹下找到 plugin.js 文件，导出ejs 'use strict'; // 导出 ejs exports.ejs = { enable: true, package...方法 router.get('/news', controller.news.index); }; 然后在 controller 文件夹中新建路由所对应的控制器文件 new.js，并在文件里添加路由所对应的控制器方法...-- 使用静态资源 --> <%=title...注意，静态资源必须存放在public文件夹下，实际引用时，如果担心层级过多，可以用"/public" 开头的绝对路径来访问静态资源。
为什么要服务端渲染(ssr) 至于为什么要服务端渲染，我相信大家都有所闻，而且每个人都能说出几点来。...为什么不直接干掉？所以为了方便，我这里写了一个 babel 插件，在编译的时候干掉 css 的导入代码。...核心亮点说完，整个流程基本结束，剩下的都是些有的没的了，我打算要收工了。...为了方便大家的参考和学习，我把涉及到代码进行整理、完善和修改，增加了一些基础配置和工程化处理，目前已形成一个完整的开发骨架，可以直接运行看效果，所有的代码都在这个骨架里，欢迎star 欢迎 下载，交流学习...这也是我为什么上来先要说下 reac ssr原理 的原因，因为它指导了我的实践。
时间过的好快，还好我都记录下来了。 itsNeko开源介绍 基于 itsNeko开源博客是基于Hexo博客Matery主题魔改，感谢各位对本博客的喜爱与支持。...2、个人介绍内容 在/themes/layout/about.ejs文件中，使用“ ctrl+F ”快捷键定位到“ 关于我哦 ”，然后自行个人介绍介绍。...这里我已给出常用的两类文章模板，可直接复制粘贴然后（修改文章名，链接后缀建议用英文，标签建议只用一个，分类，时间，以及文章banner图片）形成新的文章。...medias/reward 鼠标左键点击文字 -> /themes/source/js/click_show_text.js 网站标题栏和footer栏背景颜色 -> /themes/source/css.../matery.css 在该文件中使用“ ctrl+F ”快捷键定位到“ 网站标题栏和footer栏背景颜色 ”，然后自行修改颜色。
但如果使用Express+ejs+less的话，配置webpack非常繁琐，所以，一番折腾后，于是有了Express+Less+Gulp的配置方案，效果见下图，项目地址：https://github.com.../ycjcl868/Express_Gulp [image.gif] 目的 我使用Express+Ejs+Less开发，想开发时对所有资源进行压缩并同步到浏览器端，Google搜索一遍，都不是太符合我的项目要求...配置 下面说下我的配置方法： 我的目录结构： ├── app.js # Express Server ├── bin │ └── www # 启动Server ├── dist #...}))) .pipe(gulp.dest('dist/img/')) // .pipe(notify({ message: '图片处理完成' })); }); // 浏览器同步，用7000...*","dist/css/*.*","dist/js/*.
1.前言 这几天，都遇到过有人问过相似的问题，就是用vue和webpack搭建目录的时候，怎么把单页面应用的配置改成多文件应用，或者是怎么把多文件应用的配置改成单文件应用。...这个情况，我之前有处理过，公司的同事教过我，我就针对这个情况写下此篇文章。各位如果觉得我哪里写得不够好，写错了，欢迎指出，大家一起进步。...2.说明 首先，我用的vue和webpack的版本都是2.x的，请大家留意自己使用的版本，特别是webpack的版本，1和2还是有些区别的。...接下来我只针对webpack.config.js这个配置文件说明，因为我做项目的时候，改动的基本就是这里，项目的文件虽然也有写法上的改动，但是那个改动相信不会难到大家，如果真的不知如何下手，我往后可能会再写文章...（getEntry方法是返回一个目录下所有的.js文件的名称和路径，jsEntries就是一个对象数组，里面包含着.
增加Bootstrap界面框架 其实就是把js,css文件复制到项目中对应该的目录里。...像PHP的web服务器，是交行CGI的程序处理，CGI是无状态的，所以一般用cookie在客户的浏览器是维护用户的状态。...接下来，我将演示如何通过mongodb来保存session，并实现登陆后用户对象传递。...我们避免这样的错误发生。 还记录路由部分里说的get,post,all的作用吗？我现在要回到路由配置中，再做点事情。...拦截所有访问/login的请求，先调用authentication，用户登陆检查 /logout，用get拦截访问/login的请求，先调用notAuthentication，用户不登陆检查 /home
其最基本的定义是，视图引擎是帮助我们用比通常更短、更简单的方式编写 HTML 代码并重用的工具。此外，它还可以从服务器端导入数据并渲染最终的 HTML。...Node.js 视图引擎 EJS Pug (Formerly Jade) Handlebars Haml.js Nunjucks … 今天我将尝试上面的一些模板，看看哪一个更容易使用。开始吧！...sudo npm install express-generator -g express --view=ejs Demo_EJS 运行以上命令用 Node.js ejs 视图引擎创建项目时，我们的项目具有以下目录结构...Node.js 项目文件列表 通过上面的命令，我们用 EJS 视图引擎创建了一个 Express 项目。此视图引擎在 app.js 文件中设置如下： //......接下来说明如何使用，我将创建网站的基本布局，并从服务器渲染数据。首先，从服务器渲染数据。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频
