add theme
This commit is contained in:
parent
015d32b2dc
commit
aaa988afa2
@ -1,7 +1,7 @@
|
|||||||
baseURL = 'https://mail.fzorb.xyz/'
|
baseURL = 'https://mail.fzorb.xyz/'
|
||||||
languageCode = 'en-us'
|
languageCode = 'en-us'
|
||||||
title = 'Zorbmail'
|
title = 'Zorbmail'
|
||||||
theme = 'zmin'
|
theme = 'zmin-zm'
|
||||||
|
|
||||||
[[menus.main]]
|
[[menus.main]]
|
||||||
name = "Webmail"
|
name = "Webmail"
|
||||||
|
@ -1 +0,0 @@
|
|||||||
Subproject commit c01873d657a5f884643b575800b116db6b4d2978
|
|
5
themes/zmin-zm/.gitignore
vendored
Normal file
5
themes/zmin-zm/.gitignore
vendored
Normal file
@ -0,0 +1,5 @@
|
|||||||
|
.Rproj.user
|
||||||
|
.Rhistory
|
||||||
|
.RData
|
||||||
|
.Ruserdata
|
||||||
|
exampleSite/public
|
20
themes/zmin-zm/LICENSE.md
Normal file
20
themes/zmin-zm/LICENSE.md
Normal file
@ -0,0 +1,20 @@
|
|||||||
|
The MIT License (MIT)
|
||||||
|
|
||||||
|
Copyright (c) 2017-2022 Yihui Xie
|
||||||
|
|
||||||
|
Permission is hereby granted, free of charge, to any person obtaining a copy of
|
||||||
|
this software and associated documentation files (the "Software"), to deal in
|
||||||
|
the Software without restriction, including without limitation the rights to
|
||||||
|
use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
|
||||||
|
the Software, and to permit persons to whom the Software is furnished to do so,
|
||||||
|
subject to the following conditions:
|
||||||
|
|
||||||
|
The above copyright notice and this permission notice shall be included in all
|
||||||
|
copies or substantial portions of the Software.
|
||||||
|
|
||||||
|
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
||||||
|
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
|
||||||
|
FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
|
||||||
|
COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
|
||||||
|
IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
|
||||||
|
CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
|
30
themes/zmin-zm/README.md
Normal file
30
themes/zmin-zm/README.md
Normal file
@ -0,0 +1,30 @@
|
|||||||
|
# HUGO XMIN
|
||||||
|
|
||||||
|
**NOTE**: fzorb/zmin is the fork of xmin that runs on https://fzorb.xyz/ .
|
||||||
|
|
||||||
|
## _Keep it simple, but not simpler_
|
||||||
|
|
||||||
|
**XMin** is a Hugo theme written by [Yihui Xie](https://yihui.org) in about four hours: half an hour was spent on the Hugo templates, and 3.5 hours were spent on styling. The main motivation for writing this theme was to provide a really minimal example to beginners of Hugo templates. This XMin theme contains about 130 lines of code in total, including the code in HTML templates and CSS (also counting empty lines).
|
||||||
|
|
||||||
|
|
||||||
|
```bash
|
||||||
|
find . -not -path '*/exampleSite/*' \( -name '*.html' -o -name '*.css' \) | xargs wc -l
|
||||||
|
```
|
||||||
|
|
||||||
|
```
|
||||||
|
5 ./layouts/404.html
|
||||||
|
12 ./layouts/_default/single.html
|
||||||
|
20 ./layouts/_default/list.html
|
||||||
|
13 ./layouts/_default/terms.html
|
||||||
|
0 ./layouts/partials/foot_custom.html
|
||||||
|
0 ./layouts/partials/head_custom.html
|
||||||
|
9 ./layouts/partials/footer.html
|
||||||
|
20 ./layouts/partials/header.html
|
||||||
|
51 ./static/css/style.css
|
||||||
|
7 ./static/css/fonts.css
|
||||||
|
137 total
|
||||||
|
```
|
||||||
|
|
||||||
|
I can certainly further reduce the code, for example, by eliminating the CSS, but I believe a tiny bit of CSS can greatly improve readability. You cannot really find many CSS frameworks that only contain 50 lines of code.
|
||||||
|
|
||||||
|
[![Screenshot](https://github.com/yihui/hugo-xmin/raw/master/images/screenshot.png)](https://xmin.yihui.org)
|
4
themes/zmin-zm/archetypes/default.md
Normal file
4
themes/zmin-zm/archetypes/default.md
Normal file
@ -0,0 +1,4 @@
|
|||||||
|
---
|
||||||
|
title: ''
|
||||||
|
date: ''
|
||||||
|
---
|
40
themes/zmin-zm/exampleSite/config.yaml
Normal file
40
themes/zmin-zm/exampleSite/config.yaml
Normal file
@ -0,0 +1,40 @@
|
|||||||
|
baseurl: "/"
|
||||||
|
languageCode: "en-us"
|
||||||
|
title: "A minimal Hugo website"
|
||||||
|
theme: "hugo-xmin"
|
||||||
|
googleAnalytics: ""
|
||||||
|
disqusShortname: ""
|
||||||
|
ignoreFiles: ["\\.Rmd$", "\\.Rmarkdown$", "_cache$"]
|
||||||
|
footnotereturnlinkcontents: "↩"
|
||||||
|
|
||||||
|
permalinks:
|
||||||
|
note: "/note/:year/:month/:day/:slug/"
|
||||||
|
post: "/post/:year/:month/:day/:slug/"
|
||||||
|
|
||||||
|
menu:
|
||||||
|
main:
|
||||||
|
- name: Home
|
||||||
|
url: ""
|
||||||
|
weight: 1
|
||||||
|
- name: About
|
||||||
|
url: "about/"
|
||||||
|
weight: 2
|
||||||
|
- name: Categories
|
||||||
|
url: "categories/"
|
||||||
|
weight: 3
|
||||||
|
- name: Tags
|
||||||
|
url: "tags/"
|
||||||
|
weight: 4
|
||||||
|
- name: Subscribe
|
||||||
|
url: "index.xml"
|
||||||
|
|
||||||
|
params:
|
||||||
|
description: "A website built through Hugo and blogdown."
|
||||||
|
footer: "© [Yihui Xie](https://yihui.org) 2017 -- {Year} | [Github](https://github.com/yihui) | [Twitter](https://twitter.com/xieyihui)"
|
||||||
|
|
||||||
|
markup:
|
||||||
|
highlight:
|
||||||
|
codeFences: false
|
||||||
|
goldmark:
|
||||||
|
renderer:
|
||||||
|
unsafe: true
|
25
themes/zmin-zm/exampleSite/content/_index.Rmarkdown
Normal file
25
themes/zmin-zm/exampleSite/content/_index.Rmarkdown
Normal file
@ -0,0 +1,25 @@
|
|||||||
|
---
|
||||||
|
title: Home
|
||||||
|
---
|
||||||
|
|
||||||
|
[<img src="https://simpleicons.org/icons/github.svg" style="max-width:15%;min-width:40px;float:right;" alt="Github repo" />](https://github.com/yihui/hugo-xmin)
|
||||||
|
|
||||||
|
# HUGO XMIN
|
||||||
|
|
||||||
|
## _Keep it simple, but not simpler_
|
||||||
|
|
||||||
|
**XMin** is a Hugo theme written by [Yihui Xie](https://yihui.org) in about four hours: half an hour was spent on the Hugo templates, and 3.5 hours were spent on styling. The main motivation for writing this theme was to provide a really minimal example to beginners of Hugo templates. This XMin theme contains about 130 lines of code in total, including the code in HTML templates and CSS (also counting empty lines).
|
||||||
|
|
||||||
|
```{bash, comment='', echo=3, eval=Sys.which('bash') != '', message=FALSE}
|
||||||
|
cd ../..;
|
||||||
|
if [ ! -f 'theme.toml' ]; then exit 0; fi # only run find below within the theme example site
|
||||||
|
find . -not -path '*/exampleSite/*' \( -name '*.html' -o -name '*.css' \) | xargs wc -l
|
||||||
|
```
|
||||||
|
|
||||||
|
I can certainly further reduce the code, for example, by eliminating the CSS, but I believe a tiny bit of CSS can greatly improve readability. You cannot really find many CSS frameworks that only contain 50 lines of code.
|
||||||
|
|
||||||
|
Although it is a minimal theme, it is actually fully functional. It supports pages (including the home page), blog posts, a navigation menu, categories, tags, and RSS. With [a little bit customization](https://github.com/yihui/hugo-xmin/blob/master/exampleSite/layouts/partials/foot_custom.html), it can easily support LaTeX math expressions, e.g.,
|
||||||
|
|
||||||
|
`$${\sqrt {n}}\left(\left({\frac {1}{n}}\sum _{i=1}^{n}X_{i}\right)-\mu \right)\ {\xrightarrow {d}}\ N\left(0,\sigma ^{2}\right)$$`
|
||||||
|
|
||||||
|
All pages not under the root directory of the website are listed below. You can also visit the list page of a single section, e.g., [posts](/post/), or [notes](/note/). See the [About](/about/) page for the usage of this theme.
|
38
themes/zmin-zm/exampleSite/content/_index.markdown
Normal file
38
themes/zmin-zm/exampleSite/content/_index.markdown
Normal file
@ -0,0 +1,38 @@
|
|||||||
|
---
|
||||||
|
title: Home
|
||||||
|
---
|
||||||
|
|
||||||
|
[<img src="https://simpleicons.org/icons/github.svg" style="max-width:15%;min-width:40px;float:right;" alt="Github repo" />](https://github.com/yihui/hugo-xmin)
|
||||||
|
|
||||||
|
# HUGO XMIN
|
||||||
|
|
||||||
|
## _Keep it simple, but not simpler_
|
||||||
|
|
||||||
|
**XMin** is a Hugo theme written by [Yihui Xie](https://yihui.org) in about four hours: half an hour was spent on the Hugo templates, and 3.5 hours were spent on styling. The main motivation for writing this theme was to provide a really minimal example to beginners of Hugo templates. This XMin theme contains about 130 lines of code in total, including the code in HTML templates and CSS (also counting empty lines).
|
||||||
|
|
||||||
|
|
||||||
|
```bash
|
||||||
|
find . -not -path '*/exampleSite/*' \( -name '*.html' -o -name '*.css' \) | xargs wc -l
|
||||||
|
```
|
||||||
|
|
||||||
|
```
|
||||||
|
5 ./layouts/404.html
|
||||||
|
12 ./layouts/_default/single.html
|
||||||
|
20 ./layouts/_default/list.html
|
||||||
|
13 ./layouts/_default/terms.html
|
||||||
|
0 ./layouts/partials/foot_custom.html
|
||||||
|
0 ./layouts/partials/head_custom.html
|
||||||
|
9 ./layouts/partials/footer.html
|
||||||
|
20 ./layouts/partials/header.html
|
||||||
|
51 ./static/css/style.css
|
||||||
|
7 ./static/css/fonts.css
|
||||||
|
137 total
|
||||||
|
```
|
||||||
|
|
||||||
|
I can certainly further reduce the code, for example, by eliminating the CSS, but I believe a tiny bit of CSS can greatly improve readability. You cannot really find many CSS frameworks that only contain 50 lines of code.
|
||||||
|
|
||||||
|
Although it is a minimal theme, it is actually fully functional. It supports pages (including the home page), blog posts, a navigation menu, categories, tags, and RSS. With [a little bit customization](https://github.com/yihui/hugo-xmin/blob/master/exampleSite/layouts/partials/foot_custom.html), it can easily support LaTeX math expressions, e.g.,
|
||||||
|
|
||||||
|
`$${\sqrt {n}}\left(\left({\frac {1}{n}}\sum _{i=1}^{n}X_{i}\right)-\mu \right)\ {\xrightarrow {d}}\ N\left(0,\sigma ^{2}\right)$$`
|
||||||
|
|
||||||
|
All pages not under the root directory of the website are listed below. You can also visit the list page of a single section, e.g., [posts](/post/), or [notes](/note/). See the [About](/about/) page for the usage of this theme.
|
100
themes/zmin-zm/exampleSite/content/about.md
Normal file
100
themes/zmin-zm/exampleSite/content/about.md
Normal file
@ -0,0 +1,100 @@
|
|||||||
|
---
|
||||||
|
title: About Hugo XMin
|
||||||
|
author: Yihui Xie
|
||||||
|
---
|
||||||
|
|
||||||
|
**XMin** is the first Hugo theme I have designed. The original reason that I wrote it was I needed a minimal example of Hugo themes when I was writing the [**blogdown**](https://github.com/rstudio/blogdown) book. Basically I wanted a simple theme that supports a navigation menu, a home page, other single pages, lists of pages, blog posts, categories, tags, and RSS. That is all. Nothing fancy. In terms of CSS and JavaScript, I really want to keep them minimal. In fact, this theme does not contain any JavaScript code at all, although on this example website I did introduce some JavaScript code (still relatively simple anyway). The theme does not contain any images, either, and is pretty much a plain-text theme.
|
||||||
|
|
||||||
|
The theme name "XMin" can be interpreted as "**X**ie's **Min**imal theme" (Xie is my last name) or "e**X**tremely **Min**imal theme".
|
||||||
|
|
||||||
|
# config.yaml
|
||||||
|
|
||||||
|
For this example site, I defined permalinks for two sections, `post` and `note`, so that the links to pages under these directories will contain the date info, e.g., `https://xmin.yihui.org/post/2016/02/14/a-plain-markdown-post/`. This is optional, and it is up to your personal taste of URLs.
|
||||||
|
|
||||||
|
```yaml
|
||||||
|
permalinks:
|
||||||
|
note: "/note/:year/:month/:day/:slug/"
|
||||||
|
post: "/post/:year/:month/:day/:slug/"
|
||||||
|
```
|
||||||
|
|
||||||
|
You can define the menu through `menu.main`, e.g.,
|
||||||
|
|
||||||
|
```yaml
|
||||||
|
menu:
|
||||||
|
main:
|
||||||
|
- name: Home
|
||||||
|
url: ""
|
||||||
|
weight: 1
|
||||||
|
- name: About
|
||||||
|
url: "about/"
|
||||||
|
weight: 2
|
||||||
|
- name: Categories
|
||||||
|
url: "categories/"
|
||||||
|
weight: 3
|
||||||
|
- name: Tags
|
||||||
|
url: "tags/"
|
||||||
|
weight: 4
|
||||||
|
- name: Subscribe
|
||||||
|
url: "index.xml"
|
||||||
|
```
|
||||||
|
|
||||||
|
Alternatively, you can add `menu: main` to the YAML metadata of any of your pages, so that these pages will appear in the menu.
|
||||||
|
|
||||||
|
The page footer can be defined in `.Params.footer`, and the text is treated as Markdown, e.g.,
|
||||||
|
|
||||||
|
```
|
||||||
|
params:
|
||||||
|
footer: "© [Yihui Xie](https://yihui.org) 2017 -- {Year}"
|
||||||
|
```
|
||||||
|
|
||||||
|
Here `{Year}` means the year in which the site is built (usually the current year).
|
||||||
|
|
||||||
|
# Custom layouts
|
||||||
|
|
||||||
|
There are two layout files under `layouts/partials/` that you may want to override: `head_custom.html` and `foot_custom.html`. This is how you inject arbitrary HTML code to the head and foot areas. For example, this site has a file `layouts/partials/foot_custom.html` to support LaTeX math via MathJax and center images automatically:
|
||||||
|
|
||||||
|
```html
|
||||||
|
<script defer src="//yihui.org/js/math-code.js"></script>
|
||||||
|
<script defer src="//mathjax.rstudio.com/latest/MathJax.js?config=TeX-MML-AM_CHTML">
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<script defer src="//yihui.org/js/center-img.js"></script>
|
||||||
|
```
|
||||||
|
|
||||||
|
You can certainly enable highlight.js for syntax highlighting by yourself through `head_custom.html` and `foot_custom.html` if you want.
|
||||||
|
|
||||||
|
If you do not like the default fonts (e.g., `Palatino`), you may provide your own `static/css/fonts.css` under the root directory of your website to override the `fonts.css` in the theme.
|
||||||
|
|
||||||
|
# Other features
|
||||||
|
|
||||||
|
I could have added more features to this theme, but I decided not to, since I have no intention to make this theme feature-rich. However, I will teach you how. I have prepared several examples via pull requests at https://github.com/yihui/hugo-xmin/pulls, so that you can see the implementations of these features when you check out the diffs in the pull requests. For example, you can:
|
||||||
|
|
||||||
|
- [Enable Google Analytics](https://github.com/yihui/hugo-xmin/pull/3)
|
||||||
|
|
||||||
|
- [Enable Disqus comments](https://github.com/yihui/hugo-xmin/pull/4)
|
||||||
|
|
||||||
|
- [Enable highlight.js for syntax highlighting of code blocks](https://github.com/yihui/hugo-xmin/pull/5)
|
||||||
|
|
||||||
|
- [Display categories and tags on a page](https://github.com/yihui/hugo-xmin/pull/2)
|
||||||
|
|
||||||
|
- [Add a table of contents](https://github.com/yihui/hugo-xmin/pull/7)
|
||||||
|
|
||||||
|
- [Add a link in the footer of each page to "Edit this page" on Github](https://github.com/yihui/hugo-xmin/pull/6)
|
||||||
|
|
||||||
|
To fully understand these examples, you have to read [the section on Hugo templates](https://bookdown.org/yihui/blogdown/templates.html) in the **blogdown** book.
|
||||||
|
|
||||||
|
# Design philosophy
|
||||||
|
|
||||||
|
Lastly, a few words about my design philosophy for this theme: I have been relying on existing frameworks like Bootstrap for years since I'm not really a designer, and I was always scared by the complexity of CSS.
|
||||||
|
|
||||||
|
When I started writing this theme, I asked myself, "_What if I just write from scratch?_" No Bootstrap. No Normalize.css. I don't care about IE (life could be so much easier without IE) or inconsistencies among browsers (for personal websites). As long as the theme looks okay in Chrome, Firefox, and Safari, I'm done. Thanks to the simplicity of Markdown, you cannot really produce very complicated HTML, and I think styling the HTML output from Markdown is much simpler than general HTML documents. For example, I do not need to care much about form elements like textareas or buttons.
|
||||||
|
|
||||||
|
After I finished this theme, I started to wonder why I'd need `normalize.css` at all (it sounds like a religious belief). The default appearance of modern browsers actually looks pretty good in my eyes, after I tweak the typeface a little bit.
|
||||||
|
|
||||||
|
Compared to inconsistencies across browsers, I care much more about these properties of HTML elements:
|
||||||
|
|
||||||
|
- Tables should always be centered, and striped tables are easier to read especially when they are wide. Tables should not have vertical borders.
|
||||||
|
- An image should be centered if it is the only child element of a paragraph.
|
||||||
|
- The `max-width` of images, videos, and iframes should be `100%`.
|
||||||
|
|
||||||
|
I hope you can enjoy this theme. The source code is [on Github](https://github.com/yihui/hugo-xmin). Happy hacking!
|
@ -0,0 +1,15 @@
|
|||||||
|
---
|
||||||
|
title: A Quick Note on Two Beautiful Websites
|
||||||
|
author: Yihui Xie
|
||||||
|
date: '2017-06-13'
|
||||||
|
categories:
|
||||||
|
- Example
|
||||||
|
slug: a-quick-note
|
||||||
|
---
|
||||||
|
|
||||||
|
To me, the two most impressive websites based on **blogdown** are:
|
||||||
|
|
||||||
|
1. [Rob J Hyndman](https://robjhyndman.com)'s personal website.
|
||||||
|
1. [Live Free or Dichotomize](http://livefreeordichotomize.com) by Lucy and Nick _et al_.
|
||||||
|
|
||||||
|
I'm sure there will be more.
|
@ -0,0 +1,14 @@
|
|||||||
|
---
|
||||||
|
title: Another Note on A blogdown Tutorial
|
||||||
|
author: Yihui Xie
|
||||||
|
date: '2017-06-14'
|
||||||
|
categories:
|
||||||
|
- Example
|
||||||
|
tags:
|
||||||
|
- Tutorial
|
||||||
|
slug: another-note
|
||||||
|
---
|
||||||
|
|
||||||
|
I just discovered [an awesome tutorial](https://www.apreshill.com/blog/2020-12-new-year-new-blogdown/) on **blogdown** written by Alison. I have to admit this is _the_ best **blogdown** tutorial I have seen so far.
|
||||||
|
|
||||||
|
![Alison's blogdown tutorial](https://www.apreshill.com/blog/2020-12-new-year-new-blogdown/03-blogdown-2021.png)
|
@ -0,0 +1,18 @@
|
|||||||
|
---
|
||||||
|
title: Lorem Ipsum
|
||||||
|
date: '2015-07-23'
|
||||||
|
categories:
|
||||||
|
- Example
|
||||||
|
tags:
|
||||||
|
- Markdown
|
||||||
|
---
|
||||||
|
|
||||||
|
**Lorem ipsum** dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore _magna aliqua_. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
|
||||||
|
|
||||||
|
Quisque mattis volutpat lorem vitae feugiat. Praesent porta est quis porta imperdiet. Aenean porta, mi non cursus volutpat, mi est mollis libero, id suscipit orci urna a augue. In fringilla euismod lacus, vitae tristique massa ultricies vitae. Mauris accumsan ligula tristique, viverra nulla sed, porta sapien. Vestibulum facilisis nec nisl blandit convallis. Maecenas venenatis porta malesuada. Ut ac erat tortor. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla sodales quam sit amet tincidunt egestas. In et turpis at orci vestibulum ullamcorper. Aliquam sed ante libero. Sed hendrerit arcu lacus.
|
||||||
|
|
||||||
|
> Sed luctus volutpat sem in dapibus. Ut pellentesque vitae magna ac mattis. Sed vestibulum, nulla at condimentum semper, magna quam posuere dui, quis sagittis enim nisi eget ex. Vivamus tempor erat a sem dapibus porta. Fusce varius dapibus tempus. Nam bibendum dignissim fringilla. Phasellus eu justo facilisis, ullamcorper urna in, feugiat mauris. Quisque dignissim purus vitae ullamcorper scelerisque. Sed at magna at nisi consequat euismod. Curabitur justo ex, efficitur in fermentum luctus, tincidunt nec lectus. Aliquam a neque metus. Etiam nulla nunc, tristique vitae accumsan ullamcorper, placerat eget nunc. Cras porta eleifend dolor maximus molestie. Etiam vitae pellentesque turpis, quis accumsan ligula. Mauris auctor, nisi nec ullamcorper pulvinar, libero magna sagittis enim, sollicitudin dignissim urna justo et tortor.
|
||||||
|
|
||||||
|
Morbi non sem euismod, suscipit purus id, gravida velit. Quisque mollis luctus ligula non suscipit. Curabitur massa arcu, aliquam ac dolor a, pellentesque dignissim dui. Donec at vestibulum magna. Quisque fermentum, tortor id sodales egestas, ligula ligula interdum ipsum, et volutpat elit massa vitae nibh. Morbi eleifend libero quis pretium viverra. Etiam congue, velit ac vestibulum finibus, velit nibh fringilla purus, eu semper dui est eu nunc. Etiam feugiat scelerisque diam vitae sodales. Etiam luctus in urna eu lobortis. Nam vestibulum eros et nibh elementum ullamcorper. Nam tristique porttitor orci, nec pretium est vestibulum at. Quisque posuere semper orci, vel semper justo commodo sed. Nullam accumsan risus rhoncus fringilla porta. Morbi interdum condimentum pharetra. Donec eu elit quam. Vivamus eleifend posuere mi, vel accumsan urna sollicitudin ut.
|
||||||
|
|
||||||
|
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nulla nec nunc felis. Sed bibendum vel leo id semper. Maecenas vitae iaculis ante. Nam ut tempor est, eu molestie augue. Quisque tincidunt sagittis odio sed tristique. Aenean et felis quis mi viverra consequat.
|
@ -0,0 +1,127 @@
|
|||||||
|
---
|
||||||
|
title: A Plain Markdown Post
|
||||||
|
author: Yihui Xie
|
||||||
|
date: '2016-02-14'
|
||||||
|
categories:
|
||||||
|
- Example
|
||||||
|
- Hugo
|
||||||
|
tags:
|
||||||
|
- blogdown
|
||||||
|
- Markdown
|
||||||
|
- MathJax
|
||||||
|
- Pandoc
|
||||||
|
- RStudio
|
||||||
|
---
|
||||||
|
|
||||||
|
This sample post is mainly for
|
||||||
|
[**blogdown**](https://github.com/rstudio/blogdown) users. If you do not use
|
||||||
|
**blogdown**, you can skip the first section.
|
||||||
|
|
||||||
|
# 1. Markdown or R Markdown
|
||||||
|
|
||||||
|
This is a post written in plain Markdown (`*.md`) instead of R Markdown
|
||||||
|
(`*.Rmd`). The major differences are:
|
||||||
|
|
||||||
|
1. You cannot run any R code in a plain Markdown document, whereas in an R
|
||||||
|
Markdown document, you can embed R code chunks (```` ```{r} ````);
|
||||||
|
2. A plain Markdown post is rendered through
|
||||||
|
[Blackfriday](https://gohugo.io/overview/configuration/), and an R Markdown
|
||||||
|
document is compiled by [**rmarkdown**](http://rmarkdown.rstudio.com) and
|
||||||
|
[Pandoc](http://pandoc.org).
|
||||||
|
|
||||||
|
There are many differences in syntax between Blackfriday's Markdown and Pandoc's
|
||||||
|
Markdown. For example, you can write a task list with Blackfriday but not with
|
||||||
|
Pandoc:
|
||||||
|
|
||||||
|
- [x] Write an R package.
|
||||||
|
- [ ] Write a book.
|
||||||
|
- [ ] ...
|
||||||
|
- [ ] Profit!
|
||||||
|
|
||||||
|
Similarly, Blackfriday does not support LaTeX math and Pandoc does. I have added
|
||||||
|
the MathJax support to this theme
|
||||||
|
([hugo-xmin](https://github.com/yihui/hugo-xmin)) but there is a caveat for
|
||||||
|
plain Markdown posts: you have to include math expressions in a pair of
|
||||||
|
backticks (inline: `` `$ $` ``; display style: `` `$$ $$` ``), e.g.,
|
||||||
|
`$S_n = \sum_{i=1}^n X_i$`.[^1] For R Markdown posts, you do not need the
|
||||||
|
backticks, because Pandoc can identify and process math expressions.
|
||||||
|
|
||||||
|
[^1]: This is because we have to protect the math expressions from being
|
||||||
|
interpreted as Markdown.
|
||||||
|
|
||||||
|
When creating a new post, you have to decide whether the post format is Markdown
|
||||||
|
or R Markdown, and this can be done via the `rmd` argument of the function
|
||||||
|
`blogdown::new_post()`, e.g.
|
||||||
|
|
||||||
|
``` r
|
||||||
|
blogdown::new_post("Post Title", rmd = FALSE)
|
||||||
|
```
|
||||||
|
|
||||||
|
Actually I recommend you to use the RStudio addin "New Post" instead:
|
||||||
|
|
||||||
|
![RStudio addin New Post](https://bookdown.org/yihui/blogdown/images/new-post.png)
|
||||||
|
|
||||||
|
# 2. Sample Text
|
||||||
|
|
||||||
|
## Second-level header
|
||||||
|
|
||||||
|
### Third-level header
|
||||||
|
|
||||||
|
#### Fourth-level header
|
||||||
|
|
||||||
|
A paragraph (with a footnote):
|
||||||
|
|
||||||
|
**Lorem ipsum** dolor sit amet, consectetur adipiscing elit, sed do eiusmod
|
||||||
|
tempor incididunt ut labore et dolore *magna aliqua*. Ut enim ad minim veniam,
|
||||||
|
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
|
||||||
|
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum
|
||||||
|
dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident,
|
||||||
|
sunt in culpa qui officia deserunt mollit anim id est laborum.[^2]
|
||||||
|
|
||||||
|
[^2]: I'm sure you are bored by the text here.
|
||||||
|
|
||||||
|
A blockquote (a gray bar at the left and lightgray background):
|
||||||
|
|
||||||
|
> Quisque mattis volutpat lorem vitae feugiat. Praesent porta est quis porta
|
||||||
|
> imperdiet. Aenean porta, mi non cursus volutpat, mi est mollis libero, id
|
||||||
|
> suscipit orci urna a augue. In fringilla euismod lacus, vitae tristique massa
|
||||||
|
> ultricies vitae. Mauris accumsan ligula tristique, viverra nulla sed, porta
|
||||||
|
> sapien. Vestibulum facilisis nec nisl blandit convallis. Maecenas venenatis
|
||||||
|
> porta malesuada. Ut ac erat tortor. Orci varius natoque penatibus et magnis
|
||||||
|
> dis parturient montes, nascetur ridiculus mus. Nulla sodales quam sit amet
|
||||||
|
> tincidunt egestas. In et turpis at orci vestibulum ullamcorper. Aliquam sed
|
||||||
|
> ante libero. Sed hendrerit arcu lacus.
|
||||||
|
|
||||||
|
Some code (with a drop-shadow effect):
|
||||||
|
|
||||||
|
``` js
|
||||||
|
(function() {
|
||||||
|
var quotes = document.getElementsByTagName('blockquote'), i, quote;
|
||||||
|
for (i = 0; i < quotes.length; i++) {
|
||||||
|
quote = quotes[i];
|
||||||
|
var n = quote.children.length;
|
||||||
|
if (n === 0) continue;
|
||||||
|
var el = quote.children[n - 1];
|
||||||
|
if (!el || el.nodeName !== 'P') continue;
|
||||||
|
// right-align a quote footer if it starts with ---
|
||||||
|
if (/^—/.test(el.textContent)) el.style.textAlign = 'right';
|
||||||
|
}
|
||||||
|
})();
|
||||||
|
```
|
||||||
|
|
||||||
|
A table (centered by default):
|
||||||
|
|
||||||
|
| Sepal.Length | Sepal.Width | Petal.Length | Petal.Width | Species |
|
||||||
|
|-------------:|------------:|-------------:|------------:|:--------|
|
||||||
|
| 5.1 | 3.5 | 1.4 | 0.2 | setosa |
|
||||||
|
| 4.9 | 3.0 | 1.4 | 0.2 | setosa |
|
||||||
|
| 4.7 | 3.2 | 1.3 | 0.2 | setosa |
|
||||||
|
| 4.6 | 3.1 | 1.5 | 0.2 | setosa |
|
||||||
|
| 5.0 | 3.6 | 1.4 | 0.2 | setosa |
|
||||||
|
| 5.4 | 3.9 | 1.7 | 0.4 | setosa |
|
||||||
|
|
||||||
|
An image (automatically centered when it is appropriate):
|
||||||
|
|
||||||
|
![Happy Elmo](https://slides.yihui.org/gif/happy-elmo.gif)
|
||||||
|
|
||||||
|
Looks good?
|
@ -0,0 +1,4 @@
|
|||||||
|
<script defer src="//yihui.org/js/math-code.js"></script>
|
||||||
|
<script defer src="//mathjax.rstudio.com/latest/MathJax.js?config=TeX-MML-AM_CHTML"></script>
|
||||||
|
|
||||||
|
<script defer src="//yihui.org/js/center-img.js"></script>
|
16
themes/zmin-zm/hugo-xmin.Rproj
Normal file
16
themes/zmin-zm/hugo-xmin.Rproj
Normal file
@ -0,0 +1,16 @@
|
|||||||
|
Version: 1.0
|
||||||
|
|
||||||
|
RestoreWorkspace: Default
|
||||||
|
SaveWorkspace: Default
|
||||||
|
AlwaysSaveHistory: Default
|
||||||
|
|
||||||
|
EnableCodeIndexing: Yes
|
||||||
|
UseSpacesForTab: Yes
|
||||||
|
NumSpacesForTab: 2
|
||||||
|
Encoding: UTF-8
|
||||||
|
|
||||||
|
RnwWeave: knitr
|
||||||
|
LaTeX: pdfLaTeX
|
||||||
|
|
||||||
|
AutoAppendNewline: Yes
|
||||||
|
StripTrailingWhitespace: Yes
|
BIN
themes/zmin-zm/images/screenshot.png
Normal file
BIN
themes/zmin-zm/images/screenshot.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 36 KiB |
BIN
themes/zmin-zm/images/tn.png
Normal file
BIN
themes/zmin-zm/images/tn.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 21 KiB |
5
themes/zmin-zm/layouts/404.html
Normal file
5
themes/zmin-zm/layouts/404.html
Normal file
@ -0,0 +1,5 @@
|
|||||||
|
{{ partial "header.html" . }}
|
||||||
|
|
||||||
|
404 NOT FOUND
|
||||||
|
|
||||||
|
{{ partial "footer.html" . }}
|
20
themes/zmin-zm/layouts/_default/list.html
Normal file
20
themes/zmin-zm/layouts/_default/list.html
Normal file
@ -0,0 +1,20 @@
|
|||||||
|
{{ partial "header.html" . }}
|
||||||
|
|
||||||
|
{{if not .IsHome }}
|
||||||
|
<h1>{{ .Title | markdownify }}</h1>
|
||||||
|
{{ end }}
|
||||||
|
|
||||||
|
{{ .Content }}
|
||||||
|
|
||||||
|
<ul>
|
||||||
|
{{ $pages := .Pages }}
|
||||||
|
{{ if .IsHome }}{{ $pages = .Site.RegularPages }}{{ end }}
|
||||||
|
{{ range (where $pages "Section" "!=" "") }}
|
||||||
|
<li>
|
||||||
|
<span class="date">{{ .Date.Format "2006/01/02" }}</span>
|
||||||
|
<a href="{{ .RelPermalink }}">{{ .Title | markdownify }}</a>
|
||||||
|
</li>
|
||||||
|
{{ end }}
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
{{ partial "footer.html" . }}
|
12
themes/zmin-zm/layouts/_default/single.html
Normal file
12
themes/zmin-zm/layouts/_default/single.html
Normal file
@ -0,0 +1,12 @@
|
|||||||
|
{{ partial "header.html" . }}
|
||||||
|
<div class="article-meta">
|
||||||
|
<h1><span class="title">{{ .Title | markdownify }}</span></h1>
|
||||||
|
{{ with .Params.author }}<h2 class="author">{{ . }}</h2>{{ end }}
|
||||||
|
{{ if (gt .Params.date 0) }}<h2 class="date">{{ .Date.Format "2006/01/02" }}</h2>{{ end }}
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<main>
|
||||||
|
{{ .Content }}
|
||||||
|
</main>
|
||||||
|
|
||||||
|
{{ partial "footer.html" . }}
|
13
themes/zmin-zm/layouts/_default/terms.html
Normal file
13
themes/zmin-zm/layouts/_default/terms.html
Normal file
@ -0,0 +1,13 @@
|
|||||||
|
{{ partial "header.html" . }}
|
||||||
|
|
||||||
|
<h1>{{ .Title }}</h1>
|
||||||
|
|
||||||
|
<ul class="terms">
|
||||||
|
{{ range .Data.Terms }}
|
||||||
|
<li>
|
||||||
|
<a href="{{ .Page.RelPermalink }}">{{ .Page.Title }}</a> ({{ .Count }})
|
||||||
|
</li>
|
||||||
|
{{ end }}
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
{{ partial "footer.html" . }}
|
9
themes/zmin-zm/layouts/partials/footer.html
Normal file
9
themes/zmin-zm/layouts/partials/footer.html
Normal file
@ -0,0 +1,9 @@
|
|||||||
|
<footer>
|
||||||
|
{{ partial "foot_custom.html" . }}
|
||||||
|
{{ with .Site.Params.footer }}
|
||||||
|
<hr/>
|
||||||
|
{{ replace . "{Year}" now.Year | markdownify}}
|
||||||
|
{{ end }}
|
||||||
|
</footer>
|
||||||
|
</body>
|
||||||
|
</html>
|
0
themes/zmin-zm/layouts/partials/head_custom.html
Normal file
0
themes/zmin-zm/layouts/partials/head_custom.html
Normal file
21
themes/zmin-zm/layouts/partials/header.html
Normal file
21
themes/zmin-zm/layouts/partials/header.html
Normal file
@ -0,0 +1,21 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="{{ .Site.LanguageCode }}">
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
|
<title>{{ .Title }} | {{ .Site.Title }}</title>
|
||||||
|
<link rel="stylesheet" href="{{ "css/style.css" | relURL }}" />
|
||||||
|
<link rel="stylesheet" href="{{ "css/fonts.css" | relURL }}" />
|
||||||
|
{{ partial "head_custom.html" . }}
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<nav>
|
||||||
|
<ul class="menu">
|
||||||
|
<h1>{{ .Site.Title }}</h1>
|
||||||
|
{{ range .Site.Menus.main }}
|
||||||
|
<li><a href="{{ .URL }}">{{ .Name }}</a></li>
|
||||||
|
{{ end }}
|
||||||
|
</ul>
|
||||||
|
<hr/>
|
||||||
|
</nav>
|
9
themes/zmin-zm/static/css/fonts.css
Normal file
9
themes/zmin-zm/static/css/fonts.css
Normal file
@ -0,0 +1,9 @@
|
|||||||
|
body {
|
||||||
|
font-family: Verdana,sans-serif;
|
||||||
|
font-size: 100%;
|
||||||
|
line-height: 1.5;
|
||||||
|
}
|
||||||
|
code {
|
||||||
|
font-family: monospace;
|
||||||
|
font-size: 100%;
|
||||||
|
}
|
61
themes/zmin-zm/static/css/style.css
Normal file
61
themes/zmin-zm/static/css/style.css
Normal file
@ -0,0 +1,61 @@
|
|||||||
|
body {
|
||||||
|
max-width: 800px;
|
||||||
|
margin: auto;
|
||||||
|
padding: 1em;
|
||||||
|
line-height: 1.5;
|
||||||
|
background: #0e0e11;
|
||||||
|
color:#fbfaff;
|
||||||
|
}
|
||||||
|
|
||||||
|
a {
|
||||||
|
color: #49b6ff;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* header and footer areas */
|
||||||
|
.menu { padding: 0; }
|
||||||
|
.menu li { display: inline-block;}
|
||||||
|
.article-meta, .menu a {
|
||||||
|
text-decoration: none;
|
||||||
|
background:#232629;
|
||||||
|
padding: 5px;
|
||||||
|
border-radius: 5px;
|
||||||
|
}
|
||||||
|
.menu h1 {
|
||||||
|
border-left: 4px solid #4677ff;
|
||||||
|
}
|
||||||
|
.menu a:hover {
|
||||||
|
border-bottom: solid #4677ff;
|
||||||
|
}
|
||||||
|
.article-meta, footer { text-align: center;}
|
||||||
|
.title { font-size: 1.1em; }
|
||||||
|
footer a { text-decoration: none; }
|
||||||
|
hr {
|
||||||
|
border-style: dashed;
|
||||||
|
color: #ddd;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* code */
|
||||||
|
pre {
|
||||||
|
border: 1px solid #ddd;
|
||||||
|
/*box-shadow: 5px 5px 5px #eee;*/
|
||||||
|
padding: 1em;
|
||||||
|
overflow-x: auto;
|
||||||
|
}
|
||||||
|
code { background: #292929; }
|
||||||
|
pre code { background: none; }
|
||||||
|
|
||||||
|
/* misc elements */
|
||||||
|
img, iframe, video { max-width: 100%; }
|
||||||
|
main { hyphens: auto; }
|
||||||
|
blockquote {
|
||||||
|
background: #f9f9f9;
|
||||||
|
border-left: 5px solid #ccc;
|
||||||
|
padding: 3px 1em 3px;
|
||||||
|
}
|
||||||
|
|
||||||
|
table {
|
||||||
|
margin: auto;
|
||||||
|
}
|
||||||
|
table thead th { border-bottom: 1px solid #2f3035; }
|
||||||
|
th, td { padding: 5px; }
|
||||||
|
thead, tfoot, tr:nth-child(even) { background: #0e0e11; }
|
12
themes/zmin-zm/theme.toml
Normal file
12
themes/zmin-zm/theme.toml
Normal file
@ -0,0 +1,12 @@
|
|||||||
|
name = "ZMin"
|
||||||
|
license = "MIT"
|
||||||
|
licenselink = "https://github.com/yihui/hugo-xmin/blob/master/LICENSE.md"
|
||||||
|
description = "eXtremely Minimal Hugo theme: about 150 lines of code in total, including HTML and CSS"
|
||||||
|
homepage = "https://xmin.yihui.org"
|
||||||
|
tags = ["minimal", "blog", "personal", "clean", "simple", "starter", "minimalist"]
|
||||||
|
features = ["blog"]
|
||||||
|
min_version = "0.18"
|
||||||
|
|
||||||
|
[author]
|
||||||
|
name = "Yihui Xie"
|
||||||
|
homepage = "https://yihui.org"
|
Loading…
Reference in New Issue
Block a user