mirror of
https://github.com/gohugoio/hugo.git
synced 2025-08-18 21:11:19 +02:00
Merge commit '89044b8f8795f17c36396c67823183a20fc88139'
This commit is contained in:
@@ -1,5 +1,5 @@
|
||||
|
||||
[Camping Arolla](http://www.camping-arolla.com/) is located in the heart of the Swiss Alps, at an altitude of 1.950 meters.
|
||||
[Camping Arolla](https://www.camping-arolla.com) is located in the heart of the Swiss Alps, at an altitude of 1.950 meters.
|
||||
|
||||
The site is built by:
|
||||
|
||||
|
@@ -8,7 +8,7 @@ byline: "[Didier Divinerites](https://github.com/divinerites)"
|
||||
|
||||
---
|
||||
|
||||
Swiss [Arolla campsite](http://www.camping-arolla.com/) runs the highest campsite in Europe and I'm completely re-doing their actuel Website with Hugo.
|
||||
Swiss [Arolla campsite](https://www.camping-arolla.com) runs the highest campsite in Europe and I'm completely re-doing their actuel Website with Hugo.
|
||||
|
||||
But they just launch a brand new offer (luxury tents with bed and fire oven), and we couldn't wait for the proper new website for having this promoted: we needed the website up and running within 24h!
|
||||
|
||||
@@ -18,8 +18,8 @@ So we decided to quickly launch a dedicated [independent web site](https://www.c
|
||||
- Replace the main images.
|
||||
- Add a [hugo-easy-gallery / photoswipe](https://github.com/liwenyip/hugo-easy-gallery) on the main page with attractive images.
|
||||
- Add the promo video with a simple *vimeo* shortcode.
|
||||
- Replace the Google Maps widget by the [OpenStreetMap](http://www.openstreetmap.org/) equivalent
|
||||
- Use a [Zotabox](http://www.zotabox.com) contact form.
|
||||
- Replace the Google Maps widget by the [OpenStreetMap](https://www.openstreetmap.org/) equivalent
|
||||
- Use a [Zotabox](https://www.zotabox.com) contact form.
|
||||
- Write the content in French & in English directly on the content pages, describe their services, add fun facts and true testimonies.
|
||||
- Setup a GDPR compliant site with the new Hugo options.
|
||||
- Use [Netlify](https://www.netlify.com) for publishing it in a breeze.
|
||||
|
2
docs/content/en/showcase/digitalgov/bio.md
Normal file
2
docs/content/en/showcase/digitalgov/bio.md
Normal file
@@ -0,0 +1,2 @@
|
||||
|
||||
**Digital.gov** helps people in the U.S. government deliver better, more accessible digital services through publishing essential guidance, resources, tools, and online events that make it easier for people to design, build, and deliver essential services for the public.
|
BIN
docs/content/en/showcase/digitalgov/featured.png
Normal file
BIN
docs/content/en/showcase/digitalgov/featured.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 430 KiB |
66
docs/content/en/showcase/digitalgov/index.md
Normal file
66
docs/content/en/showcase/digitalgov/index.md
Normal file
@@ -0,0 +1,66 @@
|
||||
---
|
||||
title: Digital.gov
|
||||
date: 2020-05-01
|
||||
description: "Showcase: \"Guidance on building better digital services in government.\""
|
||||
siteURL: https://digital.gov/
|
||||
siteSource: https://github.com/gsa/digitalgov.gov
|
||||
---
|
||||
|
||||
For over a decade, Digital.gov has provided guidance, training, and community support to the people who are responsible for delivering digital services in the U.S. government. Essentially, it is a place where people can find examples of problems being solved in government, and get links to the tools and resources they need.
|
||||
|
||||
Through collaboration in our communities of practice, Digital.gov is a window into the people who work in technology in government and the challenges they face making digital services stronger and more effective. [Read more about our site »](https://digital.gov/2019/12/19/a-new-digitalgov/)
|
||||
|
||||
Digital.gov is built using the [U.S. Web Design System](https://designsystem.digital.gov/) (USWDS) and have followed the [design principles](https://designsystem.digital.gov/maturity-model/) in building out our new site:
|
||||
|
||||
- **Start with real user needs** — We used human-centered design methods to inform our product decisions (like qualitative user research), and gathered feedback from real users. We also continually test our assumptions with small experiments.
|
||||
- **Earn trust** —We recognize that trust has to be earned every time. We are including all [required links and content](https://digital.gov/resources/required-web-content-and-links/) on our site, clearly identifying as a government site, building with modern best practices, and using https.
|
||||
- **Embrace accessibility** — [Accessibility](https://digital.gov/resources/intro-accessibility/) affects everybody, and we built it into every decision. We’re continually working to conform to Section 508 requirements, use user experience best practices, and support a wide range of devices.
|
||||
- **Promote continuity** — We started from shared solutions like USWDS and [Federalist](https://federalist.18f.gov/). We designed our site to clearly identify as a government site by including USWDS’s .gov banner, common colors and patterns, and built with modern best practices.
|
||||
- **Listen** — We actively collect user feedback and web metrics. We use the [Digital Analytics Program](https://digital.gov/services/dap/) (DAP) and analyze the data to discover actionable insights. We make small, incremental changes to continuously improve our website by listening to readers and learning from what we hear.
|
||||
|
||||
_More on the [USWDS maturity model »](https://designsystem.digital.gov/maturity-model/)_
|
||||
|
||||
## Open Tools
|
||||
|
||||
We didn’t start from scratch. We built and designed the Digital.gov using many of the open-source tools and services that we develop for government here in the [Technology Transformation Services](https://www.gsa.gov/tts/) (TTS).
|
||||
|
||||
Using services that make it possible to design, build, and iterate quickly are essential to modern web design and development, which is why [Federalist](https://federalist.18f.gov/) and the [U.S. Web Design System](https://designsystem.digital.gov/) are such a great combination.
|
||||
|
||||
**Why Hugo?** Well, with around `~3,000` files _(and growing)_ and `~9,000` built pages, we needed a site generator that could handle that volume with lightning fast speed.
|
||||
|
||||
Hugo was the clear option. The [Federalist](https://federalist.18f.gov/) team quickly added it to their available site generators, and we were off.
|
||||
|
||||
At the moment, it takes around `32 seconds` to build close to `~10,000` pages!
|
||||
|
||||
Take a look:
|
||||
|
||||
```bash
|
||||
|
||||
| EN
|
||||
-------------------+-------
|
||||
Pages | 7973
|
||||
Paginator pages | 600
|
||||
Non-page files | 108
|
||||
Static files | 851
|
||||
Processed images | 0
|
||||
Aliases | 1381
|
||||
Sitemaps | 1
|
||||
Cleaned | 0
|
||||
|
||||
Built in 32.427 seconds
|
||||
|
||||
```
|
||||
|
||||
In addition to Hugo, we are proudly using a number of other tools and services, all built by government are free to use:
|
||||
|
||||
- [Federalist](https://federalist.18f.gov/)
|
||||
- [Search.gov](https://www.search.gov/) — A free, hosted search platform for federal websites.
|
||||
- [Cloud.gov](https://www.cloud.gov/) — helps teams build, run, and authorize cloud-ready or legacy government systems quickly and cheaply.
|
||||
- [Federal CrowdSource Mobile Testing Program](https://digital.gov/services/mobile-application-testing-program/) — Free mobile compatibility testing by feds, for feds.
|
||||
- [Digital Analytics Program](https://digital.gov/services/dap/) (DAP) — A free analytics tool for measuring digital services in the federal government
|
||||
- [Section508.gov](https://www.section508.gov/) and [PlainLanguage.gov](https://www.plainlanguage.gov/) resources
|
||||
- [API.data.gov](https://api.data.gov/) — a free API management service for federal agencies
|
||||
- [U.S. Digital Registry](https://digital.gov/services/u-s-digital-registry/) — A resource for confirming the official status of government social media accounts, mobile apps, and mobile websites.
|
||||
|
||||
|
||||
**Questions or feedback?** [Submit an issue](https://github.com/GSA/digitalgov.gov/issues) or send us an email to [digitalgov@gsa.gov](mailto:digitalgov@gsa.gov) :heart:
|
@@ -3,6 +3,6 @@ A business page for Flesland Flis AS. A Norwegian Tiler located in Bergen.
|
||||
|
||||
The page is designed and developed by Sindre Gusdal:
|
||||
|
||||
* [Absoluttweb AS](http://www.absoluttweb.no)
|
||||
* [Absoluttweb AS](https://www.absoluttweb.no)
|
||||
* [Sindre Gusdal](https://www.linkedin.com/in/sindregusdal/)
|
||||
|
||||
|
@@ -4,7 +4,7 @@ title: Flesland Flis AS
|
||||
date: 2018-04-24
|
||||
description: "showcase: Business Page for a tile shop in Bergen, Norway"
|
||||
siteURL: https://www.fleslandflis.no
|
||||
byline: "[Sindre Gusdal](http://www.absoluttweb.no), Absoluttweb AS"
|
||||
byline: "[Sindre Gusdal](https://www.absoluttweb.no), Absoluttweb AS"
|
||||
|
||||
---
|
||||
|
||||
|
1
docs/content/en/showcase/keycdn/bio.md
Normal file
1
docs/content/en/showcase/keycdn/bio.md
Normal file
@@ -0,0 +1 @@
|
||||
[KeyCDN](https://www.keycdn.com) is a high performance content delivery network (CDN) offering many powerful features, including image processing that can transform and optimize images in real time. Our network offers global coverage to speed up content delivery and is capable of delivering entire static websites, like those built with Hugo, at the edge.
|
BIN
docs/content/en/showcase/keycdn/featured.png
Normal file
BIN
docs/content/en/showcase/keycdn/featured.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 350 KiB |
30
docs/content/en/showcase/keycdn/index.md
Normal file
30
docs/content/en/showcase/keycdn/index.md
Normal file
@@ -0,0 +1,30 @@
|
||||
---
|
||||
|
||||
title: KeyCDN
|
||||
date: 2020-04-10
|
||||
description: "Showcase: \"Hugo has become an integral part of our stack.\""
|
||||
siteURL: https://www.keycdn.com
|
||||
|
||||
---
|
||||
|
||||
At KeyCDN one of our primary focuses is on performance. With speed being ingrained in our DNA we knew from the start that we must use a fast static website generator that could meet our requirements. When evaluating the right solution, Hugo met our requirements and we looked no further as it was the fastest and most flexible.
|
||||
|
||||
## Why we chose Hugo
|
||||
|
||||
Before our migration to Hugo our website was powered by a PHP-based website that had about 50 pages and a WordPress website that had over 500 posts between our blog and knowledge base. This became harder to maintain as time continued. We felt like we were losing the speed and flexibility that we require. To overcome this we knew we needed to convert our website to be static. This would allow our website to be faster and more secure as it could be delivered by all of our edge locations.
|
||||
|
||||
It wasn’t an easy task at the beginning, however, after evaluating Hugo and benchmarking it we knew we had found the ideal solution. Hugo was by far the fastest setup and offered an intuitive way to build our entire website exactly as needed. The Go-based templates, shortcodes, and configuration options made it easy to build a complex website.
|
||||
|
||||
In the fall of 2018 we started the migration and within a couple short months we had built a custom static website with Hugo and migrated all content from our old systems. The simplicity and vast amount of functionality that Hugo offers made this process fast and left our entire team, including all of our writers and developers, happy with the migration. Since migrating to Hugo we haven’t looked back. Hugo has become an integral part of our stack. We’re grateful to all those who have contributed to make Hugo what it is today.
|
||||
|
||||
## Technical overview
|
||||
|
||||
Below is an overview of what we used with Hugo to build our website:
|
||||
|
||||
* [KeyCDN](https://www.keycdn.com) uses a custom theme and is our primary hub for all style sheets and JavaScript. Our other websites, like [KeyCDN Tools](https://tools.keycdn.com), only import the required style sheets and JavaScript.
|
||||
* We use [Gulp](https://gulpjs.com) in our build process for many tasks, such as combining, versioning, and compressing our style sheets as well as our JavaScript.
|
||||
* Our search is powered by a custom solution that we’ve built. It allows our pages, blog, and knowledge base to be searched. It uses [Axios](https://github.com/axios/axios) to send a `POST` request containing the search query. An index file in JSON generated by Hugo is searched and the results are then returned.
|
||||
* Our commenting system is also powered by a custom solution that we’ve built. It uses Axios to send a `GET` request containing the slug to pull the comment thread and a `POST` request containing the name, email address, and comment when submitting a comment.
|
||||
* Our contact form is a simple HTML form, which uses Axios as well.
|
||||
* Our writers use shortcodes to enhance the capability of markdown.
|
||||
* Our entire website is delivered through KeyCDN using a Pull Zone, which means all of our edge locations are delivering our website.
|
Reference in New Issue
Block a user