这篇文章主要介绍了Angularjs中UI Router全攻略,涉及到angularjs ui router的基本用法,需要的朋友参考下吧 首先给大家介绍angular-ui-router的基本用法。 如何引用依赖angular-ui-router angular.module('app',["ui.router"]) .config(function($stateProvider){ $stateProvider.state(stateName, stateCofig); }) $stateProvid
Handlebars的layout文件和partials文件,可以是我们很轻松的组织一些公共的页面或代码片段,使得前端视图可维护性非常高。
屬於直譯,有些詞語可能並不符合現在臺灣或者中国香港那邊的說法。比如,分類好像臺灣常說歸類吧
序 作为程序猿,特别是Pythoner,编写可重用的代码是一件好事,对吧?因为这样做的好处就是可以使你的代码和其他人的代码变得更加轻松,但这是有前提的,必须要以非常清晰和可维护的方式来完成。最近小胖一直在玩「functools.partial」函数,发现它可以帮助编写可重用代码。虽然官方文档中有一个很好的演示 functools.partial 的例子,但它太正式了。今天小胖就把自己平时使用的一些有趣的例子分享给大家。 functools.partial 什么functools.partial是:
我在互联网行业的第四份工作,是在我国一家领先的媒体新闻公司中任职一名 CSS/HTML 专家,我的主要职责就是开发可重用的、可扩展的、用于多网站的 CSS 架构。
我们已经在视图使用这篇教程演示了如何从后端传递数据给视图模板,但是这里有个场景需要拉出来讨论,我们的视图有很多公共部分,比如导航菜单、侧边栏、底部信息等,通常我们会以单独的视图组件来处理这些元素区块,但是如何从后端传递这些组件需要的数据变量是个问题,因为这些组件在多个页面中共用,从后端角度来看,会涉及到多个路由/控制器方法,难道我们要每次都重复获取并传递这些数据吗?有没有一种方式可以支持一处定义,多处复用?
Node.js®是一个基于Chrome JavaScript运行时的平台,可轻松构建快速,可扩展的网络应用程序。Node.js使用事件驱动的非阻塞I / O模型,使其轻量级和高效,非常适合在分布式设备上运行的数据密集型实时应用程序。
在一个阳光明媚的早晨,我坐在电脑前,满怀期待地按下了“构建”按钮,准备生成我的新网站 xxx。这个网站的目标是为每个单词生成一个单独的页面,总共有5000个单词。可是,构建过程竟然需要整整14分钟!我心想,难道没有办法让这个过程更快一些吗?
接着上一 state间如何传字符串参数 在路由中这样设置: .state('content.photos.detail.comment',{ url:'/comment?skip&limit', t
title: hexo next主题为博客添加分享功能 date: 2018-01-06 20:20:02 tags: [hexo博客, 博客配置] categories: hexo next主题配置 --- 今天心血来潮,决定给博客添加分享功能,百度上首先是找到了使用shareSDK的分享功能,最后在实践的过程中发现它添加时步骤比较多,添加完成后效果比较丑(就是一个长条的浅蓝色按钮),而且点击后想要退出分享比较麻烦(它的取消按钮实在太难找了,它在页面最下方的位置,呈现浅灰色,这个设计太反人类了,决定放弃它了)。在next主题的官方的文档中发现它自身集成了百度分享的功能,所以决定采用百度了。
<node.js开发指南>这本书,之前有评论过,但之前并不清楚express2.x与3.x会有如此大的差异,导致在写例子的过程中痛苦不已。为了避免更多的同学在学习书的例子时,撞的头破血流,觉得还是有必要分享一下自己这次痛苦的经历。
Sass是一种CSS预处理语言。CSS预处理语言是一种新的专门的编程语言,编译后形成正常的css文件,为css增加一些编程特性,无需考虑浏览器的兼容性(完全兼容css3),让css更加简洁、适应性更强,可读性更佳,更易于代码的维护等诸多好处。
定位到文件:layouts/partials/post_meta.html,添加如下代码
除了基本的数据渲染及控制结构指令之外,Blade 还提供了模板继承和组件引入功能,从而允许视图模板之间继承、覆盖及引入。
Hugo 是一个能够以出色速度构建静态网页的工具,它为我们提供了极具灵活性的平台,可以塑造成符合个人需求的网页。在上一篇博文中已经介绍了 Hugo 的基本搭建步骤,那如何使用 Hugo 搭建符合自己需求的主题页面?不妨还是以 Hugo-book主题作为 基础,一起探索如何将它塑造成我们需要的网页。
将views文件夹下, index.html内的内容精简(只保留关键内容body)
如无必要,不再更新!(2019.09.13) 今晚我做出了一个慎重的决定,由于博主时间精力有限,需要更多的时间来工作和学习。所以我将放弃对 next 的主题的自定义修改,next 主题官方已经更新到了 7.0+的版本,喜欢 next 主题风格的朋友可以在 github 更新。 我这也算是上古版本了,版本差距实在过大,所以我也将放弃博客使用主题的更新。 以下仍为当前博客使用主题,lib 资源已打包 github。
已有更简单的方式来实现,请参考: Hexo 优化 --- Valine 扩展之邮件通知 演示 之前也用多很多评论系统,包括多说,网易云跟帖,Coding Comments…,但是这些评论系统,要不就是稳定性差,要不就是需要繁琐的登录,还有的直接停止服务了。 好了,废话不多说,先看今天的主角长什么样: Valine – 一款基于 Leancloud 的极简风评论系统 使用方法 获取 Leancloud Key 因为是基于 Leancloud 的评论系统,所以需要先注册一个 Leancloud 账号。
基于LibSass,sass.js是一个纯粹的用js扩展的Sass引擎。它可以使我们能够用JavaScript编写Sass代码并运行Sass。
本文主要记录从Hexo迁移至Hugo所遇到的一些坑,以及Hugo的LoveIt主题的一些bug之类的应对方案。下面是涉及到的Hexo、Hugo以及LoveIt各自的版本:
在之前一篇博客介绍了关于Node脚手架的一些基础的知识,这篇博客是在之前的基础上针对在Node中开发脚手架中遇到的问题,如:
Node js 视图引擎就像 Laravel 中的 Blade。其最基本的定义是,视图引擎是帮助我们用比通常更短、更简单的方式编写 HTML 代码并重用的工具。此外,它还可以从服务器端导入数据并渲染最终的 HTML。Node.js 项目中一些常见的视图引擎如下:
我们在用wordpress开发主题的时候,可能需要调用一段固定的代码比如左侧菜单,这段代码会在主页、栏目页、文章页用到,如果直接写入每个页面模板是没有问题,但是如果要改左侧菜单一个链接那就要改三次,很麻烦。能不能把左侧菜单写到一个模板里,然后通过函数来调用呢?可以的,我们知道php可以用include和require引入,在wordpress中已经有定义了get_template_part()函数,具有相同的作用。下面随ytkah一起来看看怎么使用吧
Headings from h1 through h6 are constructed with a # for each level:
抄了国外大佬的一个俄罗斯方块游戏,也将在线工具和在线游戏组件提取到Razor共享库,可以被 Dotnet9[1] 网站和 Dotnet工具箱[2] 网站复用,这篇分享游戏的搬运及Razor共享库的迁移过程,和这几天开发、部署遇到的一些问题与解决方案记录分享下。
今天有人问我博客页脚 footer 里的 git hash 是怎么显示的,就是页面底部里的 69d6ffe 这一串数字。
让用户知道应用程序发生了什么, 是个极好的用户体验。让应用程序和用户之间能够有个很好的『交流』是个不错的选择。
This tutorial will show you how to create a simple theme in Hugo. I assume that you are familiar with HTML, the bash command line, and that you are comfortable using Markdown to format content. I’ll explain how Hugo uses templates and how you can organize your templates to create a theme. I won’t cover using CSS to style your theme.
一个完整的项目中,会有各种配置信息,如何组织这些信息,会给我们后期的维护成本带来不同的影响。 为了更好的维护项目,我习惯定义一个配置文件来专门组织这些信息,我们可以命名为config.js,放到项目根目录下,直观表现。
先在layouts/shortcodes目录下添加一个叫做mermaid.html文件,里面的内容如下
一言是什么 简单来说,一言指的就是一句话,可以是动漫中的台词,也可以是网络上的各种小段子。 或是感动,或是开心,有或是单纯的回忆。来到这里,留下你所喜欢的那一句句话,与大家分享,这就是一言存在的目的。
Fluid 主题升级到 1.9 + 后公式在电脑浏览器上渲染错误,本文记录解决方案。 问题复现 fluid 更新到 1.9+ 版本后,mathjax 渲染的数学公式在电脑端浏览器无法正常显示 但是在手机端没有问题 问题原因 官网说明提示了 在 1.8.14 版本之后需要更新 mathjax 渲染器并安装额外的工具包 但事实上上述现象不是渲染错误导致的,因为手机端可以正常显示公式 根本原因在于网页的懒加载,当公式进行懒加载后就难以重新嵌入到网页中 解决方案 根本目的是停止对公式的懒加载 我采用的方法
上个月底,接到个腾讯云客服的电话,询问我域名备案信息(一开始我还以为是诈骗电话),并让我将网站开放后在底部添加备案号以确保备案的审查可以通过。
Sass just launched a major new feature you might recognize from other languages: a module system. This is a big step forward for @import. one of the most-used Sass-features. While the current @import rule allows you to pull in third-party packages, and split your Sass into manageable "partials," it has a few limitations:
注明:以下方案是在 Valine 1.4.9 版本下完成,对于其他版本应该会根据实际情况修改参数,使用 F12 查看参数修改即可使用!(说明于 2020 - 04 - 25)
在前端开发的世界里,CSS(层叠样式表)作为样式描述语言,为我们提供了丰富的样式定义和布局方式。然而,随着项目规模的不断扩大和复杂度的提升,原生CSS的编写和维护逐渐变得繁琐。为了解决这个问题,Sass(Syntactically Awesome Stylesheets)作为CSS的预处理器应运而生,它为我们提供了许多强大的功能和工具,使得CSS的编写更加高效和灵活。
本博客使用的是Hugo的LoveIt主题,本文也是基于该主题而写的,不过Hugo的美化步骤应该大同小异,版本如下:
Isso – Ich schrei sonst – is a lightweight commenting server written in Python and JavaScript. It aims to be a drop-in replacement for Disqus.
复制粘贴代码 修改的hexo的文件路劲如下: 博客/themes/next/layout/_partials/head/head.swig 末尾添加下面的代码:
首先在学习Search Template之前,我们需要先掌握mustache模板语法,因为在ES中默认使用mustache语言来定义模板。
Next 7.7 将RSS按钮的代码删掉了,按照以往添加RSS的方法设置后可以生成xml文件,但没有按钮。本文介绍在Next 7.7 添加带按钮的RSS方法。 添加RSS 安装插件 hexo-generator-feed 在hexo 目录运行命令: npm install hexo-generator-feed --save 配置站点配置文件 在站点配置文件添加: plugins: hexo-generate-feed # rss配置 feed: type: atom pat
Stacks for mac是一款帮助用户制作网页的Mac软件,Stacks Mac有数以百计的专业设计的免费和低成本筹码可供下载。轻松惊人的内容添加到您的网站,你可以利用该软件建立自己的组件堆。
Stacks for Mac是一款Rapidweaver网页制作插件,允许您构建将文本转换为主题维度的页面,即使主题具有可变宽度。使用灵活的框架,您可以构建流动列,灵活的行和图像拼贴。
在之前基础工作完成后,来到了距离我们相册最接近的一步,本文介绍上线相册的一种思路,供大家参考。 准备工作 Next -21- 添加相册系列 - 1- 框架设置 Next -22- 添加相册系列 -2- 使用七牛云qshell同步图像目录 Next -23- 添加相册系列 -3- 获取图像信息、保存为json文件并上传图像 上线思路 现在我们已经有了基础的photos框架,图像文件夹已经整理完毕,提取了信息放在了json文件,并且将图像上传到了七牛云图床,在hexo source文件夹内创建了相册对应inde
绝佳的用户沟通工具 1 注册登录DaoVoice 注册登录地址如下: http://www.daovoice.io/ 官网进行注册,需要邀请码: b6dbddb6 复制粘贴就可以了~! 2 复制粘贴代
因为Hugo博客的PaperMod主题是外国人开发的,国人用的不多,所以PaperMod主题没有自带twikoo评论系统,于是自己琢磨和查找资料,搞出来了
在 Website FAQ,实现了使用"卜算子"来统计网站访问人数,但是"卜算子"仅可以提供访问人数的统计,进一步的信息却无法提供。那么,如果想知道过往访客来自哪些国家和地区,显示网站访问实时动态的信息,应该怎么做呢?
当 curry(sum)执行后返回一个函数,以 curriedSum(1)(2,3) 为例,实际就是curried(1)
领取专属 10元无门槛券
手把手带您无忧上云