installation.html (1791B)
1 <div class="flex-ns flex-wrap center mw9">
2 <!-- LEFT -->
3
4 <div class="w-100 w-50-ns">
5 <div class="w-80 center tc nested-copy-line-height">
6 <h3 class="f2 black">Install in seconds, build in milliseconds.</h3>
7 <p class="f3">Hugo works on macOS, Windows, Linux, FreeBSD, and others.</p>
8 <p class="f3">Host on any server or your favorite CDN.</p>
9 </div>
10 </div>
11
12 <!-- RIGHT -->
13 <div class="w-100 w-50-ns tc">
14 <div class="h4">
15 <img src="/images/gopher-hero.svg" alt="Hugo Gopher" class="h4">
16 </div>
17 <p class="f6 mid-gray m0 p0 pt3">macOS</p>
18 <div class="code f6 bg-black light-green lh-copy pv3 ph3 br2 w-100 w-50-ns center mb2 tl">
19 $ brew install hugo <br />
20 </div>
21 <p class="f6 mid-gray">Windows</p>
22 <div class="code f6 bg-black light-green lh-copy pv3 ph3 br2 w-100 w-50-ns center tl">
23 $ choco install hugo -confirm <br />
24 </div>
25 <p class="f6 mid-gray">Linux</p>
26 <div class="code f6 bg-black light-green lh-copy pv3 ph3 br2 w-100 w-50-ns center tl">
27 $ snap install hugo <br />
28 </div>
29
30
31 <p class="f5 nested-links"><a href="{{ "getting-started/installing/" | absURL }}" class="link">See the Getting Started Guide for other methods. {{ partial "svg/link-ext.svg" (dict "fill" "#333" "size" "14") }}</a></p>
32 </div>
33
34 <!-- TODO: the install section should have a tab menu for selecting the preferred installation method, i.e. the binaries from GitHub or the commands for the installation via a package manager https://github.com/rdwatters/hugo-docs-concept/issues/3#issuecomment-287498412 -->
35
36 <!-- TODO: Animate the gopher https://github.com/rdwatters/hugo-docs-concept/issues/3#issuecomment-287194777 -->
37
38 </div>