├── release ├── README_CN.md └── img │ ├── about.png │ ├── home.png │ ├── logo.jpg │ ├── post.png │ ├── tags.jpg │ ├── archive.jpg │ ├── content-2.jpg │ └── github-project.png ├── .gitignore ├── exampleSite ├── layouts │ └── .gitkeep ├── static │ └── .gitkeep ├── resources │ └── .gitkeep ├── content │ ├── about │ │ ├── img │ │ │ └── about-head.jpg │ │ └── _index.md │ └── posts │ │ ├── rich-content.md │ │ ├── hugoisforlovers │ │ └── index.md │ │ ├── emoji-support.md │ │ ├── math-typesetting.md │ │ ├── placeholder-text.md │ │ └── markdown-syntax.md ├── archetypes │ └── default.md └── config.toml ├── layouts ├── partials │ ├── header.html │ ├── profile.html │ ├── utteranc.html │ ├── nav.html │ ├── footer.html │ ├── head.html │ ├── post-list.html │ └── social.html ├── _default │ ├── baseof.html │ ├── list.html │ ├── terms.html │ └── single.html ├── index.html ├── shortcodes │ └── github-project.html ├── section │ └── about.html └── 404.html ├── images ├── tn.png └── screenshot.png ├── static ├── images │ ├── 404.gif │ ├── avatar.png │ └── favicon.ico ├── fonts │ ├── Roboto-Black.ttf │ ├── Roboto-Bold.ttf │ ├── Roboto-Light.ttf │ ├── Roboto-Thin.ttf │ ├── Roboto-Italic.ttf │ ├── Roboto-Medium.ttf │ ├── Roboto-Regular.ttf │ ├── Roboto-BoldItalic.ttf │ ├── Roboto-ThinItalic.ttf │ ├── Roboto-BlackItalic.ttf │ ├── Roboto-LightItalic.ttf │ ├── Roboto-MediumItalic.ttf │ ├── open-sans-v17-latin-ext_latin-700.woff2 │ ├── open-sans-v17-latin-ext_latin-italic.woff2 │ ├── open-sans-v17-latin-ext_latin-regular.woff2 │ ├── open-sans-v17-latin-ext_latin-700italic.woff2 │ └── LICENSE.txt └── css │ ├── highlight.css │ └── style.css ├── img └── github-project.png ├── archetypes └── default.md ├── theme.toml ├── README_ZH.md └── README.md /release/README_CN.md: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | .DS_store 2 | -------------------------------------------------------------------------------- /exampleSite/layouts/.gitkeep: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /exampleSite/static/.gitkeep: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /exampleSite/resources/.gitkeep: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /layouts/partials/header.html: -------------------------------------------------------------------------------- 1 |
-------------------------------------------------------------------------------- /images/tn.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vran-dev/hugo-zenHo/HEAD/images/tn.png -------------------------------------------------------------------------------- /images/screenshot.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vran-dev/hugo-zenHo/HEAD/images/screenshot.png -------------------------------------------------------------------------------- /release/img/about.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vran-dev/hugo-zenHo/HEAD/release/img/about.png -------------------------------------------------------------------------------- /release/img/home.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vran-dev/hugo-zenHo/HEAD/release/img/home.png -------------------------------------------------------------------------------- /release/img/logo.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vran-dev/hugo-zenHo/HEAD/release/img/logo.jpg -------------------------------------------------------------------------------- /release/img/post.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vran-dev/hugo-zenHo/HEAD/release/img/post.png -------------------------------------------------------------------------------- /release/img/tags.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vran-dev/hugo-zenHo/HEAD/release/img/tags.jpg -------------------------------------------------------------------------------- /static/images/404.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vran-dev/hugo-zenHo/HEAD/static/images/404.gif -------------------------------------------------------------------------------- /img/github-project.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vran-dev/hugo-zenHo/HEAD/img/github-project.png -------------------------------------------------------------------------------- /release/img/archive.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vran-dev/hugo-zenHo/HEAD/release/img/archive.jpg -------------------------------------------------------------------------------- /static/images/avatar.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vran-dev/hugo-zenHo/HEAD/static/images/avatar.png -------------------------------------------------------------------------------- /release/img/content-2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vran-dev/hugo-zenHo/HEAD/release/img/content-2.jpg -------------------------------------------------------------------------------- /static/images/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vran-dev/hugo-zenHo/HEAD/static/images/favicon.ico -------------------------------------------------------------------------------- /static/fonts/Roboto-Black.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vran-dev/hugo-zenHo/HEAD/static/fonts/Roboto-Black.ttf -------------------------------------------------------------------------------- /static/fonts/Roboto-Bold.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vran-dev/hugo-zenHo/HEAD/static/fonts/Roboto-Bold.ttf -------------------------------------------------------------------------------- /static/fonts/Roboto-Light.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vran-dev/hugo-zenHo/HEAD/static/fonts/Roboto-Light.ttf -------------------------------------------------------------------------------- /static/fonts/Roboto-Thin.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vran-dev/hugo-zenHo/HEAD/static/fonts/Roboto-Thin.ttf -------------------------------------------------------------------------------- /release/img/github-project.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vran-dev/hugo-zenHo/HEAD/release/img/github-project.png -------------------------------------------------------------------------------- /static/fonts/Roboto-Italic.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vran-dev/hugo-zenHo/HEAD/static/fonts/Roboto-Italic.ttf -------------------------------------------------------------------------------- /static/fonts/Roboto-Medium.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vran-dev/hugo-zenHo/HEAD/static/fonts/Roboto-Medium.ttf -------------------------------------------------------------------------------- /static/fonts/Roboto-Regular.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vran-dev/hugo-zenHo/HEAD/static/fonts/Roboto-Regular.ttf -------------------------------------------------------------------------------- /static/fonts/Roboto-BoldItalic.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vran-dev/hugo-zenHo/HEAD/static/fonts/Roboto-BoldItalic.ttf -------------------------------------------------------------------------------- /static/fonts/Roboto-ThinItalic.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vran-dev/hugo-zenHo/HEAD/static/fonts/Roboto-ThinItalic.ttf -------------------------------------------------------------------------------- /static/fonts/Roboto-BlackItalic.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vran-dev/hugo-zenHo/HEAD/static/fonts/Roboto-BlackItalic.ttf -------------------------------------------------------------------------------- /static/fonts/Roboto-LightItalic.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vran-dev/hugo-zenHo/HEAD/static/fonts/Roboto-LightItalic.ttf -------------------------------------------------------------------------------- /static/fonts/Roboto-MediumItalic.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vran-dev/hugo-zenHo/HEAD/static/fonts/Roboto-MediumItalic.ttf -------------------------------------------------------------------------------- /exampleSite/content/about/img/about-head.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vran-dev/hugo-zenHo/HEAD/exampleSite/content/about/img/about-head.jpg -------------------------------------------------------------------------------- /static/fonts/open-sans-v17-latin-ext_latin-700.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vran-dev/hugo-zenHo/HEAD/static/fonts/open-sans-v17-latin-ext_latin-700.woff2 -------------------------------------------------------------------------------- /static/fonts/open-sans-v17-latin-ext_latin-italic.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vran-dev/hugo-zenHo/HEAD/static/fonts/open-sans-v17-latin-ext_latin-italic.woff2 -------------------------------------------------------------------------------- /static/fonts/open-sans-v17-latin-ext_latin-regular.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vran-dev/hugo-zenHo/HEAD/static/fonts/open-sans-v17-latin-ext_latin-regular.woff2 -------------------------------------------------------------------------------- /static/fonts/open-sans-v17-latin-ext_latin-700italic.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vran-dev/hugo-zenHo/HEAD/static/fonts/open-sans-v17-latin-ext_latin-700italic.woff2 -------------------------------------------------------------------------------- /archetypes/default.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: "{{ replace .TranslationBaseName "-" " " | title }}" 3 | date: {{ .Date }} 4 | tags: [""] 5 | draft: false 6 | description: "" 7 | figure: "" 8 | --- -------------------------------------------------------------------------------- /exampleSite/archetypes/default.md: -------------------------------------------------------------------------------- 1 | +++ 2 | title = "{{ replace .TranslationBaseName "-" " " | title }}" 3 | date = {{ .Date }} 4 | tags = [""] 5 | draft = false 6 | description: "" 7 | figure: "" 8 | +++ 9 | -------------------------------------------------------------------------------- /layouts/_default/baseof.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | {{- partial "head.html" . -}} 4 | 5 | {{- partial "header.html" . -}} 6 |
7 | {{- block "main" . }}{{- end }} 8 |
9 | {{- partial "footer.html" . -}} 10 | 11 | 12 | -------------------------------------------------------------------------------- /layouts/partials/profile.html: -------------------------------------------------------------------------------- 1 |
2 |
3 | 4 |
5 |
6 |

{{ .Site.Title }}

7 |

{{ .Site.Params.bio }}

8 |
9 |
10 | 11 |
-------------------------------------------------------------------------------- /layouts/partials/utteranc.html: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /layouts/index.html: -------------------------------------------------------------------------------- 1 | {{ partial "head.html" . }} 2 | 3 |
4 | {{ partial "nav.html" . }} 5 | 6 | {{ partial "profile.html" . }} 7 | 8 | {{ partial "post-list.html" . }} 9 | 10 | {{ partial "social.html" . }} 11 |
12 | {{ partial "footer.html" . }} 13 | 14 | 15 | -------------------------------------------------------------------------------- /layouts/shortcodes/github-project.html: -------------------------------------------------------------------------------- 1 |
2 | 3 | {{ .Get "repo"}} 4 | 5 |
-------------------------------------------------------------------------------- /layouts/section/about.html: -------------------------------------------------------------------------------- 1 | {{ partial "head.html" . }} 2 | 3 | 4 |
5 | {{ partial "nav.html" . }} 6 | 7 | {{ partial "profile.html" . }} 8 | 9 |
10 | {{ .Content }} 11 |
12 | 13 | {{ partial "social.html" . }} 14 | 15 |
16 | 17 | 18 | {{ partial "footer.html" . }} 19 | 20 | 21 | 22 | -------------------------------------------------------------------------------- /layouts/404.html: -------------------------------------------------------------------------------- 1 | 2 | {{ partial "head.html" . }} 3 | 4 | 5 |
6 | {{ partial "nav.html" . }} 7 | 8 | 9 | 10 |
11 | 404 12 |
13 |
14 | This page is missing, you can go home 15 | 16 | 17 |
18 | 19 | {{ partial "social.html" . }} 20 |
21 | 22 | {{ partial "footer.html" . }} 23 | -------------------------------------------------------------------------------- /layouts/partials/nav.html: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /exampleSite/content/posts/rich-content.md: -------------------------------------------------------------------------------- 1 | +++ 2 | author = "Hugo Authors" 3 | title = "Rich Content" 4 | date = "2019-03-10" 5 | description = "A brief description of Hugo Shortcodes" 6 | tags = [ 7 | "shortcodes", 8 | "privacy", 9 | ] 10 | +++ 11 | 12 | Hugo ships with several [Built-in Shortcodes](https://gohugo.io/content-management/shortcodes/#use-hugos-built-in-shortcodes) for rich content, along with a [Privacy Config](https://gohugo.io/about/hugo-and-gdpr/) and a set of Simple Shortcodes that enable static and no-JS versions of various social media embeds. 13 | 14 | --- 15 | 16 | ## YouTube Privacy Enhanced Shortcode 17 | 18 | 19 | 20 |
21 | 22 | --- 23 | 24 | ## Twitter Simple Shortcode 25 | 26 | 27 | 28 |
29 | 30 | --- 31 | 32 | ## Vimeo Simple Shortcode 33 | 34 | 35 | -------------------------------------------------------------------------------- /layouts/partials/footer.html: -------------------------------------------------------------------------------- 1 | 11 | 12 | {{ if .Site.Params.enableBaiduAnalytics }} 13 | 23 | {{ end }} -------------------------------------------------------------------------------- /layouts/_default/list.html: -------------------------------------------------------------------------------- 1 | {{ partial "head.html" . }} 2 | 3 | 4 |
5 | {{ partial "nav.html" . }} 6 | 7 | {{ partial "profile.html" . }} 8 | 9 | {{ range .Data.Pages.GroupByDate "2006" }} 10 | 11 |
12 |

{{ .Key }}

13 | 23 |
24 | {{ end }} 25 | 26 | {{ partial "social.html" . }} 27 | 28 |
29 | {{ partial "footer.html" . }} 30 | 31 | 32 | -------------------------------------------------------------------------------- /layouts/_default/terms.html: -------------------------------------------------------------------------------- 1 | 2 | {{ partial "head.html" . }} 3 | 4 |
5 | {{ partial "nav.html" . }} 6 | 7 | {{ partial "profile.html" . }} 8 | 9 |
10 | 22 |
23 | 24 | {{ partial "social.html" . }} 25 |
26 | {{ partial "footer.html" . }} 27 | 28 | 29 | 30 | 31 | 32 | -------------------------------------------------------------------------------- /layouts/partials/head.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | {{ with .Site.Params.googleSiteVerificationToken }} 9 | 10 | {{ end }} 11 | 12 | {{ with .Site.Params.author }}{{ end }} 13 | {{ with .Site.Params.description }}{{ end }} 14 | {{ hugo.Generator }} 15 | {{ if .IsHome }}{{ .Title }}{{ else }}{{ .Title }} · {{ .Site.Title }}{{ end }} 16 | 17 | 18 | 19 | 20 | -------------------------------------------------------------------------------- /exampleSite/config.toml: -------------------------------------------------------------------------------- 1 | baseURL = "https://example.com" 2 | languageCode = "en-us" 3 | title = "ZenHo" 4 | theme = "hugo-zenHo" 5 | paginate = 6 6 | enableEmoji = true 7 | 8 | [params] 9 | enableToc = false 10 | 11 | enableBaiduAnalytics = false 12 | baiduAnalyticsToken = "" 13 | 14 | googleSiteVerificationToken = "" 15 | 16 | enableSummary = true 17 | useDescriptionReplaceSummary = true 18 | 19 | author = "vran" 20 | bio = "All good things come to thos who wait." 21 | 22 | github = "#" 23 | twitter = "#" 24 | facebook = "#" 25 | email = "example@example.com" 26 | 27 | enableUtteranc = false 28 | [params.utteranc] 29 | repo="username/repository-name" 30 | theme="github-light" 31 | crossorigin="anonymous" 32 | issueTerm="pathname" 33 | label="Comment" 34 | 35 | [markup] 36 | defaultMarkdownHandler = "goldmark" 37 | [markup.asciidocExt] 38 | backend = "html5" 39 | [markup.highlight] 40 | style = "xcode" 41 | [markup.tableOfContents] 42 | endLevel = 3 43 | ordered = false 44 | startLevel = 2 45 | -------------------------------------------------------------------------------- /static/css/highlight.css: -------------------------------------------------------------------------------- 1 | .highlight { 2 | position: relative; 3 | padding: 32px 10px 0 10px; 4 | border-radius: 4px; 5 | } 6 | 7 | .highlight, pre { 8 | word-wrap: break-word; 9 | -webkit-font-smoothing: subpixel-antialiased; 10 | -moz-osx-font-smoothing: auto; 11 | background: #fafafa !important; 12 | margin: 10px 10px 0px 10px; 13 | padding: 15px 10px; 14 | -webkit-overflow-scrolling: touch; 15 | overflow: auto; 16 | font-size: 13px; 17 | color: #4d4d4c !important; 18 | line-height: 1.5; 19 | } 20 | 21 | .highlight:before { 22 | display: block; 23 | content: ' '; 24 | height: 32px; 25 | position: absolute; 26 | top: 0; 27 | left: 0; 28 | right: 0; 29 | background-color: #f6f6f6; 30 | padding: 0 10px; 31 | border-top-left-radius: 4px; 32 | border-top-right-radius: 4px; 33 | } 34 | 35 | .highlight:after { 36 | content: " "; 37 | position: absolute; 38 | border-radius: 50%; 39 | background: #fc625d; 40 | width: 10px; 41 | height: 10px; 42 | top: 0; 43 | left: 15px; 44 | margin-top: 6px; 45 | -webkit-box-shadow: 20px 0 #fdbc40, 40px 0 #35cd4b; 46 | box-shadow: 20px 0 #fdbc40, 40px 0 #35cd4b; 47 | } 48 | -------------------------------------------------------------------------------- /theme.toml: -------------------------------------------------------------------------------- 1 | # theme.toml template for a Hugo theme 2 | # See https://github.com/gohugoio/hugoThemes#themetoml for an example 3 | 4 | name = "ZenHo" 5 | license = "APACHE" 6 | licenselink = "https://github.com/vran-dev/ZenHo/blob/master/LICENSE" 7 | description = "a pretty simple & nice theme for Hugo" 8 | homepage = "github.com/vran-dev/hugo-zenHo" 9 | tags = ["clean", "light", "simple", "white", "blog"] 10 | features = [] 11 | title = "ZenHo" 12 | min_version = "0.1.0" 13 | 14 | [author] 15 | name = "vran" 16 | homepage = "github.com/vran-dev" 17 | 18 | [params] 19 | enableUtteranc = false 20 | enableToc = false 21 | enableSummary = true 22 | useDescriptionReplaceSummary = true 23 | author = "ZenHo" 24 | bio = "All good things come to thos who wait." 25 | 26 | # github page url 27 | github = "#" 28 | # twtter page url 29 | twitter = "#" 30 | # facebook page url 31 | facebook = "#" 32 | # email 33 | email = "#" 34 | 35 | [params.utteranc] 36 | repo="" 37 | theme="github-light" 38 | crossorigin="anonymous" 39 | issueTerm="pathname" 40 | label="Comment" 41 | 42 | # If porting an existing theme 43 | [original] 44 | name = "" 45 | homepage = "" 46 | repo = "" 47 | 48 | [markup] 49 | [markup.highlight] 50 | style = "xcode" 51 | [markup.tableOfContents] 52 | endLevel = 2 53 | ordered = false 54 | startLevel = 2 55 | -------------------------------------------------------------------------------- /layouts/_default/single.html: -------------------------------------------------------------------------------- 1 | {{ partial "head.html" . }} 2 | 3 | 4 |
5 | {{ partial "nav.html" . }} 6 | 7 |
8 |
9 |
10 | {{ if (isset .Params "figure") }}{{ end }} 11 |
12 |
13 | {{ .Title }} 14 |
15 |
16 | {{ .Date.Format "2006/01/02" }} 17 | · {{ .Site.Params.author }} 18 |
19 |
20 |
21 | {{ if .Site.Params.enableToc }} 22 | {{ if .TableOfContents }} 23 |
24 | {{ .TableOfContents }} 25 |
26 | {{ end }} 27 | {{ end }} 28 |
29 | {{ .Content }} 30 |
31 | 32 |
33 |
34 | over 35 |
36 |
37 |
38 | {{ partial "social.html" . }} 39 | 40 | {{ if .Site.Params.enableUtteranc }} 41 |
42 | {{ partial "utteranc.html" . }} 43 |
44 | {{ end }} 45 | 46 |
47 | 48 | {{ partial "footer.html" . }} 49 | 50 | 51 | -------------------------------------------------------------------------------- /exampleSite/content/about/_index.md: -------------------------------------------------------------------------------- 1 | +++ 2 | title = "About" 3 | description = "Hugo, the world's fastest framework for building websites" 4 | date = "2019-02-28" 5 | aliases = ["about-us", "about-hugo", "contact"] 6 | author = "Hugo Authors" 7 | 8 | +++ 9 | 10 | 11 | 12 | ![about](img/about-head.jpg) 13 | 14 | 15 | 16 | > All good things come to thos who wait. 17 | 18 | 19 | 20 | Written in Go, Hugo is an open source static site generator available under the [Apache Licence 2.0.](https://github.com/gohugoio/hugo/blob/master/LICENSE) Hugo supports TOML, YAML and JSON data file types, Markdown and HTML content files and uses shortcodes to add rich content. Other notable features are taxonomies, multilingual mode, image processing, custom output formats, HTML/CSS/JS minification and support for Sass SCSS workflows. 21 | 22 | Hugo makes use of a variety of open source projects including: 23 | 24 | * https://github.com/yuin/goldmark 25 | * https://github.com/alecthomas/chroma 26 | * https://github.com/muesli/smartcrop 27 | * https://github.com/spf13/cobra 28 | * https://github.com/spf13/viper 29 | 30 | Hugo is ideal for blogs, corporate websites, creative portfolios, online magazines, single page applications or even a website with thousands of pages. 31 | 32 | Hugo is for people who want to hand code their own website without worrying about setting up complicated runtimes, dependencies and databases. 33 | 34 | Websites built with Hugo are extremely fast, secure and can be deployed anywhere including, AWS, GitHub Pages, Heroku, Netlify and any other hosting provider. 35 | 36 | Learn more and contribute on [GitHub](https://github.com/gohugoio). 37 | 38 | ```bash 39 | ZenHo 40 | ``` 41 | 42 | -------------------------------------------------------------------------------- /exampleSite/content/posts/hugoisforlovers/index.md: -------------------------------------------------------------------------------- 1 | +++ 2 | 3 | title = "Code Toggle" 4 | description = "Code Toggle tryout and showcase.." 5 | tags = [ "go", "golang", "hugo", "development", ] 6 | date = "2014-04-02" 7 | menu = "main" 8 | 9 | +++ 10 | 11 | ## The Config Toggler! 12 | 13 | This is an example for the Config Toggle shortcode. Its purpose is to let users choose a Config language by clicking on its corresponding tab. Upon doing so, every Code toggler on the page will be switched to the target language. Also, target language will be saved in user’s localStorage so when they go to a different pages, Code Toggler display their last “toggled” config language. 14 | 15 | 16 | 17 | >The code-toggler shortcode is not an internal Hugo shortcode. This page’s purpose is to test out a custom feature that we use throughout this site. See: https://github.com/gohugoio/gohugoioTheme/blob/master/layouts/shortcodes/code-toggle.html 18 | > 19 | 20 | 21 | 22 | That Config Toggler 23 | 24 | 25 | ```toml 26 | baseURL = "https://yoursite.example.com/" 27 | footnoteReturnLinkContents = "↩" 28 | title = "My Hugo Site" 29 | 30 | [params] 31 | AuthorName = "Jon Doe" 32 | GitHubUser = "spf13" 33 | ListOfFoo = ["foo1", "foo2"] 34 | SidebarRecentLimit = 5 35 | Subtitle = "Hugo is Absurdly Fast!" 36 | 37 | [permalinks] 38 | posts = "/:year/:month/:title/" 39 | ``` 40 | 41 | 42 | 43 | ## Another Config Toggler! 44 | 45 | ```json 46 | { 47 | "author": { 48 | "homepage": "https://github.com/budparr", 49 | "name": "Bud Parr" 50 | }, 51 | "description": "", 52 | "features": [ 53 | "", 54 | "" 55 | ], 56 | "homepage": "https://github.com/budparr/gohugo.io", 57 | "license": "MIT", 58 | "licenselink": "https://github.com/budparr/gohugo.io/blob/master/LICENSE.md", 59 | "min_version": 0.18, 60 | "name": "Hugo Theme", 61 | "tags": [ 62 | "website" 63 | ] 64 | } 65 | ``` 66 | 67 | -------------------------------------------------------------------------------- /exampleSite/content/posts/emoji-support.md: -------------------------------------------------------------------------------- 1 | +++ 2 | author = "Hugo Authors" 3 | title = "Emoji Support" 4 | date = "2019-03-05" 5 | description = "Guide to emoji usage in Hugo" 6 | tags = [ 7 | "emoji", 8 | ] 9 | +++ 10 | 11 | Emoji can be enabled in a Hugo project in a number of ways. 12 | 13 | The [`emojify`](https://gohugo.io/functions/emojify/) function can be called directly in templates or [Inline Shortcodes](https://gohugo.io/templates/shortcode-templates/#inline-shortcodes). 14 | 15 | To enable emoji globally, set `enableEmoji` to `true` in your site's [configuration](https://gohugo.io/getting-started/configuration/) and then you can type emoji shorthand codes directly in content files; e.g. 16 | 17 |

🙈 :see_no_evil: 🙉 :hear_no_evil: 🙊 :speak_no_evil:

18 |
19 | 20 | The [Emoji cheat sheet](http://www.emoji-cheat-sheet.com/) is a useful reference for emoji shorthand codes. 21 | 22 | *** 23 | 24 | **N.B.** The above steps enable Unicode Standard emoji characters and sequences in Hugo, however the rendering of these glyphs depends on the browser and the platform. To style the emoji you can either use a third party emoji font or a font stack; e.g. 25 | 26 | {{< highlight html >}} 27 | .emoji { 28 | font-family: Apple Color Emoji, Segoe UI Emoji, NotoColorEmoji, Segoe UI Symbol, Android Emoji, EmojiSymbols; 29 | } 30 | {{< /highlight >}} 31 | 32 | {{< css.inline >}} 33 | 46 | {{< /css.inline >}} 47 | -------------------------------------------------------------------------------- /exampleSite/content/posts/math-typesetting.md: -------------------------------------------------------------------------------- 1 | --- 2 | author: Hugo Authors 3 | title: Math Typesetting 4 | date: 2019-03-08 5 | description: A brief guide to setup KaTeX 6 | math: true 7 | --- 8 | 9 | Mathematical notation in a Hugo project can be enabled by using third party JavaScript libraries. 10 | 11 | 12 | In this example we will be using [KaTeX](https://katex.org/) 13 | 14 | - Create a partial under `/layouts/partials/math.html` 15 | - Within this partial reference the [Auto-render Extension](https://katex.org/docs/autorender.html) or host these scripts locally. 16 | - Include the partial in your templates like so: 17 | 18 | ```bash 19 | {{ if or .Params.math .Site.Params.math }} 20 | {{ partial "math.html" . }} 21 | {{ end }} 22 | ``` 23 | 24 | - To enable KaTex globally set the parameter `math` to `true` in a project's configuration 25 | - To enable KaTex on a per page basis include the parameter `math: true` in content files 26 | 27 | **Note:** Use the online reference of [Supported TeX Functions](https://katex.org/docs/supported.html) 28 | 29 | {{< math.inline >}} 30 | {{ if or .Page.Params.math .Site.Params.math }} 31 | 32 | 33 | 34 | 35 | {{ end }} 36 | {{}} 37 | 38 | ### Examples 39 | 40 | {{< math.inline >}} 41 |

42 | Inline math: \(\varphi = \dfrac{1+\sqrt5}{2}= 1.6180339887…\) 43 |

44 | {{}} 45 | 46 | Block math: 47 | $$ 48 | \varphi = 1+\frac{1} {1+\frac{1} {1+\frac{1} {1+\cdots} } } 49 | $$ 50 | -------------------------------------------------------------------------------- /layouts/partials/post-list.html: -------------------------------------------------------------------------------- 1 |
2 |
3 | {{ range where .Paginator.Pages "Params.hidden" "ne" "true" }} 4 | {{ $url := replace .Permalink .Site.BaseURL "" }} 5 | {{ if ne $url "about/" }} 6 | 7 |
8 |
9 |
{{ .Date.Format "Jan 2" }}
10 |
{{ .Date.Format "2006" }}
11 |
12 | 13 | 14 |
15 |
16 | {{ .Title }} 17 |
18 | 19 | {{ if .Site.Params.enableSummary }} 20 | {{ if .Site.Params.useDescriptionReplaceSummary }} 21 |
{{ .Description }}
22 | {{ else }} 23 |
24 | {{ .Summary | plainify | htmlUnescape }} 25 |
26 | {{ end }} 27 | {{ end }} 28 | 29 |
30 | {{ with .Params.tags }} 31 | 32 | {{ range . }} 33 | 34 | {{ . }} 35 | 36 | {{ end }} 37 | {{ end }} 38 |
39 |
40 |
41 | {{ end }} 42 | {{ end }} 43 |
44 | 62 |
63 | -------------------------------------------------------------------------------- /exampleSite/content/posts/placeholder-text.md: -------------------------------------------------------------------------------- 1 | +++ 2 | author = "Hugo Authors" 3 | title = "Placeholder Text" 4 | date = "2019-03-09" 5 | description = "Lorem Ipsum Dolor Si Amet" 6 | tags = [ 7 | "markdown", 8 | "text", 9 | ] 10 | figure = "https://csform.com/wp-content/uploads/2019/04/Flat-Design-App-UI-Kits.jpg" 11 | +++ 12 | 13 | Lorem est tota propiore conpellat pectoribus de pectora summo. Redit teque digerit hominumque toris verebor lumina non cervice subde tollit usus habet Arctonque, furores quas nec ferunt. Quoque montibus nunc caluere tempus inhospita parcite confusaque translucet patri vestro qui optatis lumine cognoscere flos nubis! Fronde ipsamque patulos Dryopen deorum. 14 | 15 | 1. Exierant elisi ambit vivere dedere 16 | 2. Duce pollice 17 | 3. Eris modo 18 | 4. Spargitque ferrea quos palude 19 | 20 | Rursus nulli murmur; hastile inridet ut ab gravi sententia! Nomine potitus silentia flumen, sustinet placuit petis in dilapsa erat sunt. Atria tractus malis. 21 | 22 | 1. Comas hunc haec pietate fetum procerum dixit 23 | 2. Post torum vates letum Tiresia 24 | 3. Flumen querellas 25 | 4. Arcanaque montibus omnes 26 | 5. Quidem et 27 | 28 | # Vagus elidunt 29 | 30 | 31 | 32 | [The Van de Graaf Canon](https://en.wikipedia.org/wiki/Canons_of_page_construction#Van_de_Graaf_canon) 33 | 34 | ## Mane refeci capiebant unda mulcebat 35 | 36 | Victa caducifer, malo vulnere contra dicere aurato, ludit regale, voca! Retorsit colit est profanae esse virescere furit nec; iaculi matertera et visa est, viribus. Divesque creatis, tecta novat collumque vulnus est, parvas. **Faces illo pepulere** tempus adest. Tendit flamma, ab opes virum sustinet, sidus sequendo urbis. 37 | 38 | Iubar proles corpore raptos vero auctor imperium; sed et huic: manus caeli Lelegas tu lux. Verbis obstitit intus oblectamina fixis linguisque ausus sperare Echionides cornuaque tenent clausit possit. Omnia putatur. Praeteritae refert ausus; ferebant e primus lora nutat, vici quae mea ipse. Et iter nil spectatae vulnus haerentia iuste et exercebat, sui et. 39 | 40 | Eurytus Hector, materna ipsumque ut Politen, nec, nate, ignari, vernum cohaesit sequitur. Vel **mitis temploque** vocatus, inque alis, *oculos nomen* non silvis corpore coniunx ne displicet illa. Crescunt non unus, vidit visa quantum inmiti flumina mortis facto sic: undique a alios vincula sunt iactata abdita! Suspenderat ego fuit tendit: luna, ante urbem Propoetides **parte**. 41 | 42 | {{< css.inline >}} 43 | 46 | {{< /css.inline >}} 47 | -------------------------------------------------------------------------------- /README_ZH.md: -------------------------------------------------------------------------------- 1 | 2 | 3 |

4 | 5 |

6 | 7 | ## Languange 8 | 9 | [English](README.md) | 中文 10 | 11 | 12 | 13 | ## What 14 | 15 | **ZenHo** 是一个极简风格的 [Hugo](https://gohugo.io/) 主题 16 | 17 | > All good things come to thos who wait. 18 | 19 | 20 | 21 | ![screenshot](images/screenshot.png) 22 | 23 | ### Features 24 | 25 | - [ ] Google 统计 26 | - [ ] disqus 评论插件 27 | - [x] Baidu 统计 28 | - [x] 文章目录 29 | - [x] utteranc 评论插件 30 | - [x] Github 项目卡片展示 31 | 32 | 33 | ## How to use 34 | 35 | 步骤一： 36 | 37 | ​ 如果你是第一次了解到 [Hugo](https://gohugo.io/) 的话，你需要先看一下官方的[入门教程](https://gohugo.io/getting-started/quick-start/) 38 | 39 | 步骤二： 40 | 41 | ​ 你可能需要用 `hugo-zenHo/archetypes/default.md` 替换 Hugo 默认的 `archetypes/default.md` 文件 42 | 43 | 步骤三： 44 | 45 | ​ 如果你要自定义 about 页面，需要创建 `content/about/_index.md` 文件， 然后以 markdown 格式书写内容即可 46 | 47 | 步骤四： 48 | 49 | ​ 复制 [Configuration Override](##Configuration Override) 下的内容到你的 config.toml，为了更好的代码高亮展示，建议设置主题为 xcode 50 | 51 | ```toml 52 | [markup] 53 | [markup.highlight] 54 | style = "xcode" 55 | ``` 56 | 57 | 具体的实例可以参考 **exampleSite** 目录 58 | 59 | ## Github project card 60 | 61 | ZenHo 使用 [github-readme-stats](https://github.com/anuraghazra/github-readme-stats) 和 shortCode 实现了 Github 项目展示。 62 | 63 | ![github-project-card](img/github-project.png) 64 | 65 | 你可以使用以下代码在你的文章中以卡片的形式展示 Github 项目 66 | 67 | ```html 68 | {{< github-project username="your github user name" repo="your github project name" >}} 69 | ``` 70 | 71 | 比如 72 | 73 | ```html 74 | {{< github-project username="vran-dev" repo="hugo-zenHo" >}} 75 | ``` 76 | 77 | 78 | ## Configuration Override 79 | 80 | You can copy some item to your `config.toml` . 81 | 82 | ```toml 83 | baseURL = "http://localhost:1313/" 84 | languageCode = "en-us" 85 | title = "ZenHo" 86 | paginate = 6 87 | 88 | [params] 89 | enableSummary = true 90 | useDescriptionReplaceSummary = true 91 | enableToc = false 92 | 93 | author = "vran" 94 | bio = "All good things come to thos who wait." 95 | 96 | # baidu analytics 97 | enableBaiduAnalytics = false 98 | baiduAnalyticsToken = "" 99 | 100 | googleSiteVerificationToken = "" 101 | 102 | # social page url 103 | github = "#" 104 | twitter = "#" 105 | facebook = "#" 106 | email = "" 107 | 108 | # utteranc comment 109 | enableUtteranc = false 110 | [params.utteranc] 111 | repo="username/github-page-repository" 112 | theme="github-light" 113 | crossorigin="anonymous" 114 | issueTerm="pathname" 115 | label="Comment" 116 | 117 | [markup] 118 | [markup.highlight] 119 | style = "xcode" 120 | [markup.tableOfContents] 121 | endLevel = 2 122 | ordered = false 123 | startLevel = 2 124 | ``` 125 | 126 | 127 | 128 | ## Screenshots 129 | 130 | - Home 131 | 132 | ![](release/img/home.png) 133 | 134 | 135 | 136 | - post 137 | 138 | ![](release/img/post.png) 139 | 140 | 141 | 142 | ![](release/img/content-2.jpg) 143 | 144 | 145 | 146 | 147 | 148 | - Archive 149 | 150 | ![](release/img/archive.jpg) 151 | 152 | - tags 153 | 154 | ![](release/img/tags.jpg) 155 | 156 | 157 | 158 | - About 159 | 160 | ![](release/img/about.png) 161 | 162 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | 2 | 3 |

4 | 5 |

6 | 7 | ## Languange 8 | 9 | English | [中文](README_ZH.md) 10 | 11 | 12 | 13 | ## What 14 | 15 | **ZenHo** is a pretty simple & nice theme for [Hugo](https://gohugo.io/) 16 | 17 | > All good things come to thos who wait. 18 | 19 | 20 | 21 | ![screenshot](images/screenshot.png) 22 | 23 | 24 | 25 | ### Features TODO 26 | 27 | - [ ] Disqus comment 28 | - [ ] Google Analytics 29 | - [x] Baidu Analytics 30 | - [x] Table of Content 31 | - [x] Social list 32 | - [x] Utteranc comment 33 | - [x] shortcode: github project card 34 | 35 | 36 | 37 | ## How to use 38 | 39 | Step 1 : 40 | 41 | ​ If you know [Hugo](https://gohugo.io/) for the first time,you need to learn [official tutorial](https://gohugo.io/getting-started/quick-start/) first. 42 | 43 | Step 2 : 44 | 45 | ​ you can use `hugo-zenHo/archetypes/default.md` replace your blog's `archetypes/default.md` ` 46 | 47 | Step 3 : 48 | 49 | ​ If you want to custon your **about page**, you should create markdown file `content/about/_index.md`, then write it in markdown syntax. 50 | 51 | Step 4: 52 | 53 | ​ Copy [Configuration Override](##Configuration Override) content to your config.toml，for better highlight, you can use `xcode` style 54 | 55 | ```toml 56 | [markup] 57 | [markup.highlight] 58 | style = "xcode" 59 | ``` 60 | 61 | More info could be found at **exampleSite** directory. 62 | 63 | 64 | ## Github project card 65 | 66 | ZenHo use shortCode and [github-readme-stats](https://github.com/anuraghazra/github-readme-stats) to implement Github Project card. 67 | 68 | ![github-project-card](release/img/github-project.png) 69 | 70 | you can use the following code to show card in post 71 | 72 | ```html 73 | {{< github-project username="your github user name" repo="your github project name" >}} 74 | ``` 75 | 76 | such as 77 | 78 | ```html 79 | {{< github-project username="vran-dev" repo="hugo-zenHo" >}} 80 | ``` 81 | 82 | ## Configuration Override 83 | 84 | You can copy some item to your `config.toml` . 85 | 86 | ```toml 87 | baseURL = "http://localhost:1313/" 88 | languageCode = "en-us" 89 | title = "ZenHo" 90 | paginate = 6 91 | 92 | [params] 93 | enableSummary = true 94 | useDescriptionReplaceSummary = true 95 | enableToc = false 96 | 97 | author = "vran" 98 | bio = "All good things come to thos who wait." 99 | 100 | # baidu analytics 101 | enableBaiduAnalytics = false 102 | baiduAnalyticsToken = "" 103 | 104 | googleSiteVerificationToken = "" 105 | 106 | # social page url 107 | github = "#" 108 | twitter = "#" 109 | facebook = "#" 110 | email = "" 111 | 112 | # utteranc comment 113 | enableUtteranc = false 114 | [params.utteranc] 115 | repo="username/github-page-repository" 116 | theme="github-light" 117 | crossorigin="anonymous" 118 | issueTerm="pathname" 119 | label="Comment" 120 | 121 | [markup] 122 | [markup.highlight] 123 | style = "xcode" 124 | [markup.tableOfContents] 125 | endLevel = 2 126 | ordered = false 127 | startLevel = 2 128 | ``` 129 | 130 | 131 | 132 | ## Screenshots 133 | 134 | - Home 135 | 136 | ![](release/img/home.png) 137 | 138 | 139 | 140 | - post 141 | 142 | ![](release/img/post.png) 143 | 144 | 145 | 146 | ![](release/img/content-2.jpg) 147 | 148 | 149 | 150 | 151 | 152 | - Archive 153 | 154 | ![](release/img/archive.jpg) 155 | 156 | - tags 157 | 158 | ![](release/img/tags.jpg) 159 | 160 | 161 | 162 | - About 163 | 164 | ![](release/img/about.png) 165 | -------------------------------------------------------------------------------- /exampleSite/content/posts/markdown-syntax.md: -------------------------------------------------------------------------------- 1 | +++ 2 | author = "Hugo Authors" 3 | title = "Markdown Syntax Guide" 4 | date = "2019-03-11" 5 | description = "Sample article showcasing basic Markdown syntax and formatting for HTML elements." 6 | tags = [ 7 | "markdown", 8 | "css", 9 | "html", 10 | ] 11 | categories = [ 12 | "themes", 13 | "syntax", 14 | ] 15 | series = ["Themes Guide"] 16 | aliases = ["migrate-from-jekyl"] 17 | +++ 18 | 19 | This article offers a sample of basic Markdown syntax that can be used in Hugo content files, also it shows whether basic HTML elements are decorated with CSS in a Hugo theme. 20 | 21 | 22 | ## Headings 23 | 24 | The following HTML `

`—`

` elements represent six levels of section headings. `

` is the highest section level while `

` is the lowest. 25 | 26 | # H1 27 | ## H2 28 | ### H3 29 | #### H4 30 | ##### H5 31 | ###### H6 32 | 33 | ## Paragraph 34 | 35 | Xerum, quo qui aut unt expliquam qui dolut labo. Aque venitatiusda cum, voluptionse latur sitiae dolessi aut parist aut dollo enim qui voluptate ma dolestendit peritin re plis aut quas inctum laceat est volestemque commosa as cus endigna tectur, offic to cor sequas etum rerum idem sintibus eiur? Quianimin porecus evelectur, cum que nis nust voloribus ratem aut omnimi, sitatur? Quiatem. Nam, omnis sum am facea corem alique molestrunt et eos evelece arcillit ut aut eos eos nus, sin conecerem erum fuga. Ri oditatquam, ad quibus unda veliamenimin cusam et facea ipsamus es exerum sitate dolores editium rerore eost, temped molorro ratiae volorro te reribus dolorer sperchicium faceata tiustia prat. 36 | 37 | Itatur? Quiatae cullecum rem ent aut odis in re eossequodi nonsequ idebis ne sapicia is sinveli squiatum, core et que aut hariosam ex eat. 38 | 39 | ## Blockquotes 40 | 41 | The blockquote element represents content that is quoted from another source, optionally with a citation which must be within a `footer` or `cite` element, and optionally with in-line changes such as annotations and abbreviations. 42 | 43 | #### Blockquote without attribution 44 | 45 | > Tiam, ad mint andaepu dandae nostion secatur sequo quae. 46 | > **Note** that you can use *Markdown syntax* within a blockquote. 47 | 48 | #### Blockquote with attribution 49 | 50 | > Don't communicate by sharing memory, share memory by communicating.
51 | > — Rob Pike[^1] 52 | 53 | [^1]: The above quote is excerpted from Rob Pike's [talk](https://www.youtube.com/watch?v=PAAkCSZUG1c) during Gopherfest, November 18, 2015. 54 | 55 | ## Tables 56 | 57 | Tables aren't part of the core Markdown spec, but Hugo supports supports them out-of-the-box. 58 | 59 | Name | Age 60 | --------|------ 61 | Bob | 27 62 | Alice | 23 63 | 64 | #### Inline Markdown within tables 65 | 66 | | Italics | Bold | Code | 67 | | -------- | -------- | ------ | 68 | | *italics* | **bold** | `code` | 69 | 70 | ## Code Blocks 71 | 72 | #### Code block with backticks 73 | 74 | ```html 75 | 76 | 77 | 78 | 79 | Example HTML5 Document 80 | 81 | 82 |

Test

83 | 84 | 85 | ``` 86 | 87 | #### Code block indented with four spaces 88 | 89 | 90 | 91 | 92 | 93 | Example HTML5 Document 94 | 95 | 96 |

Test

97 | 98 | 99 | 100 | #### Code block with Hugo's internal highlight shortcode 101 | {{< highlight html >}} 102 | 103 | 104 | 105 | 106 | Example HTML5 Document 107 | 108 | 109 |

Test

110 | 111 | 112 | {{< /highlight >}} 113 | 114 | ## List Types 115 | 116 | #### Ordered List 117 | 118 | 1. First item 119 | 2. Second item 120 | 3. Third item 121 | 122 | #### Unordered List 123 | 124 | * List item 125 | * Another item 126 | * And another item 127 | 128 | #### Nested list 129 | 130 | * Fruit 131 | * Apple 132 | * Orange 133 | * Banana 134 | * Dairy 135 | * Milk 136 | * Cheese 137 | 138 | ## Other Elements — abbr, sub, sup, kbd, mark 139 | 140 | GIF is a bitmap image format. 141 | 142 | H2O 143 | 144 | Xn + Yn = Zn 145 | 146 | Press CTRL+ALT+Delete to end the session. 147 | 148 | Most salamanders are nocturnal, and hunt for insects, worms, and other small creatures. 149 | -------------------------------------------------------------------------------- /layouts/partials/social.html: -------------------------------------------------------------------------------- 1 |
2 | 3 | {{ with .Site.Params.github }} 4 | 5 | 8 | 9 | {{end}} 10 | 11 | {{ with .Site.Params.twitter }} 12 | 13 | 16 | 17 | {{ end }} 18 | 19 | {{ with .Site.Params.facebook }} 20 | 21 | 24 | 25 | {{ end }} 26 | 27 | {{ with .Site.Params.email }} 28 | 29 | 30 | 31 | {{ end }} 32 | 33 |
-------------------------------------------------------------------------------- /static/fonts/LICENSE.txt: -------------------------------------------------------------------------------- 1 | 2 | Apache License 3 | Version 2.0, January 2004 4 | http://www.apache.org/licenses/ 5 | 6 | TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION 7 | 8 | 1. Definitions. 9 | 10 | "License" shall mean the terms and conditions for use, reproduction, 11 | and distribution as defined by Sections 1 through 9 of this document. 12 | 13 | "Licensor" shall mean the copyright owner or entity authorized by 14 | the copyright owner that is granting the License. 15 | 16 | "Legal Entity" shall mean the union of the acting entity and all 17 | other entities that control, are controlled by, or are under common 18 | control with that entity. For the purposes of this definition, 19 | "control" means (i) the power, direct or indirect, to cause the 20 | direction or management of such entity, whether by contract or 21 | otherwise, or (ii) ownership of fifty percent (50%) or more of the 22 | outstanding shares, or (iii) beneficial ownership of such entity. 23 | 24 | "You" (or "Your") shall mean an individual or Legal Entity 25 | exercising permissions granted by this License. 26 | 27 | "Source" form shall mean the preferred form for making modifications, 28 | including but not limited to software source code, documentation 29 | source, and configuration files. 30 | 31 | "Object" form shall mean any form resulting from mechanical 32 | transformation or translation of a Source form, including but 33 | not limited to compiled object code, generated documentation, 34 | and conversions to other media types. 35 | 36 | "Work" shall mean the work of authorship, whether in Source or 37 | Object form, made available under the License, as indicated by a 38 | copyright notice that is included in or attached to the work 39 | (an example is provided in the Appendix below). 40 | 41 | "Derivative Works" shall mean any work, whether in Source or Object 42 | form, that is based on (or derived from) the Work and for which the 43 | editorial revisions, annotations, elaborations, or other modifications 44 | represent, as a whole, an original work of authorship. For the purposes 45 | of this License, Derivative Works shall not include works that remain 46 | separable from, or merely link (or bind by name) to the interfaces of, 47 | the Work and Derivative Works thereof. 48 | 49 | "Contribution" shall mean any work of authorship, including 50 | the original version of the Work and any modifications or additions 51 | to that Work or Derivative Works thereof, that is intentionally 52 | submitted to Licensor for inclusion in the Work by the copyright owner 53 | or by an individual or Legal Entity authorized to submit on behalf of 54 | the copyright owner. For the purposes of this definition, "submitted" 55 | means any form of electronic, verbal, or written communication sent 56 | to the Licensor or its representatives, including but not limited to 57 | communication on electronic mailing lists, source code control systems, 58 | and issue tracking systems that are managed by, or on behalf of, the 59 | Licensor for the purpose of discussing and improving the Work, but 60 | excluding communication that is conspicuously marked or otherwise 61 | designated in writing by the copyright owner as "Not a Contribution." 62 | 63 | "Contributor" shall mean Licensor and any individual or Legal Entity 64 | on behalf of whom a Contribution has been received by Licensor and 65 | subsequently incorporated within the Work. 66 | 67 | 2. Grant of Copyright License. Subject to the terms and conditions of 68 | this License, each Contributor hereby grants to You a perpetual, 69 | worldwide, non-exclusive, no-charge, royalty-free, irrevocable 70 | copyright license to reproduce, prepare Derivative Works of, 71 | publicly display, publicly perform, sublicense, and distribute the 72 | Work and such Derivative Works in Source or Object form. 73 | 74 | 3. Grant of Patent License. Subject to the terms and conditions of 75 | this License, each Contributor hereby grants to You a perpetual, 76 | worldwide, non-exclusive, no-charge, royalty-free, irrevocable 77 | (except as stated in this section) patent license to make, have made, 78 | use, offer to sell, sell, import, and otherwise transfer the Work, 79 | where such license applies only to those patent claims licensable 80 | by such Contributor that are necessarily infringed by their 81 | Contribution(s) alone or by combination of their Contribution(s) 82 | with the Work to which such Contribution(s) was submitted. If You 83 | institute patent litigation against any entity (including a 84 | cross-claim or counterclaim in a lawsuit) alleging that the Work 85 | or a Contribution incorporated within the Work constitutes direct 86 | or contributory patent infringement, then any patent licenses 87 | granted to You under this License for that Work shall terminate 88 | as of the date such litigation is filed. 89 | 90 | 4. Redistribution. You may reproduce and distribute copies of the 91 | Work or Derivative Works thereof in any medium, with or without 92 | modifications, and in Source or Object form, provided that You 93 | meet the following conditions: 94 | 95 | (a) You must give any other recipients of the Work or 96 | Derivative Works a copy of this License; and 97 | 98 | (b) You must cause any modified files to carry prominent notices 99 | stating that You changed the files; and 100 | 101 | (c) You must retain, in the Source form of any Derivative Works 102 | that You distribute, all copyright, patent, trademark, and 103 | attribution notices from the Source form of the Work, 104 | excluding those notices that do not pertain to any part of 105 | the Derivative Works; and 106 | 107 | (d) If the Work includes a "NOTICE" text file as part of its 108 | distribution, then any Derivative Works that You distribute must 109 | include a readable copy of the attribution notices contained 110 | within such NOTICE file, excluding those notices that do not 111 | pertain to any part of the Derivative Works, in at least one 112 | of the following places: within a NOTICE text file distributed 113 | as part of the Derivative Works; within the Source form or 114 | documentation, if provided along with the Derivative Works; or, 115 | within a display generated by the Derivative Works, if and 116 | wherever such third-party notices normally appear. The contents 117 | of the NOTICE file are for informational purposes only and 118 | do not modify the License. You may add Your own attribution 119 | notices within Derivative Works that You distribute, alongside 120 | or as an addendum to the NOTICE text from the Work, provided 121 | that such additional attribution notices cannot be construed 122 | as modifying the License. 123 | 124 | You may add Your own copyright statement to Your modifications and 125 | may provide additional or different license terms and conditions 126 | for use, reproduction, or distribution of Your modifications, or 127 | for any such Derivative Works as a whole, provided Your use, 128 | reproduction, and distribution of the Work otherwise complies with 129 | the conditions stated in this License. 130 | 131 | 5. Submission of Contributions. Unless You explicitly state otherwise, 132 | any Contribution intentionally submitted for inclusion in the Work 133 | by You to the Licensor shall be under the terms and conditions of 134 | this License, without any additional terms or conditions. 135 | Notwithstanding the above, nothing herein shall supersede or modify 136 | the terms of any separate license agreement you may have executed 137 | with Licensor regarding such Contributions. 138 | 139 | 6. Trademarks. This License does not grant permission to use the trade 140 | names, trademarks, service marks, or product names of the Licensor, 141 | except as required for reasonable and customary use in describing the 142 | origin of the Work and reproducing the content of the NOTICE file. 143 | 144 | 7. Disclaimer of Warranty. Unless required by applicable law or 145 | agreed to in writing, Licensor provides the Work (and each 146 | Contributor provides its Contributions) on an "AS IS" BASIS, 147 | WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or 148 | implied, including, without limitation, any warranties or conditions 149 | of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A 150 | PARTICULAR PURPOSE. You are solely responsible for determining the 151 | appropriateness of using or redistributing the Work and assume any 152 | risks associated with Your exercise of permissions under this License. 153 | 154 | 8. Limitation of Liability. In no event and under no legal theory, 155 | whether in tort (including negligence), contract, or otherwise, 156 | unless required by applicable law (such as deliberate and grossly 157 | negligent acts) or agreed to in writing, shall any Contributor be 158 | liable to You for damages, including any direct, indirect, special, 159 | incidental, or consequential damages of any character arising as a 160 | result of this License or out of the use or inability to use the 161 | Work (including but not limited to damages for loss of goodwill, 162 | work stoppage, computer failure or malfunction, or any and all 163 | other commercial damages or losses), even if such Contributor 164 | has been advised of the possibility of such damages. 165 | 166 | 9. Accepting Warranty or Additional Liability. While redistributing 167 | the Work or Derivative Works thereof, You may choose to offer, 168 | and charge a fee for, acceptance of support, warranty, indemnity, 169 | or other liability obligations and/or rights consistent with this 170 | License. However, in accepting such obligations, You may act only 171 | on Your own behalf and on Your sole responsibility, not on behalf 172 | of any other Contributor, and only if You agree to indemnify, 173 | defend, and hold each Contributor harmless for any liability 174 | incurred by, or claims asserted against, such Contributor by reason 175 | of your accepting any such warranty or additional liability. 176 | 177 | END OF TERMS AND CONDITIONS 178 | 179 | APPENDIX: How to apply the Apache License to your work. 180 | 181 | To apply the Apache License to your work, attach the following 182 | boilerplate notice, with the fields enclosed by brackets "[]" 183 | replaced with your own identifying information. (Don't include 184 | the brackets!) The text should be enclosed in the appropriate 185 | comment syntax for the file format. We also recommend that a 186 | file or class name and description of purpose be included on the 187 | same "printed page" as the copyright notice for easier 188 | identification within third-party archives. 189 | 190 | Copyright [yyyy] [name of copyright owner] 191 | 192 | Licensed under the Apache License, Version 2.0 (the "License"); 193 | you may not use this file except in compliance with the License. 194 | You may obtain a copy of the License at 195 | 196 | http://www.apache.org/licenses/LICENSE-2.0 197 | 198 | Unless required by applicable law or agreed to in writing, software 199 | distributed under the License is distributed on an "AS IS" BASIS, 200 | WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. 201 | See the License for the specific language governing permissions and 202 | limitations under the License. 203 | -------------------------------------------------------------------------------- /static/css/style.css: -------------------------------------------------------------------------------- 1 | /* font style */ 2 | @font-face { 3 | font-family: "Roboto-Light"; 4 | src: url("../fonts/Roboto-Light.ttf") format('truetype'); 5 | font-weight: normal; 6 | } 7 | 8 | @font-face { 9 | font-family: "Roboto-Light"; 10 | src: url("../fonts/Roboto-Black.ttf") format('truetype'); 11 | font-weight: bold; 12 | } 13 | 14 | @font-face { 15 | font-family: "Roboto-Regular"; 16 | src: url("../fonts/Roboto-Regular.ttf") format('truetype'); 17 | font-weight: normal; 18 | } 19 | 20 | @font-face { 21 | font-family: "Roboto-Regular"; 22 | src: url("../fonts/Roboto-Black.ttf") format('truetype'); 23 | font-weight: bold; 24 | } 25 | 26 | /* open-sans-regular - latin-ext_latin */ 27 | @font-face { 28 | font-family: 'Open Sans'; 29 | font-style: normal; 30 | font-weight: normal; 31 | src: local('Open Sans Regular'), local('OpenSans-Regular'), url('../fonts/open-sans-v17-latin-ext_latin-regular.woff2') format('woff2'); 32 | unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD, U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; 33 | } 34 | /* open-sans-italic - latin-ext_latin */ 35 | @font-face { 36 | font-family: 'Open Sans'; 37 | font-style: italic; 38 | font-weight: normal; 39 | src: local('Open Sans Italic'), local('OpenSans-Italic'), url('../fonts/open-sans-v17-latin-ext_latin-italic.woff2') format('woff2'); 40 | unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD, U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; 41 | } 42 | /* open-sans-700 - latin-ext_latin */ 43 | @font-face { 44 | font-family: 'Open Sans'; 45 | font-style: normal; 46 | font-weight: bold; 47 | src: local('Open Sans Bold'), local('OpenSans-Bold'), url('../fonts/open-sans-v17-latin-ext_latin-700.woff2') format('woff2'); 48 | unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD, U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; 49 | } 50 | /* open-sans-700italic - latin-ext_latin */ 51 | @font-face { 52 | font-family: 'Open Sans'; 53 | font-style: italic; 54 | font-weight: bold; 55 | src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'), url('../fonts/open-sans-v17-latin-ext_latin-700italic.woff2') format('woff2'); 56 | unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD, U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; 57 | } 58 | 59 | 60 | body { 61 | font-family: "Open Sans","Clear Sans", "Helvetica Neue", Helvetica, Arial, 'Segoe UI Emoji', sans-serif; 62 | box-sizing: border-box; 63 | margin-bottom: 6px; 64 | font-size: 16px; 65 | text-align: start; 66 | white-space: normal; 67 | text-size-adjust: auto; 68 | line-height: 28.8px; 69 | letter-spacing: 1.6px; 70 | color: #434343; 71 | } 72 | 73 | /* markdown custom*/ 74 | a { 75 | border-bottom: 1px solid grey; 76 | cursor: pointer; 77 | text-decoration: none; 78 | color: #121212; 79 | } 80 | 81 | a:hover, a:focus { 82 | color: #06f; 83 | } 84 | 85 | 86 | b, strong { 87 | font-weight: 550; 88 | color: #111827; 89 | } 90 | 91 | blockquote { 92 | padding-left: 15px; 93 | border-left: 3px solid rgb(22, 22, 22); 94 | margin-inline-start: 20px; 95 | margin-inline-end: 10px; 96 | } 97 | 98 | 99 | blockquote p { 100 | quotes: none; 101 | color: rgb(107, 107, 107); 102 | overflow-wrap: break-word; 103 | } 104 | 105 | p, 106 | blockquote, 107 | ul, 108 | ol, 109 | dl, 110 | table{ 111 | margin-bottom: 20px; 112 | } 113 | 114 | li p.first { 115 | display: inline-block; 116 | } 117 | 118 | ul:first-child, 119 | ol:first-child { 120 | margin-top: 0; 121 | } 122 | 123 | ul:last-child, 124 | ol:last-child { 125 | margin-bottom: 0; 126 | } 127 | 128 | table { 129 | width: 100%; 130 | margin: 40px 0; 131 | border-collapse: collapse; 132 | font-size: 13px; 133 | line-height: 1.5em; 134 | border-spacing: 0; 135 | overflow: auto; 136 | display: block; 137 | } 138 | 139 | thead th { 140 | text-align: left; 141 | height: 20px; 142 | font-size: 13px; 143 | font-weight: bold; 144 | color: #444; 145 | border-bottom: 1px solid #dadadc; 146 | cursor: default; 147 | white-space: nowrap; 148 | } 149 | 150 | table td, td { 151 | border-spacing: none; 152 | border-style: solid; 153 | padding: 10px 15px; 154 | border-width: 1px 0 0 0; 155 | } 156 | 157 | tr>td { 158 | border-top: 1px solid #eaeaea; 159 | } 160 | 161 | tr:nth-child(odd)>td { 162 | background: #fcfcfc; 163 | } 164 | 165 | ol li { 166 | margin-bottom: 10px; 167 | overflow-wrap: break-word; 168 | } 169 | 170 | ul li { 171 | margin-bottom: 10px; 172 | overflow-wrap: break-word; 173 | } 174 | 175 | ul > li::marker { 176 | color: #3c3c3c; 177 | } 178 | 179 | code { 180 | border-radius: 3px; 181 | padding: 0; 182 | font-size: 1em; 183 | color: rgb(232 47 24); 184 | } 185 | 186 | 187 | /* post-list */ 188 | .posts { 189 | padding: 20px; 190 | } 191 | 192 | .posts .post .meta .title a { 193 | color: #000; 194 | font-weight: 300; 195 | text-decoration: none; 196 | border-bottom: none; 197 | } 198 | 199 | .posts .post .meta .title a:hover, 200 | .posts .post .meta .title a:focus { 201 | color: #06f; 202 | } 203 | 204 | .posts .post .meta .description { 205 | color: #B9B9B9; 206 | font-size: 13px; 207 | } 208 | 209 | .posts .post .tag a { 210 | font-size: 12px; 211 | margin: 0px auto; 212 | margin-right: 5px; 213 | color: rgb(114, 114, 114); 214 | } 215 | 216 | .wrapper .pagination { 217 | margin-top: 2em; 218 | text-align: right; 219 | margin-bottom: 2em; 220 | padding-right: 66px; 221 | } 222 | 223 | .wrapper .pagination .prev { 224 | margin-right: 2em; 225 | } 226 | 227 | .wrapper .pagination a{ 228 | color: rgb(85, 85, 85); 229 | text-decoration: none; 230 | font-size: 20px; 231 | } 232 | 233 | /* post content */ 234 | 235 | #single { 236 | font-feature-settings: "tnum"; 237 | font-variant: tabular-nums; 238 | } 239 | 240 | #single .post .title { 241 | text-align: center; 242 | font-size: 24px; 243 | padding: 3px; 244 | margin-top:22px; 245 | } 246 | 247 | 248 | #single .post .content h2 { 249 | overflow: hidden; 250 | box-sizing: border-box; 251 | margin-left: -10px; 252 | display: inline-block; 253 | width: auto; 254 | height: 40px; 255 | background-color: rgb(33, 33, 34); 256 | border-bottom-right-radius: 100px; 257 | color: rgb(255, 255, 255); 258 | padding-right: 30px; 259 | padding-left: 30px; 260 | line-height: 40px; 261 | font-size: 16px; 262 | } 263 | 264 | 265 | #single .post .content { 266 | padding:25px; 267 | } 268 | 269 | 270 | #single .post .meta { 271 | text-align:center; 272 | padding:15px; 273 | color:#808080; 274 | font-size: 14px; 275 | } 276 | 277 | #single .post .over { 278 | display: flex; 279 | margin: 10px auto; 280 | color: rgb(78, 78, 78); 281 | } 282 | 283 | #single .post .over span { 284 | margin: 0px 15px 0px 15px; 285 | color: rgb(145, 145, 145); 286 | font-weight: 200; 287 | } 288 | 289 | #single .over .line { 290 | background-color: #ddd; 291 | height: 1px; 292 | width: 80%; 293 | margin-top: 15px; 294 | } 295 | 296 | #single .post .post-img { 297 | max-width: 100%; 298 | text-align: center; 299 | vertical-align: middle; 300 | max-height: 360px; 301 | margin-bottom: 8px; 302 | } 303 | 304 | #single .post .post-img img { 305 | max-width: 80%; 306 | max-height: 360px; 307 | } 308 | 309 | #single img { 310 | max-width: 100%; 311 | } 312 | 313 | .about-content img { 314 | max-width: 90%; 315 | margin:0 auto; 316 | margin-left:5%; 317 | 318 | } 319 | 320 | /* arhive */ 321 | .archive { 322 | padding: 10px 5px 5px 20px; 323 | font: 16px/2 "Helvetica Neue", Helvetica, Arial, sans-serif; 324 | z-index: 100; 325 | margin-left: 13%; 326 | } 327 | 328 | .archive .archive-item { 329 | display: flex; 330 | margin-top: 5px; 331 | } 332 | 333 | .archive-item .time { 334 | color: rgb(151, 151, 151); 335 | min-width: 60px; 336 | display: inline-block; 337 | } 338 | 339 | .archive-item .title { 340 | text-align: left; 341 | margin-left: 1.3em; 342 | color: #575757; 343 | font-weight: 300; 344 | transition: all 0.15s ease; 345 | } 346 | 347 | .archive-item .title a { 348 | text-align: left; 349 | color: #575757; 350 | } 351 | 352 | /* tags */ 353 | .tags { 354 | padding: 33px; 355 | max-width: 700px; 356 | margin: 0 auto; 357 | text-align: center; 358 | } 359 | 360 | .tags ul { 361 | margin: 0; 362 | padding: 0; 363 | } 364 | 365 | .tags ul li { 366 | list-style-type: none; 367 | margin: 10px 15px; 368 | display: inline-block; 369 | font-size: 1.2em; 370 | list-style-position: outside; 371 | color: #8a8a8a; 372 | transition: all 0.4s; 373 | } 374 | 375 | .tags ul li a { 376 | color: #6d6d6d; 377 | font-weight: 300; 378 | } 379 | 380 | 381 | .tags ul li:hover { 382 | transform: scale(1.2); 383 | } 384 | 385 | .tags ul li a:hover { 386 | font-weight: 400; 387 | } 388 | 389 | /* footer */ 390 | #footer { 391 | text-align: center; 392 | color:rgb(102, 102, 102); 393 | font-size: 13px; 394 | margin-bottom: 0; 395 | } 396 | #footer a { 397 | opacity: 0.9; 398 | color:rgb(102, 102, 102) !important; 399 | text-decoration: underline !important; 400 | } 401 | 402 | #footer a::before { 403 | background: transparent !important; 404 | height: 0px; 405 | } 406 | 407 | #footer a:hover { 408 | opacity: 1; 409 | color:#000 !important; 410 | text-decoration: underline !important; 411 | } 412 | 413 | 414 | /* nav-main */ 415 | 416 | .social { 417 | align-items: center; 418 | justify-content: center; 419 | text-align: center; 420 | vertical-align: middle; 421 | display: flex; 422 | } 423 | 424 | .social a { 425 | margin-right: 22px; 426 | margin-bottom: 16px; 427 | background: transparent; 428 | border-bottom: none; 429 | } 430 | 431 | .social a::before { 432 | background: transparent !important; 433 | height: 0px; 434 | } 435 | 436 | .social .social-icon { 437 | transition: all 0.4s; 438 | } 439 | 440 | .social .social-icon:hover { 441 | transform: scale(1.2); 442 | } 443 | 444 | .nav-main img { 445 | width: 33px; 446 | height: 33px; 447 | border-radius: 50%; 448 | background-color: transparent; 449 | vertical-align: middle; 450 | } 451 | 452 | 453 | .nav-main a { 454 | background-color: #fff; 455 | color: #000; 456 | text-decoration: none; 457 | background-color: transparent; 458 | margin-right: 1.2em; 459 | font-size: 13px; 460 | } 461 | 462 | /* about */ 463 | .about-content { 464 | width: 90%; 465 | margin: 0 auto; 466 | } 467 | 468 | @media screen and (min-width: 720px) { 469 | .wrapper { 470 | background-color: #FFF; 471 | margin:22px auto; 472 | max-width: 760px; 473 | padding: 30px; 474 | box-shadow: 0 10px 20px 0 rgb(236 236 236 / 86%); 475 | } 476 | 477 | .nav-main { 478 | position: sticky; 479 | top: 0; 480 | height: 56px; 481 | max-width: 950px; 482 | padding: 5px 10px 5px 10px; 483 | margin: 0 auto; 484 | margin-bottom: 10px; 485 | 486 | opacity: 0.8; 487 | background-color: #FFF; 488 | z-index: 1000; 489 | 490 | font-family: 'Roboto-Light'; 491 | font-size: 16px; 492 | text-align: right; 493 | line-height: 56px; 494 | vertical-align: middle; 495 | } 496 | 497 | /* post-list */ 498 | .posts .post { 499 | width: 76%; 500 | margin-left: 11%; 501 | margin-top: 14px; 502 | display: flex; 503 | padding: 10px; 504 | } 505 | 506 | .posts .post .time { 507 | margin:0px 16px auto; 508 | min-width: 60px; 509 | } 510 | 511 | .posts .post .time .month { 512 | font-size: 13px; 513 | color: #797979; 514 | text-align: center; 515 | margin: 15px auto; 516 | font-family: 'Roboto-Light'; 517 | } 518 | 519 | .posts .post .time .year { 520 | font-size: 13px; 521 | color: #797979; 522 | text-align: center; 523 | margin-top: 5px; 524 | font-family: 'Roboto-Light'; 525 | } 526 | 527 | .posts .post .meta .title { 528 | font-size: 20px; 529 | margin: 10px auto; 530 | font-family: "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; 531 | } 532 | 533 | 534 | /* archive */ 535 | .archive { 536 | padding: 10px 15px 5px 20px; 537 | font: 16px/2 "Helvetica Neue", Helvetica, Arial, sans-serif; 538 | } 539 | 540 | .about-content { 541 | padding:20px; 542 | } 543 | 544 | } 545 | 546 | 547 | @media screen and (max-width: 720px) { 548 | .wrapper { 549 | background-color: #FFF; 550 | width: 100%; 551 | max-width: 100%; 552 | margin:0; 553 | box-shadow: 0 10px 20px 0 rgb(236 236 236 / 86%); 554 | } 555 | 556 | .nav-main { 557 | position: sticky; 558 | top: 0; 559 | height: 56px; 560 | width: 99%; 561 | margin-bottom: 3px; 562 | margin-right: 10px; 563 | 564 | opacity: 0.8; 565 | background-color: #FFF; 566 | z-index: 1000; 567 | 568 | font-family: 'Roboto-Light'; 569 | font-size: 14px; 570 | text-align: right; 571 | line-height: 56px; 572 | vertical-align: middle; 573 | } 574 | 575 | /* post-list */ 576 | .posts .post { 577 | width: 90%; 578 | margin-top: 28px; 579 | display: flex; 580 | padding: 6px; 581 | } 582 | 583 | .posts .post .time { 584 | margin:10px 16px auto; 585 | min-width: 60px; 586 | } 587 | 588 | .posts .post .time .month { 589 | font-size: 10px; 590 | color: #797979; 591 | text-align: center; 592 | font-family: 'Roboto-Light'; 593 | } 594 | 595 | .posts .post .time .year { 596 | font-size: 10px; 597 | color: #797979; 598 | text-align: center; 599 | margin-top: 5px; 600 | font-family: 'Roboto-Light'; 601 | } 602 | 603 | .posts .post .meta .title { 604 | font-size: 16px; 605 | margin: 10px auto; 606 | font-family: "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; 607 | } 608 | 609 | .home-header { 610 | position: relative; 611 | } 612 | 613 | .home-image img { 614 | width: 100%; 615 | opacity: 0.7; 616 | } 617 | 618 | 619 | .archive { 620 | padding: 10px 5px 5px 20px; 621 | font: 16px/2 "Helvetica Neue", Helvetica, Arial, sans-serif; 622 | z-index: 100; 623 | margin-left: 0; 624 | } 625 | 626 | 627 | /* post content */ 628 | #single .post .title { 629 | text-align: center; 630 | font-size: 22px; 631 | padding: 3px 8px 3px 8px; 632 | margin-top: 22px; 633 | } 634 | } 635 | 636 | /* profile */ 637 | 638 | .line { 639 | height:1px; 640 | width: 80%; 641 | margin: 0 auto; 642 | background-color:rgb(187, 187, 187); 643 | margin-top: 20px; 644 | } 645 | 646 | @media screen and (min-width: 720px) { 647 | .profile { 648 | width: 80%; 649 | display: flex; 650 | text-align: center; 651 | vertical-align: middle; 652 | margin:0 auto; 653 | margin-top:33px; 654 | } 655 | 656 | .profile .avator { 657 | vertical-align: middle; 658 | text-align: center; 659 | margin-left: 88px; 660 | } 661 | 662 | .profile .avator img { 663 | max-width: 77px; 664 | max-height: 77px; 665 | border-radius: 90%; 666 | border-color: rgb(187, 187, 187); 667 | border-width: 1px; 668 | border-style: solid; 669 | transition: all 0.4s; 670 | } 671 | 672 | .profile .avator img:hover { 673 | transform: scale(1.1); 674 | } 675 | 676 | .profile .bio { 677 | margin-left: 50px; 678 | width: 100%; 679 | vertical-align: middle; 680 | text-align: left; 681 | } 682 | 683 | .profile .bio h2 { 684 | font-size:20px; 685 | margin:0 auto; 686 | } 687 | 688 | .profile .bio p { 689 | font-size: 14px; 690 | color: rgb(116, 116, 116); 691 | } 692 | } 693 | 694 | @media screen and (max-width: 720px) { 695 | .profile { 696 | width: 84%; 697 | display: flex; 698 | text-align: center; 699 | vertical-align: middle; 700 | margin: 0 auto; 701 | margin-top: 30px; 702 | } 703 | 704 | .profile .avator { 705 | vertical-align: middle; 706 | text-align: center; 707 | } 708 | 709 | .profile .avator img { 710 | max-width: 66px; 711 | max-height: 66px; 712 | border-radius: 90%; 713 | border-color: rgb(187, 187, 187); 714 | border-style: solid; 715 | border-width: 1px; 716 | } 717 | 718 | .profile .bio { 719 | margin-left: 20px; 720 | width: 100%; 721 | text-align: left; 722 | vertical-align: middle; 723 | } 724 | 725 | .profile .bio h2 { 726 | font-size: 18px; 727 | margin:0 auto; 728 | } 729 | 730 | .profile .bio p { 731 | font-size: 12px; 732 | color: rgb(116, 116, 116); 733 | } 734 | } 735 | --------------------------------------------------------------------------------