1
+ <!DOCTYPE html>
2
+ < html >
3
+ < head >
4
+ < meta charset ="utf-8 " />
5
+ < meta content ="IE=edge,chrome=1 " http-equiv ="X-UA-Compatible " />
6
+ < meta content ="width=device-width, initial-scale=1, maximum-scale=2, user-scalable=no " name ="viewport " />
7
+ < meta content ="Nanoc-Plate, a New Way to Build Websites. " name ="description " />
8
+ < meta content ="Nanoc, Websites, Blog, Static " name ="keywords " />
9
+ < meta content ="Xiao Hanyu " name ="author " />
10
+ < link href ="/apple-touch-icon.png " rel ="apple-touch-icon " sizes ="180x180 " />
11
+ < link href ="/favicon-32x32.png " rel ="icon " sizes ="32x32 " type ="image/png " />
12
+ < link href ="/favicon-16x16.png " rel ="icon " sizes ="16x16 " type ="image/png " />
13
+ < link href ="/manifest.json " rel ="manifest " />
14
+ < link color ="#5bbad5 " href ="/safari-pinned-tab.svg " rel ="mask-icon " />
15
+ < meta content ="#ffffff " name ="theme-color " />
16
+ < title > Nanoc-Plate, a New Way to Build Websites.</ title >
17
+ < link href ="/static/dist/semantic-ui/semantic.min.css " rel ="stylesheet " type ="text/css " />
18
+ < link href ="/static/dist/fonts.css/fonts.css " rel ="stylesheet " type ="text/css " />
19
+ < link href ="/static/stylesheets/default.css " rel ="stylesheet " type ="text/css " />
20
+ < link href ="/static/stylesheets/pandoc-code-highlight.css " rel ="stylesheet " type ="text/css " />
21
+ < script src ="/static/dist/jquery/jquery.min.js "> </ script >
22
+ </ head >
23
+ < body lang ="en ">
24
+ < div id ="content ">
25
+ < nav class ="ui borderless menu " lang ="en ">
26
+ < div class ="ui container ">
27
+ < a class ="item " href ="/ "> < img src ="/static/logo/gravatar/gravatar.svg " /> </ a > < a class ="item " href ="/posts "> Posts</ a > < a class ="item desktop-only " href ="/categories "> Categories</ a > < a class ="item desktop-only " href ="/tags "> Tags</ a > < a class ="item " href ="/notes "> Notes</ a >
28
+ < div class ="right menu ">
29
+ < div class ="item desktop-only ">
30
+ < form action ="https://www.google.com/search " class ="ui form " method ="get " target ="_blank ">
31
+ < input name ="q " type ="hidden " value ="site:nanoc-plate.github.io " />
32
+ < div class ="ui transparent left icon input ">
33
+ < input name ="q " placeholder ="Search... " type ="text " /> < i class ="search icon "> </ i >
34
+ </ div >
35
+ </ form >
36
+ </ div >
37
+ < a class ="item " href ="https://github.com/nanoc-plate "> < i class ="github icon "> </ i > </ a > < a class ="item desktop-only " href ="/atom.xml "> < i class ="feed icon "> </ i > </ a >
38
+ </ div >
39
+ </ div >
40
+ </ nav > < div class ="ui vertical center aligned stripe alternative segment ">
41
+ < div class ="ui container ">
42
+ < img class ="logo " src ="/static/logo/gravatar/gravatar.svg " />
43
+ < h1 >
44
+ Nanoc-Plate
45
+ </ h1 >
46
+ < iframe allowtransparency ="true " frameborder ="0 " height ="24 " scrolling ="0 " src ="https://ghbtns.com/github-btn.html?user=nanoc-plate&repo=nanoc-plate&type=watch&count=true " width ="75 "> </ iframe > < iframe allowtransparency ="true " frameborder ="0 " height ="24 " scrolling ="0 " src ="https://ghbtns.com/github-btn.html?user=nanoc-plate&repo=nanoc-plate&type=fork&count=true " width ="75 "> </ iframe >
47
+ < p >
48
+ A smooth work flow to build static websites happily.
49
+ </ p >
50
+ </ div >
51
+ </ div >
52
+ < div class ="ui vertical stripe segment ">
53
+ < div class ="ui grid stackable container ">
54
+ < div class ="row ">
55
+ < div class ="column ">
56
+ < h2 >
57
+ Features
58
+ </ h2 >
59
+ </ div >
60
+ </ div >
61
+ < div class ="row ">
62
+ < div class ="ui four column stackable divided grid ">
63
+ < div class ="row ">
64
+ < div class ="column ">
65
+ < h4 >
66
+ Beautiful
67
+ </ h4 >
68
+ < p >
69
+ Born to be beautiful. Elaborate cross-platform web fonts solution for both Chinese and English.
70
+ </ p >
71
+ < ul class ="ui list ">
72
+ < li >
73
+ < a href ="http://semantic-ui.com/ "> Semantic-UI</ a > , the foundation.
74
+ </ li >
75
+ < li >
76
+ < a href ="https://github.com/zenozeng/fonts.css "> fonts.css</ a > , for Chinese.
77
+ </ li >
78
+ < li >
79
+ < a href ="http://www.linuxlibertine.org/ "> Linux Libertine</ a > , for English.
80
+ </ li >
81
+ </ ul >
82
+ </ div >
83
+ < div class ="column ">
84
+ < h4 >
85
+ Versatile
86
+ </ h4 >
87
+ < p >
88
+ Support multiple < a href ="http://en.wikipedia.org/wiki/Comparison_of_document_markup_languages "> documentation markup language</ a > via < a href ="http://johnmacfarlane.net/pandoc/ "> pandoc</ a > .
89
+ </ p >
90
+ < ul class ="ui list ">
91
+ < li >
92
+ < a href ="https://en.wikipedia.org/wiki/Markdown "> Markdown</ a >
93
+ </ li >
94
+ < li >
95
+ < a href ="http://orgmode.org/ "> Org</ a >
96
+ </ li >
97
+ < li >
98
+ < a href ="http://docutils.sourceforge.net/rst.html "> reStructuredText</ a >
99
+ </ li >
100
+ < li >
101
+ < a href ="https://en.wikipedia.org/wiki/Textile_(markup_language) "> Textile</ a >
102
+ </ li >
103
+ </ ul >
104
+ </ div >
105
+ < div class ="column ">
106
+ < h4 >
107
+ Flexible
108
+ </ h4 >
109
+ < p >
110
+ Manage all kinds of resource files in a uniform and flexible way.
111
+ </ p >
112
+ < ul class ="ui list ">
113
+ < li >
114
+ Documents
115
+ </ li >
116
+ < li >
117
+ HTML & CSS & JavaScript
118
+ </ li >
119
+ < li >
120
+ Images & Videos
121
+ </ li >
122
+ < li >
123
+ Fonts
124
+ </ li >
125
+ </ ul >
126
+ </ div >
127
+ < div class ="column ">
128
+ < h4 >
129
+ Batteries Included
130
+ </ h4 >
131
+ < p >
132
+ Builtin generators for multiple components of a modern website.
133
+ </ p >
134
+ < ul class ="ui list ">
135
+ < li >
136
+ < a href ="http://www.robotstxt.org/ "> robots.txt</ a >
137
+ </ li >
138
+ < li >
139
+ < a href ="http://humanstxt.org/ "> humans.txt</ a >
140
+ </ li >
141
+ < li >
142
+ < a href ="https://en.wikipedia.org/wiki/Atom_(standard) "> Atom Feed</ a >
143
+ </ li >
144
+ < li >
145
+ < a href ="https://en.wikipedia.org/wiki/Site_map "> Sitemap</ a >
146
+ </ li >
147
+ </ ul >
148
+ </ div >
149
+ </ div >
150
+ < hr class ="plain desktop-only " />
151
+ < div class ="row ">
152
+ < div class ="column ">
153
+ < h4 >
154
+ Dynamic
155
+ </ h4 >
156
+ < p >
157
+ Generate dynamic contents from static contents, sounds like a magic?
158
+ </ p >
159
+ < ul class ="ui list ">
160
+ < li >
161
+ Tags
162
+ </ li >
163
+ < li >
164
+ Categories
165
+ </ li >
166
+ < li >
167
+ Paginator
168
+ </ li >
169
+ < li >
170
+ List of Documents
171
+ </ li >
172
+ </ ul >
173
+ </ div >
174
+ < div class ="column ">
175
+ < h4 >
176
+ Responsive
177
+ </ h4 >
178
+ < p >
179
+ Born to be < a href ="https://en.wikipedia.org/wiki/Responsive_web_design "> Responsive</ a > . Write once, fit everywhere. Perfect experience on all devices.
180
+ </ p >
181
+ < ul class ="ui list ">
182
+ < li >
183
+ Phone
184
+ </ li >
185
+ < li >
186
+ Tablet
187
+ </ li >
188
+ < li >
189
+ Desktop
190
+ </ li >
191
+ </ ul >
192
+ </ div >
193
+ < div class ="column ">
194
+ < h4 >
195
+ Scienticfic!
196
+ </ h4 >
197
+ < p >
198
+ Excellent math formula and syntax highlighting support for math and technical writings.
199
+ </ p >
200
+ < ul class ="ui list ">
201
+ < li >
202
+ < a href ="https://www.mathjax.org/ "> MathJax</ a >
203
+ </ li >
204
+ < li >
205
+ Optional PDF genaration
206
+ </ li >
207
+ < li >
208
+ Source code < a href ="http://pandoc.org/MANUAL.html#syntax-highlighting "> syntax highlighting</ a >
209
+ </ li >
210
+ </ ul >
211
+ </ div >
212
+ < div class ="column ">
213
+ < h4 >
214
+ Integrations
215
+ </ h4 >
216
+ < p >
217
+ Easy to integrate third-party services and bring lives and noises(I guess so) to your site.
218
+ </ p >
219
+ < ul class ="ui list ">
220
+ < li >
221
+ < a href ="https://analytics.google.com "> Google Analytics</ a > for statistics
222
+ </ li >
223
+ < li >
224
+ < a href ="https://disqus.com/ "> Disqus</ a > for commenting
225
+ </ li >
226
+ </ ul >
227
+ </ div >
228
+ </ div >
229
+ < hr class ="plain desktop-only " />
230
+ < div class ="row ">
231
+ < div class ="column ">
232
+ < h4 >
233
+ Internationalization
234
+ </ h4 >
235
+ < p >
236
+ One click to switch languages for the whole site, or just a single post or note.
237
+ </ p >
238
+ < ul class ="ui list ">
239
+ < li >
240
+ Built-in localization for common UI components.
241
+ </ li >
242
+ </ ul >
243
+ </ div >
244
+ < div class ="column ">
245
+ < h4 >
246
+ Guidance
247
+ </ h4 >
248
+ < p >
249
+ Best practice guidance for a smooth and happy work flow.
250
+ </ p >
251
+ < ul class ="ui list ">
252
+ < li >
253
+ < a href ="http://guardgem.org/ "> Guard</ a >
254
+ </ li >
255
+ < li >
256
+ < a href ="http://browsersync.io/ "> Browsersync</ a >
257
+ </ li >
258
+ < li >
259
+ < a href ="https://pages.github.com/ "> Github Pages</ a >
260
+ </ li >
261
+ < li >
262
+ < a href ="https://travis-ci.org/ "> Travis-CI</ a >
263
+ </ li >
264
+ </ ul >
265
+ </ div >
266
+ < div class ="column ">
267
+ < h4 >
268
+ Compatible
269
+ </ h4 >
270
+ < p >
271
+ Nanoc-Plate is just a bundle of < a href ="nanoc.ws "> nanoc</ a > . No wonder that we have all features of nanoc.
272
+ </ p >
273
+ < ul class ="ui list ">
274
+ < li >
275
+ Free-form metadata
276
+ </ li >
277
+ < li >
278
+ Programmable filters and helpers
279
+ </ li >
280
+ < li >
281
+ Various templating languages
282
+ </ li >
283
+ </ ul >
284
+ </ div >
285
+ < div class ="column ">
286
+ < h4 >
287
+ Customizable
288
+ </ h4 >
289
+ < p >
290
+ Want to do some more in-depth customization? Not that hard, we've made great choices already.
291
+ </ p >
292
+ < ul class ="ui list ">
293
+ < li >
294
+ < a href ="http://slim-lang.com/ "> Slim</ a > , a better HTML.
295
+ </ li >
296
+ < li >
297
+ < a href ="http://slim-lang.com/ "> Sass</ a > , a better CSS.
298
+ </ li >
299
+ < li >
300
+ Vanilla JavaScript? Plus < a href ="https://jquery.com/ "> jQuery</ a > , just enough here.
301
+ </ li >
302
+ </ ul >
303
+ </ div >
304
+ </ div >
305
+ </ div >
306
+ </ div >
307
+ </ div >
308
+ </ div >
309
+ </ div >
310
+ < div id ="footer ">
311
+ < footer class ="ui center aligned container " lang ="en ">
312
+ < hr />
313
+ < p >
314
+ Copyright © 2016 by Xiao Hanyu. All Rights Reserved.
315
+ </ p >
316
+ </ footer >
317
+ < script src ="/static/dist/semantic-ui/semantic.min.js "> </ script >
318
+ < script src ="/static/javascripts/ga.js "> </ script >
319
+ < script src ="/static/javascripts/default.js "> </ script >
320
+ </ div >
321
+ </ body >
322
+ </ html >
0 commit comments