mirror of
https://github.com/gohugoio/hugoDocs.git
synced 2025-09-19 13:54:57 -04:00
Switch to new Typekit "Museo Sans" fonts
This commit is contained in:
Ryan Watters
parent
f0ebb43d66
commit
0366c01b34
@ -8,12 +8,10 @@ lastmod: 2017-02-01
|
||||
layout: single
|
||||
weight: 10
|
||||
draft: false
|
||||
aliases: [/overview/introduction/]
|
||||
aliases: [/overview/introduction/,/about-hugo/why-i-built-hugo/]
|
||||
toc: true
|
||||
---
|
||||
|
||||
## What is Hugo?
|
||||
|
||||
Hugo is a general-purpose website framework. Technically speaking, Hugo is a [static site generator][]. Unlike systems that dynamically build a page with each visitor request, Hugo builds pages when you create or update your content. Since websites are viewed far more often than they are edited, Hugo is designed to provide an optimal viewing experience for your website's end users and an ideal writing experience for website authors.
|
||||
|
||||
Websites built with Hugo are extremely fast and secure. Hugo sites can be hosted anywhere, including [Heroku][], [GoDaddy][], [DreamHost][], [GitHub Pages][], [Surge][], [Aerobatic][], [Firebase][], [Google Cloud Storage][], [Amazon S3][], [rackspace][], [Azure][], and [CloudFront][] and work well with CDNs. Hugo sites run without the need for a database or dependencies on expensive runtimes like Ruby, Python, or PHP.
|
||||
@ -36,20 +34,39 @@ Hugo is for people who want to hand code their own website without worrying abou
|
||||
|
||||
Hugo is for people building a blog, a company site, a portfolio site, documentation, a single landing page, or a website with thousands of pages.
|
||||
|
||||
## Why I Built Hugo
|
||||
|
||||
I wrote Hugo ultimately for a few reasons. First, I was disappointed with WordPress, my then website solution. With it, I couldn't create content as efficiently as I wanted to.
|
||||
|
||||
WordPress sites rendered slowly and required I be online to write posts. WordPress is known for its constant security updates and horror stories of hacked blogs. I hated writing content in HTML instead of the much simpler Markdown. Overall, I felt like WordPress hindered more than helped. It kept me from writing great content.
|
||||
|
||||
I looked at existing static site generators like [Jekyll][], [Middleman][], and [Nanoc][]. All had complicated installation dependencies and an unacceptably long time to render my blog with hundreds of posts. I wanted a framework that would give me rapid feedback while making changes to the templates, and the 5-minute-plus render times were just too slow. In general, the static site generators were very blog-minded and didn't provide for other content types and flexible URLs.
|
||||
|
||||
I wanted to develop a fast and full-featured website framework without any dependencies. The [Go language][] seemed to have all the features I needed. I began developing Hugo in Go and fell in love with the language. I hope you will enjoy using Hugo (and [contributing to it][]) as much as I have writing it.
|
||||
|
||||
―Steve Francia ([@spf13][])
|
||||
|
||||
|
||||
[@spf13]: https://twitter.com/@spf13
|
||||
[Aerobatic]: https://www.aerobatic.com/
|
||||
[Amazon S3]: http://aws.amazon.com/s3/
|
||||
[Azure]: https://blogs.msdn.microsoft.com/acoat/2016/01/28/publish-a-static-web-site-using-azure-web-apps/
|
||||
[CloudFront]: http://aws.amazon.com/cloudfront/ "Amazon CloudFront"
|
||||
[contributing to it]: https://github.com/spf13/hugo
|
||||
[DreamHost]: http://www.dreamhost.com/
|
||||
[Firebase]: https://firebase.google.com/docs/hosting/ "Firebase static hosting"
|
||||
[GitHub Pages]: https://pages.github.com/
|
||||
[GitLab]: https://about.gitlab.com
|
||||
[Go language]: https://golang.org/
|
||||
[GoDaddy]: https://www.godaddy.com/ "Godaddy.com Hosting"
|
||||
[Google Cloud Storage]: http://cloud.google.com/storage/
|
||||
[Heroku]: https://www.heroku.com/
|
||||
[Jekyll]: http://jekyllrb.com/
|
||||
[Jekyll]: https://jekyllrb.com/
|
||||
[Middleman]: https://middlemanapp.com/
|
||||
[Middleman]: https://middlemanapp.com/
|
||||
[Nanoc]: http://nanoc.ws/
|
||||
[Nanoc]: https://nanoc.ws/
|
||||
[rackspace]: https://www.rackspace.com/cloud/files
|
||||
[static site generator]: /about-hugo/benefits/
|
||||
[Surge]: https://surge.sh
|
||||
@ -1,29 +0,0 @@
|
||||
---
|
||||
title: Why I Built Hugo
|
||||
linktitle:
|
||||
description: Learn why Steve Francia (@spf13) decided to ditch his previous content publishing workflow and develop Hugo in Golang.
|
||||
date: 2017-02-01
|
||||
publishdate: 2017-02-01
|
||||
lastmod: 2017-02-01
|
||||
weight: 40
|
||||
draft: false
|
||||
aliases: []
|
||||
toc: false
|
||||
---
|
||||
|
||||
I wrote Hugo ultimately for a few reasons. First, I was disappointed with WordPress, my then website solution. With it, I couldn't create content as efficiently as I wanted to.
|
||||
|
||||
WordPress sites rendered slowly and required I be online to write posts. WordPress is known for its constant security updates and horror stories of hacked blogs. I hated writing content in HTML instead of the much simpler Markdown. Overall, I felt like WordPress hindered more than helped. It kept me from writing great content.
|
||||
|
||||
I looked at existing static site generators like [Jekyll][], [Middleman][], and [Nanoc][]. All had complicated installation dependencies and an unacceptably long time to render my blog with hundreds of posts. I wanted a framework that would give me rapid feedback while making changes to the templates, and the 5-minute-plus render times were just too slow. In general, the static site generators were very blog-minded and didn't provide for other content types and flexible URLs.
|
||||
|
||||
I wanted to develop a fast and full-featured website framework without any dependencies. The [Go language][] seemed to have all the features I needed. I began developing Hugo in Go and fell in love with the language. I hope you will enjoy using Hugo (and [contributing to it][]) as much as I have writing it.
|
||||
|
||||
―Steve Francia ([@spf13][])
|
||||
|
||||
[contributing to it]: https://github.com/spf13/hugo
|
||||
[Go language]: https://golang.org/
|
||||
[Jekyll]: https://jekyllrb.com/
|
||||
[Middleman]: https://middlemanapp.com/
|
||||
[Nanoc]: https://nanoc.ws/
|
||||
[@spf13]: https://twitter.com/@spf13
|
||||
@ -309,7 +309,7 @@ watch = true
|
||||
```
|
||||
{{% /code %}}
|
||||
|
||||
## Configuration Through Environmental Variables
|
||||
## Environmental Variables
|
||||
|
||||
In addition to the 3 configuration file options already mentioned, website configuration can be accomplished through operating system environment variables.
|
||||
|
||||
|
||||
@ -1,7 +1,6 @@
|
||||
{{$icon := index (split (.Get "file") ".") 1 }}
|
||||
<div class="code" id="{{.Get "file" | urlize}}">
|
||||
{{- with .Get "file" -}}
|
||||
<!-- <div title="{{.}}" class="filename">{{- . -}}</div> -->
|
||||
<div class="code-icon">
|
||||
<i class="icon-{{$icon}} input"></i>
|
||||
</div>
|
||||
|
||||
2
static/css/style.min.css
vendored
2
static/css/style.min.css
vendored
File diff suppressed because one or more lines are too long
@ -1,4 +1,6 @@
|
||||
<link rel="stylesheet" href="/css/style.min.css">
|
||||
<script src="https://use.typekit.net/bmc1jgv.js"></script>
|
||||
<script>try{Typekit.load({ async: true });}catch(e){}</script>
|
||||
{{if .Site.Params.usefontawesome}}
|
||||
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous">
|
||||
{{end}}
|
||||
@ -40,14 +40,14 @@ $base-line-height-content: 1.6;
|
||||
$base-font-bold-color: $base-font-color;
|
||||
$systemfonts: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbols";
|
||||
// Font Families
|
||||
$base-font-family: 'muli',$helvetica;
|
||||
$base-font-family: 'Museo Sans','muli',$helvetica;
|
||||
$heading-font-family: $base-font-family;
|
||||
$code-font-family:'robotomono',courier,monospace;
|
||||
|
||||
// Font Weights
|
||||
$base-font-weight: 400;
|
||||
$base-font-bold-weight: 600;
|
||||
$heading-font-weight: 600;
|
||||
$base-font-weight: 300;
|
||||
$base-font-bold-weight: 500;
|
||||
$heading-font-weight: 500;
|
||||
$code-font-base-weight: 400;
|
||||
$code-font-bold-weight: 500;
|
||||
|
||||
|
||||
@ -1,4 +1,4 @@
|
||||
@include fonts('muli', $weights: 100 300 400 600 700 800, $italic: true);
|
||||
// @include fonts('muli', $weights: 100 300 400 600 700 800, $italic: true);
|
||||
@include fonts('robotomono', $weights: 200 300 400 500 700, $italic: false);
|
||||
h1,
|
||||
h2,
|
||||
|
||||
@ -286,16 +286,6 @@ div.code-copy-header {
|
||||
}
|
||||
}
|
||||
|
||||
.action-buttons {
|
||||
// position: absolute;
|
||||
position: relative;
|
||||
left: 10px;
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
background: Crimson;
|
||||
border-radius: 50%;
|
||||
box-shadow: 18px 0 0 Orange, 36px 0 0 LimeGreen;
|
||||
}
|
||||
|
||||
.tooltipped {
|
||||
position: relative;
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user