天道酬勤,学无止境

Middleman using Foundation 6

I want to use Middleman with wonderful Foundation 6. Here is a repo I've found on Middleman's website.

I have Middleman installed as well as Xcode developers tools. When I run middleman init -T james-weaver/middleman-foundation-6 portfolio in my Terminal I get Unknown Project Template error.

What am I doing wrong here?

评论

Try to install foundation-sites (v6) at the root of your Middleman project, using NPM:

cd middleman-project
npm init -y
npm install foundation-sites --save

Then, at the file source/stylesheets/site.css.scss, add:

@import '../../node_modules/foundation-sites/scss/foundation';
@include foundation-everything;

It works! Finally, you could look at the file foundation.scss and customize what is loaded by foundation-everything.

受限制的 HTML

  • 允许的HTML标签:<a href hreflang> <em> <strong> <cite> <blockquote cite> <code> <ul type> <ol start type> <li> <dl> <dt> <dd> <h2 id> <h3 id> <h4 id> <h5 id> <h6 id>
  • 自动断行和分段。
  • 网页和电子邮件地址自动转换为链接。

相关推荐
  • 拦截子类中的Objective-C委托消息(Intercept Objective-C delegate messages within a subclass)
    问题 我有一个UIScrollView的子类,在其中我需要在内部响应滚动行为。 但是,viewcontroller仍将需要侦听滚动的委托回调,因此我无法彻底窃取组件中的委托。 有没有一种方法可以保留名为“ delegate”的属性,仅侦听沿其发送的消息,或者以某种方式在内部内部劫持委托属性,并在运行某些代码后向外转发消息? 回答1 是的,但是您必须重写文档中的每个委托方法。 基本上,创建第二个委托属性并实现委托协议。 调用委托方法时,要照顾好您的业务,然后从刚运行的委托方法中在第二个委托上调用相同的方法。 例如 - (void)scrollViewDidScroll:(UIScrollView *)scrollView { // Do stuff here if ([self.delegate2 respondsToSelector:@selector(scrollViewDidScroll:)]) { [self.delegate2 scrollViewDidScroll:scrollView]; } } 回答2 为避免手动覆盖所有委托方法,可以使用消息转发。 我只是使用中间代理类实现了同一件事,如下所示: MessageInterceptor.h @interface MessageInterceptor : NSObject { id receiver; id
  • 如何在 Windows 上调试 Middleman 3 gem 安装问题。(How to debug Middleman 3 gem installation issues on Windows.)
    问题 我已经使用 ruby​​installer-2.0.0-p247.exe 在我的 Windows 8 机器上安装了 Middleman 3.1.5 和 Ruby,并按照步骤开始成功。 我现在正在构建我的第一个站点并取得了一些成功(编码一些页面、启动服务器、构建站点)但是当我尝试使用一些高级的第三方组件时,例如中间人导航或中间人部署,我似乎遇到了障碍。 起初我自己想到了一个错误,但随着越来越多的事情似乎有问题,我想弄清楚我的设置有什么问题,或者至少确认没有问题。 一些对我来说似乎有问题的示例输出: $ middleman help WARN: Unresolved specs during Gem::Specification.reset: rack (>= 1.0, >= 1.4.5) thor (< 2.0, >= 0.15.2) activesupport (~> 3.2.6) listen (~> 1.2.2) i18n (~> 0.6.1) WARN: Clearing out unresolved specs. Please report a bug if this causes problems. Tasks: ... 当我尝试按照描述安装中间人部署时,将gem "middleman-deploy"到我的 Gemfile 并运行bundle
  • How to debug Middleman 3 gem installation issues on Windows.
    I have installed Middleman 3.1.5 as described on my Windows 8 Machnine along with Ruby using rubyinstaller-2.0.0-p247.exe and followed the steps to get started with success. I am now building my first site with some success (coding some pages, starting the server, building the site) but when I try to use some advanced third party components like middleman-navigation or middleman-deploy I seem to hit a wall. At first I thought of a mistake by myself but as more and more things seem to be buggy I want to figure out what is wrong with my setup or at least confirm nothing is. Some example output
  • 为什么 `middleman serve` 可以工作,而 `middleman build` 却无法编译这个 Sass?(Why does `middleman serve` work, but `middleman build` fails to compile this Sass?)
    问题 当我只运行middleman来服务时, all.css被编译得很好,只包括对+box-shadow(none)的调用: /* line 1, /home/yang/asdf/source/stylesheets/content.css.sass */ div { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } 但是当我构建网站时,我收到了这个 Sass/Compass 错误: $ middleman build Slim::EmbeddedEngine is deprecated, it is called Slim::Embedded in Slim 2.0 Slim::EmbeddedEngine is deprecated, it is called Slim::Embedded in Slim 2.0 Slim::EmbeddedEngine is deprecated, it is called Slim::Embedded in Slim 2.0 /home/yang/asdf/source/stylesheets/content.css.sass:2:in `box-shadow': Undefined mixin 'box-shadow'. (Sass
  • Why does `middleman serve` work, but `middleman build` fails to compile this Sass?
    When I just run middleman to serve, all.css gets compiled fine, consisting of just a call to +box-shadow(none): /* line 1, /home/yang/asdf/source/stylesheets/content.css.sass */ div { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } But when I build the site, I get this Sass/Compass error: $ middleman build Slim::EmbeddedEngine is deprecated, it is called Slim::Embedded in Slim 2.0 Slim::EmbeddedEngine is deprecated, it is called Slim::Embedded in Slim 2.0 Slim::EmbeddedEngine is deprecated, it is called Slim::Embedded in Slim 2.0 /home/yang/asdf/source/stylesheets/content
  • Https协议 + “中间人攻击”原理概述
    引导问题 1.为什么使用Https是安全的? 2.Https的底层原理如何实现? 3.使用Https是绝对安全的吗? Https实现原理 Https协议在内容传输上使用的加密是“对称加密”,而“非对称加密”只作用于证书验证阶段。 Https的整体实现过程分为“证书验证”和“数据传输”两个阶段,过程如下所示: 证书验证阶段 1.浏览器发起Https请求; 2.服务器端返回Https证书; 3.浏览器客户端验证证书是否合法,若不合法则提示警告 数据传输阶段 4.当证书验证合法后,在客户端本地生成随机数; 5.通过公钥加密随机数,并将加密后的随机数传输到服务端; 6.服务端通过私钥对接收到的加密随机数进行解密操作; 7.服务端通过客户端传入的随机数构造对称加密算法,对返回结果内容进行加密操作后再进行内容传输。 为什么数据传输是用对称加密? 首先,非对称加密的加密效率是非常低的,而http的应用场景通常存在着端与端之间的大量数据交互,从效率来说是无法接受的; 其次,在Https场景中只有服务端保存了私钥,而一对公私钥只能实现单向的加解密(即服务端无法使用私钥对传回浏览器客户端的数据进行加密,只能用于解密),所以Https中内容传输加密采取的是对称加密,而不是非对称加密(此处随机数则是对称加密的介体,即客户端和服务器端所拥有的随机数都是一致的,能够进行双向加解密)。
  • 中间人控制台:如何使用它?(middleman console: how to use it?)
    问题 我想知道如何使用middleman console 。 是简单的irb吗? 与简单的 irb 不同,我可以用它做什么? middleman console [options] # Start an interactive console in the cont... 我有一些文章,我尝试做Article.all但出现以下错误: NameError: uninitialized constant Middleman::Application::MiddlemanApplication1::Article from (irb#1):1 我也有本地数据/data/friends.json但 Friend.all 输出错误。 { "friends": [ "Tom", "Dick", "Harry" ] } 我看到Symbol.all_symbols输出了很多中间人变量和函数,但我真的不知道如何使用中间人控制台。 回答1 哦,伙计,我只是花了几个小时试图解决一些事情,如果我知道有一个中间人控制台,事情会进展得更快! 我试图构建下一个/返回逻辑来浏览我博客上的文章。 有一个时间顺序的事情,但我也希望能够在标签上来回切换。 有一些同时被标记为“ruby”和(比如)“rails”,并且两个标签的“下一个”是相同的,我想在这两个标签下一起列出它。
  • 中间人服务器无法启动,regexp 内部无效(Middleman server will not start, regexp has invalid internal)
    问题 我已经移动了托管服务提供商并重新安装了 ruby​​ 和中间人。 当我运行bundle exe middleman server我得到: /var/lib/gems/1.8/gems/haml-4.0.4/lib/haml/parser.rb:86: 警告:正则表达式的间隔无效 /var/lib/gems/1.8/gems/middleman-s3_sync-3.0。 21/lib/middleman-s3_sync.rb:2:in require': /var/lib/gems/1.8/gems/middleman-s3_sync-3.0.21/lib/middleman/s3_sync.rb:54: syntax error, unexpected ':', expecting ')' (SyntaxError) @progress_bar ||= ProgressBar.create(total: paths.length) ^ /var/lib/gems/1.8/gems/middleman-s3_sync-3.0.21/lib/middleman/s3_sync.rb:54: syntax error, unexpected ')', expecting kEND /var/lib/gems/1.8/gems/middleman-s3_sync-3.0.21/lib
  • 免费SSL证书申请和部署
    1. 问题产生 登录服务器,域名访问出现这种问题,公众号甚至访问不了,一般是域名安全证书SSL到期了! 2 SSL证书是什么 SSL证书是数字证书的一种,类似于驾驶证、护照和营业执照的电子副本。因为配置在服务器上,也称为SSL服务器证书。 SSL 证书就是遵守 SSL协议,由受信任的数字证书颁发机构CA,在验证服务器身份后颁发,具有服务器身份验证和数据传输加密功能。 SSL证书通过在客户端浏览器和Web服务器之间建立一条SSL安全通道(Secure socket layer(SSL)安全协议是由Netscape Communication公司设计开发。该安全协议主要用来提供对用户和服务器的认证;对传送的数据进行加密和隐藏等。 3 证书分类和选择 SSL证书依据功能和品牌不同分类有所不同,但SSL证书作为国际通用的产品,最为重要的便是产品兼容性(即证书根预埋技术),因为他解决了网民登录网站的信任问题,网民可以通过SSL证书轻松识别网站的真实身份。SSL证书分为如下种类: 扩展验证型(EV)SSL证书 组织验证型(OV)SSL证书 域名验证型(DV)SSL证书 普通企业和个人一般申请DV的就够用! 登录各大**云官网, 查到的都是高价的ssl,直到我看到了下面这个(真香!) 4 免费SSL证书申请 这里以腾讯云为例 搜索ssl,点击第一个查看免费申请流程。 或在选购证书窗口选择
  • 如何通过 Middleman 安装和使用 Slim 模板引擎(How to install and use Slim template engine with Middleman)
    问题 我是中间人和红宝石的新手。 我已经安装了 Ruby 我已经安装了 Middleman 和 gems 来让它运行。 我需要使用 slim 而不是默认模板系统。 所以我安装了 Slim gem。 Slim 的网站只说我需要“slim”才能让它工作。 中间人网站说我只需要将模板引擎添加到config.rb文件中,但它没有给出示例...... 对于没有红宝石背景的人来说,这没有帮助。 我在 git 上找了几个 config.rb ,它们都有: require 'slim' 和 # Set slim-lang output style Slim::Engine.set_default_options :pretty => true # Set template languages set :slim, :layout_engine => :slim 我将它添加到我的 config.rb 文件并创建了 layout.slim 和 index.html.slim 当我刷新本地服务器时,我得到: Not Found `/' not found. 我在 Boilerplace 中安装了中间人。 我不确定是否还有更多文件需要更改,但是我在网上找不到任何好的资源,这很奇怪。 谁能给我一些关于我失踪的方向? 回答1 所以我们开始......经过大量阅读和谷歌搜索示例后,我想我明白了。 让 Slim
  • middleman console: how to use it?
    I would like to know how to use middleman console. Is it a simple irb? What can I do with it that differs from the simple irb? middleman console [options] # Start an interactive console in the cont... I have some articles and I try to do Article.all but I had this following error: NameError: uninitialized constant Middleman::Application::MiddlemanApplication1::Article from (irb#1):1 and I also have local-data /data/friends.json but Friend.all output error too. { "friends": [ "Tom", "Dick", "Harry" ] } I saw that Symbol.all_symbols output a lots of middleman variable and functions but I don't
  • Middleman server will not start, regexp has invalid internal
    I have moved hosting providers and reinstalled ruby and middleman. When I run bundle exe middleman server I get: /var/lib/gems/1.8/gems/haml-4.0.4/lib/haml/parser.rb:86: warning: regexp has invalid interval /var/lib/gems/1.8/gems/middleman-s3_sync-3.0.21/lib/middleman-s3_sync.rb:2:in require': /var/lib/gems/1.8/gems/middleman-s3_sync-3.0.21/lib/middleman/s3_sync.rb:54: syntax error, unexpected ':', expecting ')' (SyntaxError) @progress_bar ||= ProgressBar.create(total: paths.length) ^ /var/lib/gems/1.8/gems/middleman-s3_sync-3.0.21/lib/middleman/s3_sync.rb:54: syntax error, unexpected ')'
  • 中间人***
    前面的文章我们讲到了RSA算法以目前的手段是很难被攻破的,那么使用RSA算法是不是就一定安全了呢?答案当然是否,因为我们并没有考虑到网络传输中的各种情况。本文会讲一种***叫做中间人***,为了抵御这种***,我们引入证书的概念。我们会在后续的文章中讲解证书的概念。这里我们重点讲一下中间人***。所谓中间人***就是在A和B通信的过程中加入了恶意***者C。C作为中间人转发两者的请求。示意图如下:上面是一个完整的中间人***流程:A向B请求公钥,但是却被C截获。C向B发送公钥请求。B将公钥发给C。C截获了B的公钥,然后替换成自己的公钥发给A。A将C的公钥当成了B的公钥,并用其加密信息,发给B。C截获了加密信息,用自己的私钥解密,获得明文。同时伪造新的信息,再用B的公钥加密,发给B。B获得加密信息,用自己的私钥解密。中间人***不仅仅针对于RSA算法,任何公钥算法都可能受到中间人***的影响。只靠公钥本身是无法防御中间人***的。这时候,我们就需要一个第三方的可信任的机构来解决这个公钥传递的问题,那就是证书。我们会在后面的文章中讲到。更多精彩内容且看:区块链从入门到放弃系列教程-涵盖密码学,超级账本,以太坊,Libra,比特币等持续更新Spring Boot 2.X系列教程:七天从无到有掌握Spring Boot-持续更新Spring 5.X系列教程:满足你对Spring5的一切想象
  • Celery 监控和管理向导
    1、介绍有几种工具可用来监视和检查 Celery 集群。本文将介绍其中的一些功能,以及与监视相关的特性,比如事件和广播命令。2. Workers命令行实用工具celery 还可以用来检查和管理工作节点和某种程度上的任务。列出所有可用的命令$ celery help或列出具体命令的帮助信息$ celery <command> --help命令shell : 进入含有celery变量的Python解释器环境,celery变量有 当前的celery app,tasks也会自动加入,除非设置了--without-tasks 标志被设置$ celery -A myCeleryProj.app shellPython 3.6.3 (v3.6.3:2c5fed8, Oct 3 2017, 18:11:49) [MSC v.1900 64 bit (AMD64)] on win32Type "help", "copyright", "credits" or "license" for more information.(InteractiveConsole)>>> locals().keys()dict_keys(['app', 'celery', 'Task', 'chord', 'group', 'chain', 'chunks', 'xmap', 'xstarmap', 'subtask'
  • Celery 监控和管理向导
    1、介绍有几种工具可用来监视和检查 Celery 集群。本文将介绍其中的一些功能,以及与监视相关的特性,比如事件和广播命令。2. Workers命令行实用工具celery 还可以用来检查和管理工作节点和某种程度上的任务。列出所有可用的命令$ celery help或列出具体命令的帮助信息$ celery <command> --help命令shell : 进入含有celery变量的Python解释器环境,celery变量有 当前的celery app,tasks也会自动加入,除非设置了--without-tasks 标志被设置$ celery -A myCeleryProj.app shellPython 3.6.3 (v3.6.3:2c5fed8, Oct 3 2017, 18:11:49) [MSC v.1900 64 bit (AMD64)] on win32Type "help", "copyright", "credits" or "license" for more information.(InteractiveConsole)>>> locals().keys()dict_keys(['app', 'celery', 'Task', 'chord', 'group', 'chain', 'chunks', 'xmap', 'xstarmap', 'subtask'
  • How to install and use Slim template engine with Middleman
    I'm new to Middleman and ruby in general. I've installed Ruby I've installed Middleman and the gems to get it running. I need to use slim instead of the default template system. So I installed the Slim gem. Slim's website only says that I need to require 'slim' in order to get it to work. The middleman website says I only need add the template engine to the config.rb file, but it gives no examples... For someone with no ruby background, this is no help. I looked for several config.rb on git and they all have: require 'slim' And # Set slim-lang output style Slim::Engine.set_default_options
  • HTTP和HTTPS协议,看一篇就够了!!!666
    前言 最近针对互联网公司面试问到的知识点,总结出了Java程序员面试涉及到的绝大部分面试题及答案分享给大家,希望能帮助到你面试前的复习且找到一个好的工作,也节省你在网上搜索资料的时间来学习。 内容涵盖:Java、MyBatis、ZooKeeper、Dubbo、Elasticsearch、Memcached、Redis、MySQL、Spring、SpringBoot、SpringCloud、RabbitMQ、Kafka、Linux等技术栈。 完整版Java面试题地址:JAVA后端面试题整合 1. HTTP 协议 在谈论 HTTPS 协议之前,先来回顾一下 HTTP 协议的概念。 1.1 HTTP 协议介绍 HTTP 协议是一种基于文本的传输协议,它位于 OSI 网络模型中的应用层。 HTTP 协议是通过客户端和服务器的请求应答来进行通讯,目前协议由之前的 RFC 2616 拆分成立六个单独的协议说明(RFC 7230、RFC 7231、RFC 7232、RFC 7233、RFC 7234、RFC 7235),通讯报文如下: 请求 POST http://www.baidu.com HTTP/1.1 Host: www.baidu.com Connection: keep-alive Content-Length: 7 User-Agent: Mozilla/5.0 (Windows
  • 访问多层 YAML 和 Middleman(Accessing multi-layered YAML and Middleman)
    问题 看了这两个链接后,使用YAML with Middleman 变得更加清晰了: Middleman Docs(Local Data), parsing and compose YAML 我现在遇到的问题是访问多个级别的内容。 YAML(存在于数据/项目中) - quote: This is a quote attribution: Kate Something extras: - extra one - extra two - extra three - quote: Blah blah attribution: Donna Doe extras: - another extra - another extra .HTML.ERB <% data.projects.each do |f| %> <div><%= f["quote"] %> <%= f["attribution"] %> <%= f["extras"] %></div> <% end %> 以上与 Middleman 运行顺利,但是,我如何访问“extras:”下的数据并将它们吐出列表? 换句话说,这是在构建中编译的内容: <div>This is a quote Kate Something extra oneextra twoextra three</div> 这是需要达到的结果: <div>This is
  • 你知道,HTTPS用的是对称加密还是非对称加密?
    1、引言 随着互联网安全意识的普遍提高,对安全要求稍高的应用中,HTTPS的使用是很常见的,甚至在1年前,苹果公司就将使用HTTPS作为APP上架苹果应用市场的先决条件之一(详见:《苹果即将强制实施 ATS,你的APP准备好切换到HTTPS了吗?》)。 所以,无论是即时通讯IM还是其它应用,在网络安全意识增强的今天,很多场景下使用HTTPS是肯定没错的。对于即时通讯IM的开发人员来说,长连接用TLS这没疑问,短连接用HTTPS也没问题,但我想问你一个最基础的面视问题:HTTPS到底用的是对称加密还是非对称加密? 要回答这个问题,显然需要再梳理一下HTTPS的技术原理了,本文将带你了解HTTPS到底用的是对称加密还是非对称加密,以及具体又是怎么使用的。 学习交流: - 即时通讯/推送技术开发交流5群:215477170 [推荐] - 移动端IM开发入门文章:《新手入门一篇就够:从零开发移动端IM》 (本文同步发布于:http://www.52im.net/thread-2866-1-1.html) 2、相关文章 ➊ 要理解HTTPS,须对HTTP协议有所了解,以下文章可能是您需要的: 《网络编程懒人入门(七):深入浅出,全面理解HTTP协议》 《脑残式网络编程入门(三):HTTP协议必知必会的一些知识》 《不为人知的网络编程(八):从数据传输层深度解密HTTP》 《从HTTP/0
  • 为什么 HTTPS 是安全的?
    HTTP 协议 在谈论 HTTPS 协议之前,先来回顾一下 HTTP 协议的概念。 1.1 HTTP 协议介绍 HTTP 协议是一种基于文本的传输协议,它位于 OSI 网络模型中的应用层。 image HTTP 协议是通过客户端和服务器的请求应答来进行通讯,目前协议由之前的 RFC 2616 拆分成立六个单独的协议说明(RFC 7230、RFC 7231、RFC 7232、RFC 7233、RFC 7234、RFC 7235),通讯报文如下: 请求 POST http://www.baidu.com HTTP/1.1 Host: www.baidu.com Connection: keep-alive Content-Length: 7 User-Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/71.0.3578.98 Safari/537.36 wd=HTTP 响应 HTTP/1.1 200 OK Connection: Keep-Alive Content-Encoding: gzip Content-Type: text/html;charset=utf-8 Date: Thu, 14 Feb 2019 07:23:49 GMT