-
Notifications
You must be signed in to change notification settings - Fork 0
/
beautified.html
243 lines (242 loc) · 16.7 KB
/
beautified.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Hugo Theme Dream</title>
<meta name="author" content="Author" />
<meta name="description" content="" />
<meta name="generator" content="Hugo 0.48" />
<link rel="canonical" href="https://themes.gohugo.io/theme/hugo-theme-dream/" />
<link rel="alternative" href="https://themes.gohugo.io/theme/hugo-theme-dream/index.xml" title="Hugo Theme Dream" type="application/atom+xml" />
<link href="/assets/css/semantic.min.css" rel="stylesheet" />
<link rel="stylesheet" href="https://themes.gohugo.io/theme/hugo-theme-dream/css/site.css" />
</head>
<body>
<div class="flip-container">
<div class="flipper">
<section class="front">
<div class="ui top secondary menu" style="overflow-x: auto">
<div class="item">
<i class="inverted big link bullseye icon dream-flip-toggle" title="Flip it!"></i>
</div>
<div class="item">
<i class="disabled inverted big arrow circle outline left icon" title="Previous page"></i>
</div>
<div class="item">
<i class="disabled inverted big arrow circle outline right icon" title="Next page"></i>
</div>
</div>
<div class="ui centered grid">
<div class="fifteen wide mobile fifteen wide tablet four wide computer column">
<section class="ui top attached center aligned inverted segment">
<div class="ui small circular image">
<img src="https://themes.gohugo.io//theme/hugo-theme-dream/img/avatar-ex.svg">
</div>
<h3 class="ui header">
Author's blog
<div class="sub header" style="color: white;">Motto</div>
</h3>
<div class="ui inverted horizontal list">
<a class="item" href="https://themes.gohugo.io//theme/hugo-theme-dream/post">
<i class="archive icon" title="Archives"></i>
</a>
<a class="item" href="https://themes.gohugo.io//theme/hugo-theme-dream/tags">
<i class="tags icon" title="All Tags"></i>
</a>
<a class="item" href="https://themes.gohugo.io//theme/hugo-theme-dream/categories">
<i class="inverted cubes icon" title="All Categories"></i>
</a>
</div>
<a id="tag-category-pop" class="ui red right corner label">
<i class="pointing down icon" title="Click this to pop tags and categories"></i>
</a>
</section>
<section class="ui attached center aligned inverted segment dream-header-tags dream-tags">
<a class="ui label" href="https://themes.gohugo.io//theme/hugo-theme-dream/tags/development" title="development">development</a>
<a class="ui label" href="https://themes.gohugo.io//theme/hugo-theme-dream/tags/go" title="go">go</a>
<a class="ui label" href="https://themes.gohugo.io//theme/hugo-theme-dream/tags/golang" title="golang">golang</a>
<a class="ui label" href="https://themes.gohugo.io//theme/hugo-theme-dream/tags/hugo" title="hugo">hugo</a>
<a class="ui label" href="https://themes.gohugo.io//theme/hugo-theme-dream/tags/templates" title="templates">templates</a>
<a class="ui label" href="https://themes.gohugo.io//theme/hugo-theme-dream/tags/themes" title="themes">themes</a>
</section>
<section class="ui attached inverted segment dream-categories">
<div class="ui inverted accordion">
<div class="title">
<i class="dropdown icon"></i>
<a href="https://themes.gohugo.io//theme/hugo-theme-dream/categories/development" class="item" style="color: white;">development</a>
</div>
<div class="content">
<div class="ui link inverted list">
<div class="item" style="padding-left: 24px;">
<i class="cocktail icon"></i>
<div class="content">
<a href="https://themes.gohugo.io//theme/hugo-theme-dream/post/goisforlovers/" class="item">(Hu)go Template Primer</a>
</div>
</div>
<div class="item" style="padding-left: 24px;">
<i class="cocktail icon"></i>
<div class="content">
<a href="https://themes.gohugo.io//theme/hugo-theme-dream/post/hugoisforlovers/" class="item">Getting Started with Hugo</a>
</div>
</div>
</div>
</div>
<div class="title">
<i class="dropdown icon"></i>
<a href="https://themes.gohugo.io//theme/hugo-theme-dream/categories/golang" class="item" style="color: white;">golang</a>
</div>
<div class="content">
<div class="ui link inverted list">
<div class="item" style="padding-left: 24px;">
<i class="cocktail icon"></i>
<div class="content">
<a href="https://themes.gohugo.io//theme/hugo-theme-dream/post/goisforlovers/" class="item">(Hu)go Template Primer</a>
</div>
</div>
<div class="item" style="padding-left: 24px;">
<i class="cocktail icon"></i>
<div class="content">
<a href="https://themes.gohugo.io//theme/hugo-theme-dream/post/hugoisforlovers/" class="item">Getting Started with Hugo</a>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="ui bottom attached center aligned inverted segment">
<p>© 2016 - 2018 Hugo Theme Dream</p>
<p>Powered by <a href="https://gohugo.io/" target="_blank">Hugo</a> with theme <a href="https://github.com/g1eny0ung/hugo-theme-dream" target="_blank">Dream</a>.</p>
</section>
</div>
<div class="fifteen wide mobile fifteen wide tablet eleven wide computer column post-list">
<div class="ui two stackable cards">
<article class="black card">
<div class="image">
<div class="ui dimmer">
<div class="content">
<div class="center">
<a href="https://themes.gohugo.io//theme/hugo-theme-dream/post/creating-a-new-theme/">
<h2 class="ui header" style="color: white;">Creating a New Theme</h2>
</a>
<p style="padding: 5px;">Introduction This tutorial will show you how to create a simple theme in Hugo. I assume that you are familiar with HTML, the bash command line, and that you are comfortable using Markdown to format content. I’ll explain how Hugo uses templates and how you can organize your templates to create a theme. I won’t cover using CSS to style your theme.
We’ll start with creating a new site with a very basic template.
</p>
<p>@ Michael Henderson</p>
<div class="ui top right attached black label">34 min read</div>
<div class="ui bottom left attached black label">Sep 28, 2014</div>
</div>
</div>
</div>
<img src="https://themes.gohugo.io//theme/hugo-theme-dream/img/default4.jpg" alt="Creating a New Theme">
</div>
</article>
<article class="black card">
<div class="image">
<div class="ui dimmer">
<div class="content">
<div class="center">
<a href="https://themes.gohugo.io//theme/hugo-theme-dream/post/migrate-from-jekyll/">
<h2 class="ui header" style="color: white;">Migrate to Hugo from Jekyll</h2>
</a>
<p style="padding: 5px;">Move static content to static Jekyll has a rule that any directory not starting with _ will be copied as-is to the _site output. Hugo keeps all static content under static. You should therefore move it all there. With Jekyll, something that looked like
▾ <root>/ ▾ images/ logo.png should become
▾ <root>/ ▾ static/ ▾ images/ logo.png Additionally, you’ll want any files that should reside at the root (such as CNAME) to be moved to static.
</p>
<p>@ Author</p>
<div class="ui top right attached black label">4 min read</div>
<div class="ui bottom left attached black label">Mar 10, 2014</div>
</div>
</div>
</div>
<img src="https://themes.gohugo.io//theme/hugo-theme-dream/img/default2.jpg" alt="Migrate to Hugo from Jekyll">
</div>
</article>
<article class="black card">
<div class="image">
<div class="ui dimmer">
<div class="content">
<div class="center">
<a href="https://themes.gohugo.io//theme/hugo-theme-dream/post/goisforlovers/">
<h2 class="ui header" style="color: white;">(Hu)go Template Primer</h2>
</a>
<p style="padding: 5px;">Hugo uses the excellent go html/template library for its template engine. It is an extremely lightweight engine that provides a very small amount of logic. In our experience that it is just the right amount of logic to be able to create a good static website. If you have used other template systems from different languages or frameworks you will find a lot of similarities in go templates.
This document is a brief primer on using go templates.
</p>
<p>@ Author</p>
<div class="ui top right attached black label">7 min read</div>
<div class="ui bottom left attached black label">Apr 2, 2014</div>
</div>
</div>
</div>
<img src="https://themes.gohugo.io//theme/hugo-theme-dream/img/default6.jpg" alt="(Hu)go Template Primer">
</div>
</article>
<article class="black card">
<div class="image">
<div class="ui dimmer">
<div class="content">
<div class="center">
<a href="https://themes.gohugo.io//theme/hugo-theme-dream/post/hugoisforlovers/">
<h2 class="ui header" style="color: white;">Getting Started with Hugo</h2>
</a>
<p style="padding: 5px;">Step 1. Install Hugo Goto hugo releases and download the appropriate version for your os and architecture.
Save it somewhere specific as we will be using it in the next step.
More complete instructions are available at installing hugo
Step 2. Build the Docs Hugo has its own example site which happens to also be the documentation site you are reading right now.
Follow the following steps:
Clone the hugo repository Go into the repo Run hugo in server mode and build the docs Open your browser to http://localhost:1313 Corresponding pseudo commands:
</p>
<p>@ Author</p>
<div class="ui top right attached black label">2 min read</div>
<div class="ui bottom left attached black label">Apr 2, 2014</div>
</div>
</div>
</div>
<img src="https://themes.gohugo.io//theme/hugo-theme-dream/img/default6.jpg" alt="Getting Started with Hugo">
</div>
</article>
</div>
</div>
</div>
</section>
<section class="back">
<nav class="ui top secondary menu" style="overflow-x: auto">
<div class="item">
<i class="inverted big link bullseye icon dream-flip-toggle" title="Flip it!"></i>
</div>
</nav>
<div class="ui centered grid about">
<div class="fifteen wide mobile fifteen wide tablet fifteen wide computer column">
<section class="ui stacked segments">
<header class="ui inverted segment">
<h2 class="ui header">
AboutMe
</h2>
</header>
<article class="ui inverted segment back-about">
<div class="ui stackable three column grid">
<div class="column">
<p>Welcome to use hugo dream theme.</p>
<p>View <a href="http://g1eny0ung.site/hugo-theme-dream">http://g1eny0ung.site/hugo-theme-dream</a> for more details.</p>
</div>
<div class="column">
</div>
<div class="column">
</div>
</div>
</article>
</section>
</div>
</div>
</section>
</div>
</div>
<script src="https://themes.gohugo.io//theme/hugo-theme-dream/js/jquery.min.js"></script>
<script src="https://themes.gohugo.io//theme/hugo-theme-dream/js/semantic.min.js"></script>
<script src="https://themes.gohugo.io//theme/hugo-theme-dream/js/html2canvas.min.js"></script>
<script src="https://themes.gohugo.io//theme/hugo-theme-dream/js/bg.js"></script>
<script src="https://themes.gohugo.io//theme/hugo-theme-dream/js/site.js"></script>
</body>
</html>