• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    迪恩网络公众号

migreyes/hazelnut: A Pow-preferred barebones starting point for designers using ...

原作者: [db:作者] 来自: 网络 收藏 邀请

开源软件名称:

migreyes/hazelnut

开源软件地址:

https://github.com/migreyes/hazelnut

开源编程语言:

CSS 63.8%

开源软件介绍:

Hazelnut: A barebones starting point for Jekyll

About this site template:

This is a Jekyll template which uses Sass and CoffeeScript for assets, and Rake tasks for handy help with development. It assumes you’re using Pow to serve your site locally. Since this is geared for designers starting from scratch, there’s no styling.

If you’re a developer looking for pre-designed Jekyll themes, I’d recommend Poole by Mark Otto.

=====

Websites started from this template:

mig.io, my personal site. (View the repo.)
humblepied.com, a video interview site. (View the repo.)
basecamp.com, the marketing site for Basecamp.
basecamp.com/help, the help documentation site for Basecamp.
37signals.com/incoming-transmission, an archive of the best of the web.
thedistance.com, a new online magazine about hard-working, long-lasting businesses and the people behind them.

=====

First time setup:

  1. Edit the Rakefile to add your Pow name, live URL, and GitHub repo
  2. Edit the _config.yml to put in your own name and social media handles

=====

Basic rake tasks you’ll commonly use:

rake to watch and update your HTML, Coffee and Sass.

rake view builds a fresh copy of your site, then opens it locally.

rake view:xip generates an xip.io friendly URL and opens it.

rake view:github to head to your GitHub repository.

And as always, rake -T will provide you a list of all tasks.

=====

Adding new JavaScripts:

There’s no asset pipeline, but our rake tasks will automatically join any .coffee files we create into one file automatically for us.

All .coffee files should go into: _source/_assets/coffescript/
Any external JavaScript should go into: _source/assets/javascript/

=====

Adding new stylesheets:

Since there’s no asset pipeline, when we’re adding a new stylesheet we’ll need to do just two things. Let’s pretend we want to add a new stylesheet for an About page on our new site.

First, we’ll add our underscore-named file to the proper directory.
In our case, we’ll add this: _source/_assets/sass/pages/_about.scss

Last, we’ll define our new stylesheet inside the main style.scss file.

@import
  'pages/about', /* Adding a stylesheet for an About page. */
  'pages/home';

=====

About Mig:

I’m a graphic and web designer from Chicago. I proudly work at Basecamp to help make everyone’s favorite project management app better, and I teach at The Starter League.

=====

Questions?
@migreyes on Twitter is your best bet.

Elsewhere online:
http://mig.io
http://dribbble.com/migreyes
http://instagram.com/migreyes

=====

Happy making.




鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
上一篇:
midnightSuyama/jekyll-paginate-category: Pagination Generator for Jekyll Categor ...发布时间:2022-07-08
下一篇:
TeamLab/jekyllDecent发布时间:2022-07-08
热门推荐
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap