refactor: change exampleSite

36 files changed, 594 insertions, 67 deletions

diff --git a/README.md b/README.md
index 118c7a7..14d32ea 100644
--- a/README.md
+++ b/README.md
@@ -42,3 +42,7 @@ hugo server
 ```
 
 For more usage, please refer to Hugo's [basic usage](https://gohugo.io/getting-started/usage/).
+
+## License
+
+[MIT](https://github.com/wangchucheng/hugo-eureka/blob/master/LICENSE)
\ No newline at end of file
diff --git a/archetypes/default.md b/archetypes/default.md
index 8e4b597..d8940ee 100644
--- a/archetypes/default.md
+++ b/archetypes/default.md
@@ -1,5 +1,12 @@
----
-title: "{{ replace .Name "-" " " | title }}"
-date: {{ .Date }}
-draft: true
----
\ No newline at end of file
++++
+title = "{{ replace .Name "-" " " | title }}"
+summary = ""
+toc = true
+authors = []
+tags = []
+categories = []
+series = []
+date =  {{ .Date }}
+lastmod = {{ .Date }}
+draft = false
++++
\ No newline at end of file
diff --git a/assets/css/base.css b/assets/css/base.css
index cde8c5e..a50c9dd 100644
--- a/assets/css/base.css
+++ b/assets/css/base.css
@@ -18,3 +18,7 @@
     --color-secondary-text: rgba(255,255,255,0.65);
     --color-tertiary-text: rgba(255,255,255,0.45);
 }
+
+a:hover {
+    @apply text-eureka;
+}
\ No newline at end of file
diff --git a/exampleSite/config.toml b/exampleSite/config.toml
deleted file mode 100644
index 3094aa7..0000000
--- a/exampleSite/config.toml
+++ /dev/null
@@ -1,3 +0,0 @@
-baseURL = "http://example.org/"
-languageCode = "en-us"
-title = "My New Hugo Site"
\ No newline at end of file
diff --git a/exampleSite/config/_default/config.toml b/exampleSite/config/_default/config.toml
new file mode 100644
index 0000000..937ab6e
--- /dev/null
+++ b/exampleSite/config/_default/config.toml
@@ -0,0 +1,28 @@
+baseURL = "https://example.com/"
+title = "Eureka Demo"
+
+theme = "eureka"
+
+paginate = 3
+copyright = "&copy; 2020 <a href=\"https://wcc.im\">C. Wang</a> and <a href=\"https://ruiqima.com\">R. Ma</a>"
+enableGitInfo = false
+enableEmoji = true
+summaryLength = 75
+
+defaultContentLanguage = "en"
+hasCJKLanguage = false  # Set `true` for Chinese/Japanese/Korean.
+defaultContentLanguageInSubdir = false
+
+# Uncomment for google analytics
+# googleAnalytics = "UA-123-45"
+
+[markup]
+  [markup.highlight]
+    codeFences = false
+    noClasses = false
+
+[taxonomies]
+  category = "categories"
+  tag = "tags"
+  series = "series"
+  authors = "authors"
\ No newline at end of file
diff --git a/exampleSite/config/_default/languages.toml b/exampleSite/config/_default/languages.toml
new file mode 100644
index 0000000..7d06275
--- /dev/null
+++ b/exampleSite/config/_default/languages.toml
@@ -0,0 +1,10 @@
+[en]
+    languageCode = "en"
+    # Uncomment for multilingual sites, and move the default content into corresponding sub-folder.
+    # contentDir = "content/en"
+
+# Uncomment for multilingual sites, and customize the following config.
+# [zh]
+#     languageCode = "zh"
+#     contentDir = "content/zh"
+#     title = "中文标题"
\ No newline at end of file
diff --git a/exampleSite/config/_default/menus.toml b/exampleSite/config/_default/menus.toml
new file mode 100644
index 0000000..d27600a
--- /dev/null
+++ b/exampleSite/config/_default/menus.toml
@@ -0,0 +1,11 @@
+[[main]]
+    identifier = "about"
+    name = "About"
+    url = "/about/"
+    weight = 10
+
+[[main]]
+    identifier = "post"
+    name = "Posts"
+    url = "/post/"
+    weight = 20
\ No newline at end of file
diff --git a/exampleSite/config/_default/params.toml b/exampleSite/config/_default/params.toml
new file mode 100644
index 0000000..ac93202
--- /dev/null
+++ b/exampleSite/config/_default/params.toml
@@ -0,0 +1,18 @@
+description = "Eureka is a elegant and powerful theme for Hugo."
+
+[hero]
+    slogan = "We are all in the gutter, but some of us are looking at the stars."
+    # Specify the image name in `static/img/` folder.
+    imgLeft = "hero-left.jpg"
+    imgRight = "hero-right.jpg"
+
+[comment]
+    # Options: disqus and commento.
+    platform = ""
+
+    [comment.disqus]
+        shortname = ""
+
+    [comment.commento]
+        # If self-hosting, please enter the url (e.g. https://commento.example.com) here. Otherwise leave empty. 
+        url = ""
\ No newline at end of file
diff --git a/exampleSite/content/_index.md b/exampleSite/content/_index.md
index 43faa94..6abc75e 100644
--- a/exampleSite/content/_index.md
+++ b/exampleSite/content/_index.md
@@ -1,7 +1,4 @@
----
-title: Hi, and welcome.
-date: 2020-05-13
-draft: false
----
++++
+author = "Hugo Authors"
++++
 
-Live long and code.
diff --git a/exampleSite/content/about.md b/exampleSite/content/about.md
index bb3057b..a412806 100644
--- a/exampleSite/content/about.md
+++ b/exampleSite/content/about.md
@@ -1,7 +1,28 @@
----
-title: About
-date: 2020-05-13
-description: About me.
----
++++
+title = "About"
+description = "Hugo, the world’s fastest framework for building websites"
+date = "2019-02-28"
+aliases = ["about-us","about-hugo","contact"]
+author = "Hugo Authors"
++++
+
+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.
+
+Hugo makes use of a variety of open source projects including:
+
+* https://github.com/yuin/goldmark
+* https://github.com/alecthomas/chroma
+* https://github.com/muesli/smartcrop
+* https://github.com/spf13/cobra
+* https://github.com/spf13/viper
+
+Hugo is ideal for blogs, corporate websites, creative portfolios, online magazines, single page applications or even a website with thousands of pages.
+
+Hugo is for people who want to hand code their own website without worrying about setting up complicated runtimes, dependencies and databases.
+
+Websites built with Hugo are extremelly fast, secure and can be deployed anywhere including, AWS, GitHub Pages, Heroku, Netlify and any other hosting provider.
+
+Learn more and contribute on [GitHub](https://github.com/gohugoio).
+
+
 
-About
diff --git a/exampleSite/content/archives.md b/exampleSite/content/archives.md
new file mode 100644
index 0000000..98a1ee9
--- /dev/null
+++ b/exampleSite/content/archives.md
@@ -0,0 +1,5 @@
+---
+date: 2019-05-28
+type: section
+layout: "archives"
+---
\ No newline at end of file
diff --git a/exampleSite/content/authors/_index.md b/exampleSite/content/authors/_index.md
new file mode 100644
index 0000000..54f6ef4
--- /dev/null
+++ b/exampleSite/content/authors/_index.md
@@ -0,0 +1,95 @@
+---
+# Display name
+title: Ma Lechi
+
+# Username (this should match the folder name)
+authors:
+    - admin
+
+# Is this the primary user of the site?
+superuser: true
+
+# Role/position
+role: 学生
+
+# Organizations/Affiliations
+organizations:
+    - name: 武汉大学
+      url: "https://www.whu.edu.cn/"
+
+# Short bio (displayed in user profile at end of posts)
+bio: 有梦想，有追求，有吃的，有喝的，有玩的，有爱的
+
+shortContent: 奔波在实现梦想的道路上，享受忙碌的同时也喜欢惬意地驻足留意身边的美景，拥有许多大梦想。也有许多小愿望。
+
+interests:
+    - 看好看的
+    - 吃好吃的
+    - 玩好玩的
+
+education:
+    - institution: 武汉大学 计算机学院
+      course: 软件工程
+      year: 2017-2021
+    - institution: 华中师大一附中
+      course: 普通高中
+      year: 2014-2017
+
+honor:
+    - 某奖一等奖
+    - 某奖二等奖
+
+# Social/Academic Networking
+# For available icons, see: https://sourcethemes.com/academic/docs/page-builder/#icons
+#   For an email link, use "fas" icon pack, "envelope" icon, and a link in the
+#   form "mailto:your-email@example.com" or "#contact" for contact widget.
+social:
+    - icon: envelope
+      icon_pack: fas
+      link: "mailto:happy.malechi@gmail" # For a direct email link, use "mailto:test@example.org".
+    - icon: twitter
+      icon_pack: fab
+      link: https://https://twitter.com/malechi20
+    - icon: github
+      icon_pack: fab
+      link: https://github.com/malechiMLC
+# Link to a PDF of your resume/CV from the About widget.
+# To enable, copy your resume/CV to `static/files/cv.pdf` and uncomment the lines below.
+# - icon: cv
+#   icon_pack: ai
+#   link: files/cv.pdf
+
+# Enter email to display Gravatar (if Gravatar enabled in Config)
+email: ""
+# Organizational groups that you belong to (for People widget)
+#   Set this to `[]` or comment out if you are not using People widget.
+# user_groups:
+#   - Researchers
+#   - Visitors
+---
+## 自我介绍  
+
+我是一个多学科的设计师，住在布加勒斯特和我的妻子和一只懒洋洋的猫。  
+我工作时做的事情：视觉识别（标识、社交媒体展示），网页设计（电子商务、演示文稿、登录页），印刷设计（所有东西文具、营销材料、包装），动画和插图。  
+
+我的风格可以说是干净清晰，积极和注重内容。  
+
+对于一般工作，我使用Adobe产品，主要是插画，Photoshop和后期效果。用于应用程序设计和原型，Figma。  
+我的爱好包括传统绘画，创造性的产品设计和几乎任何我可以重塑或绘画，你可以在这里看到一些样品。  
+
+## 详细资料  
+
+年龄： 23岁  
+职业：设计师  
+喜爱： 狗，旅行，美食，生活  
+
+感兴趣的事：  
+- 做出大家吃了觉得幸福的美食
+- 上网看狗狗的照片  
+- 发呆  
+
+去过的城市：  
+- 这个城市  
+- 那个城市  
+- 未来要去的那个城市  
+- 以前去过的那个城市  
diff --git a/exampleSite/content/post/_index.md b/exampleSite/content/post/_index.md
new file mode 100644
index 0000000..7c6bd54
--- /dev/null
+++ b/exampleSite/content/post/_index.md
@@ -0,0 +1,6 @@
++++
+aliases = ["posts","articles","blog","showcase","docs"]
+title = "Posts"
+author = "Hugo Authors"
+tags = ["index"]
++++
diff --git a/exampleSite/content/post/emoji-support.md b/exampleSite/content/post/emoji-support.md
new file mode 100644
index 0000000..e8a9324
--- /dev/null
+++ b/exampleSite/content/post/emoji-support.md
@@ -0,0 +1,51 @@
++++
+title = "Emoji Support"
+description = "Guide to emoji usage in Hugo"
+summary = ""
+toc = true
+authors = ["Hugo Authors"]
+tags = ["emoji"]
+categories = []
+series = []
+date =  2019-03-05
+lastmod = 2019-03-05
+draft = false
++++
+
+Emoji can be enabled in a Hugo project in a number of ways. 
+<!--more-->
+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). 
+
+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.
+
+
+<p><span class="nowrap"><span class="emojify">🙈</span> <code>:see_no_evil:</code></span>  <span class="nowrap"><span class="emojify">🙉</span> <code>:hear_no_evil:</code></span>  <span class="nowrap"><span class="emojify">🙊</span> <code>:speak_no_evil:</code></span></p>
+<br>
+
+The [Emoji cheat sheet](http://www.emoji-cheat-sheet.com/) is a useful reference for emoji shorthand codes.
+
+***
+
+**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.
+
+{{< highlight html >}}
+.emoji {
+font-family: Apple Color Emoji,Segoe UI Emoji,NotoColorEmoji,Segoe UI Symbol,Android Emoji,EmojiSymbols;
+}
+{{< /highlight >}}
+
+{{< css.inline >}}
+<style>
+.emojify {
+	font-family: Apple Color Emoji,Segoe UI Emoji,NotoColorEmoji,Segoe UI Symbol,Android Emoji,EmojiSymbols;
+	font-size: 2rem;
+	vertical-align: middle;
+}
+@media screen and (max-width:650px) {
+    .nowrap {
+	display: block;
+	margin: 25px 0;
+}
+}
+</style>
+{{< /css.inline >}}
\ No newline at end of file
diff --git a/exampleSite/content/post/featured-image.md b/exampleSite/content/post/featured-image.md
new file mode 100644
index 0000000..83bf76d
--- /dev/null
+++ b/exampleSite/content/post/featured-image.md
@@ -0,0 +1,37 @@
++++
+title = "Featured Image"
+description = "Post with featured image."
+summary = ""
+toc = true
+authors = ["C. Wang"]
+tags = [
+    "image",
+]
+categories = [
+    "themes",
+]
+series = ["Themes Guide"]
+date =  2020-05-26
+lastmod = 2020-05-26
+draft = false
+
+featuredImage = "hero-right.jpg"
++++
+
+Maecenas maximus, elit in ornare porttitor, nisi eros hendrerit nisl, sed fermentum nulla urna blandit tellus.
+
+<!--more-->
+
+## Nullam tempor lectus quis
+
+Aenean vehicula non elit id varius. Mauris condimentum lacinia mollis. Nullam quis cursus metus, eget mattis erat. Aliquam nec ante lacus. In tellus augue, iaculis vitae sollicitudin quis, tempor nec urna. Aenean ut fermentum erat, vel gravida ligula. Etiam sed ex aliquet, egestas nibh eu, iaculis mi. Nunc sit amet fermentum ex. Sed convallis ac arcu tristique rhoncus. Suspendisse potenti.
+
+Proin justo purus, porttitor et semper ut, commodo et nibh. Nam malesuada id arcu in tempus. Ut ornare vestibulum ultrices. Nullam tempor lectus quis ornare viverra. Vestibulum fringilla turpis ac leo fermentum, et dictum nisi consectetur. Integer ullamcorper fringilla mi, non volutpat sapien ultrices vel. Phasellus at blandit neque, pulvinar rutrum ante.
+
+Etiam auctor, elit vel pretium consequat, orci magna aliquet dolor, quis varius felis purus ut elit. Sed ultrices feugiat blandit. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Ut accumsan pulvinar purus et ornare. Vestibulum et tortor eget lacus hendrerit porttitor. Cras dapibus ac est posuere mattis. Pellentesque eu ligula ultricies, interdum nulla vel, sollicitudin ligula. Suspendisse sit amet massa sed dui placerat pharetra. Vestibulum massa sem, congue in vehicula vitae, aliquam eu mi. Suspendisse eget laoreet velit. Cras felis enim, molestie in enim nec, mollis venenatis lectus. Donec tincidunt, mi vel interdum varius, urna metus aliquet velit, ut venenatis nulla orci nec lectus. Nam id tortor imperdiet, tempor massa eget, congue nisl. Suspendisse venenatis facilisis orci, non scelerisque risus volutpat sit amet.
+
+## Vestibulum et tortor eget
+
+Aliquam posuere diam non ligula tristique congue. Donec dignissim eu justo sed dictum. Praesent at massa erat. Praesent mollis viverra velit. Aliquam maximus pharetra massa a efficitur. Sed tempus egestas purus sit amet tempor. Donec porttitor varius nisi, eu venenatis risus gravida id. Pellentesque blandit nunc non urna consectetur commodo. Sed at feugiat felis, sit amet malesuada nunc. Curabitur in tempor nisl. Pellentesque accumsan est orci, in commodo felis accumsan facilisis. Nulla maximus suscipit posuere. Nulla et consequat mauris, fermentum ultricies tellus.
+
+Maecenas consectetur ac libero vitae congue. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec tortor eu lectus placerat varius. Mauris a nisi consectetur, ornare dolor ut, rutrum ligula. Sed enim nisl, fermentum a dictum vel, vestibulum ut odio. Suspendisse laoreet quis urna eu vestibulum. Maecenas commodo augue ex, eu egestas nulla aliquet ut. Cras aliquam dui ipsum, nec sodales erat convallis sit amet. Donec porttitor posuere hendrerit. Sed imperdiet at purus eget tempus. In ac est urna.
\ No newline at end of file
diff --git a/exampleSite/content/post/first-post.md b/exampleSite/content/post/first-post.md
deleted file mode 100644
index 07d2f74..0000000
--- a/exampleSite/content/post/first-post.md
+++ /dev/null
@@ -1,7 +0,0 @@
----
-title: First Post
-date: 2020-05-13
-draft: false
----
-
-Wise words.
\ No newline at end of file
diff --git a/exampleSite/content/post/markdown-syntax.md b/exampleSite/content/post/markdown-syntax.md
new file mode 100644
index 0000000..ba32d21
--- /dev/null
+++ b/exampleSite/content/post/markdown-syntax.md
@@ -0,0 +1,151 @@
++++
+title = "Markdown Syntax Guide"
+description = "Sample article showcasing basic Markdown syntax and formatting for HTML elements."
+summary = ""
+toc = true
+authors = ["Hugo Authors"]
+tags = [
+    "markdown",
+    "css",
+    "html",
+    "themes",
+]
+categories = [
+    "themes",
+    "syntax",
+]
+series = ["Themes Guide"]
+date =  2019-03-11
+lastmod = 2019-03-11
+draft = false
+aliases = ["migrate-from-jekyl"]
++++
+
+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.
+<!--more-->
+
+## Headings
+
+The following HTML `<h1>`—`<h6>` elements represent six levels of section headings. `<h1>` is the highest section level while `<h6>` is the lowest.
+
+# H1
+## H2
+### H3
+#### H4
+##### H5
+###### H6
+
+## Paragraph
+
+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.
+
+Itatur? Quiatae cullecum rem ent aut odis in re eossequodi nonsequ idebis ne sapicia is sinveli squiatum, core et que aut hariosam ex eat.
+
+## Blockquotes
+
+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.
+
+#### Blockquote without attribution
+
+> Tiam, ad mint andaepu dandae nostion secatur sequo quae.
+> **Note** that you can use *Markdown syntax* within a blockquote.
+
+#### Blockquote with attribution
+
+> Don't communicate by sharing memory, share memory by communicating.</p>
+> — <cite>Rob Pike[^1]</cite>
+
+
+[^1]: The above quote is excerpted from Rob Pike's [talk](https://www.youtube.com/watch?v=PAAkCSZUG1c) during Gopherfest, November 18, 2015.
+
+## Tables
+
+Tables aren't part of the core Markdown spec, but Hugo supports supports them out-of-the-box.
+
+   | Name  | Age |
+   | ----- | --- |
+   | Bob   | 27  |
+   | Alice | 23  |
+
+#### Inline Markdown within tables
+
+| Inline&nbsp;&nbsp;&nbsp; | Markdown&nbsp;&nbsp;&nbsp; | In&nbsp;&nbsp;&nbsp;                | Table  |
+| ------------------------ | -------------------------- | ----------------------------------- | ------ |
+| *italics*                | **bold**                   | ~~strikethrough~~&nbsp;&nbsp;&nbsp; | `code` |
+
+## Code Blocks
+
+#### Code block with backticks
+
+```
+html
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <title>Example HTML5 Document</title>
+</head>
+<body>
+  <p>Test</p>
+</body>
+</html>
+```
+#### Code block indented with four spaces
+
+    <!DOCTYPE html>
+    <html lang="en">
+    <head>
+      <meta charset="UTF-8">
+      <title>Example HTML5 Document</title>
+    </head>
+    <body>
+      <p>Test</p>
+    </body>
+    </html>
+
+#### Code block with Hugo's internal highlight shortcode
+{{< highlight html >}}
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <title>Example HTML5 Document</title>
+</head>
+<body>
+  <p>Test</p>
+</body>
+</html>
+{{< /highlight >}}
+
+## List Types
+
+#### Ordered List
+
+1. First item
+2. Second item
+3. Third item
+
+#### Unordered List
+
+* List item
+* Another item
+* And another item
+
+#### Nested list
+
+* Item
+1. First Sub-item
+2. Second Sub-item
+
+## Other Elements — abbr, sub, sup, kbd, mark
+
+<abbr title="Graphics Interchange Format">GIF</abbr> is a bitmap image format.
+
+H<sub>2</sub>O
+
+X<sup>n</sup> + Y<sup>n</sup> = Z<sup>n</sup>
+
+Press <kbd><kbd>CTRL</kbd>+<kbd>ALT</kbd>+<kbd>Delete</kbd></kbd> to end the session.
+
+Most <mark>salamanders</mark> are nocturnal, and hunt for insects, worms, and other small creatures.
+
diff --git a/exampleSite/content/post/placeholder-text.md b/exampleSite/content/post/placeholder-text.md
new file mode 100644
index 0000000..6713efa
--- /dev/null
+++ b/exampleSite/content/post/placeholder-text.md
@@ -0,0 +1,64 @@
++++
+title = "Placeholder Text"
+description = "Lorem Ipsum Dolor Si Amet"
+summary = ""
+toc = true
+authors = ["Hugo Authors"]
+tags = [
+    "markdown",
+    "text",
+]
+categories = []
+series = []
+date =  2019-03-09
+lastmod = 2019-03-09
+draft = false
++++
+
+Lorem est tota propiore conpellat pectoribus de
+pectora summo. <!--more-->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.
+
+1. Exierant elisi ambit vivere dedere
+2. Duce pollice
+3. Eris modo
+4. Spargitque ferrea quos palude
+
+Rursus nulli murmur; hastile inridet ut ab gravi sententia! Nomine potitus
+silentia flumen, sustinet placuit petis in dilapsa erat sunt. Atria
+tractus malis.
+
+1. Comas hunc haec pietate fetum procerum dixit
+2. Post torum vates letum Tiresia
+3. Flumen querellas
+4. Arcanaque montibus omnes
+5. Quidem et
+
+# Vagus elidunt
+
+<svg class="canon" xmlns="http://www.w3.org/2000/svg" overflow="visible" viewBox="0 0 496 373" height="373" width="496"><g fill="none"><path stroke="#000" stroke-width=".75" d="M.599 372.348L495.263 1.206M.312.633l494.95 370.853M.312 372.633L247.643.92M248.502.92l246.76 370.566M330.828 123.869V1.134M330.396 1.134L165.104 124.515"></path><path stroke="#ED1C24" stroke-width=".75" d="M275.73 41.616h166.224v249.05H275.73zM54.478 41.616h166.225v249.052H54.478z"></path><path stroke="#000" stroke-width=".75" d="M.479.375h495v372h-495zM247.979.875v372"></path><ellipse cx="498.729" cy="177.625" rx=".75" ry="1.25"></ellipse><ellipse cx="247.229" cy="377.375" rx=".75" ry="1.25"></ellipse></g></svg>
+
+[The Van de Graaf Canon](https://en.wikipedia.org/wiki/Canons_of_page_construction#Van_de_Graaf_canon)
+
+## Mane refeci capiebant unda mulcebat
+
+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.
+
+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.
+
+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**.
+
+{{< css.inline >}}
+<style>
+.canon { background: white; width: 100%; height: auto;}
+</style>
+{{< /css.inline >}}
diff --git a/exampleSite/content/post/second-post.md b/exampleSite/content/post/second-post.md
deleted file mode 100644
index 78da919..0000000
--- a/exampleSite/content/post/second-post.md
+++ /dev/null
@@ -1,7 +0,0 @@
----
-title: A second Post
-date: 2020-05-13
-draft: false
----
-
-A lot more Wise words.
\ No newline at end of file
diff --git a/exampleSite/layouts/.gitkeep b/exampleSite/layouts/.gitkeep
deleted file mode 100644
index e69de29..0000000
--- a/exampleSite/layouts/.gitkeep
+++ /dev/null
diff --git a/exampleSite/static/img/hero-left.jpg b/exampleSite/static/img/hero-left.jpg
new file mode 100644
index 0000000..5811ac8
--- /dev/null
+++ b/exampleSite/static/img/hero-left.jpg
diff --git a/exampleSite/static/img/hero-right.jpg b/exampleSite/static/img/hero-right.jpg
new file mode 100644
index 0000000..36bd1d0
--- /dev/null
+++ b/exampleSite/static/img/hero-right.jpg
diff --git a/layouts/_default/list.html b/layouts/_default/list.html
index b920bf4..dfa94f0 100644
--- a/layouts/_default/list.html
+++ b/layouts/_default/list.html
@@ -7,7 +7,7 @@
     </div>
     {{ end }}
 </article>
-<div class="bg-secondary-bg px-6 py-8">
+<div class="bg-secondary-bg rounded px-6 py-8">
     {{ range .Pages }}
     <h2 class="text-lg text-primary-text my-2">
         <a href="{{ .Permalink }}" class="text-eureka hover:underline">
diff --git a/layouts/_default/single.html b/layouts/_default/single.html
index c50130b..92838bc 100644
--- a/layouts/_default/single.html
+++ b/layouts/_default/single.html
@@ -6,6 +6,9 @@
         class="col-span-2 {{ if not $hasSidebar }} {{- print "lg:col-start-2" -}} {{ end }} lg:col-span-6 bg-secondary-bg rounded px-6 py-8">
         <h1 class="font-bold text-3xl text-primary-text">{{ .Title }}</h1>
         {{ partial "post_metadata.html" . }}
+        <div class="object-cover w-full my-4">
+            {{ partial "featured_image.html" . }}
+        </div>
         <div class="content">
             {{ .Content}}
         </div>
diff --git a/layouts/index.html b/layouts/index.html
index e0ef571..ea3d917 100644
--- a/layouts/index.html
+++ b/layouts/index.html
@@ -15,16 +15,16 @@
             </div> -->
             <div class="grid grid-cols-9 grid-rows-5 h-screen -mt-16">
                 <div class="col-start-2 col-span-4 row-start-3 row-span-2 bg-local bg-cover z-10 shadow-2xl"
-                    style="background-image: url({{ print "img/hero-1.jpg" | relURL }});"></div>
+                    style="background-image: url({{ printf "img/%s" .Site.Params.hero.imgLeft | relURL }});"></div>
                 <div class="col-start-3 col-span-5 row-start-2 row-span-3 z-20">
                     <div class="flex flex-col items-center justify-center min-h-full">
                         <div class="bg-white bg-opacity-75 shadow-2xl -m-12 p-12">
-                            <span class="font-bold text-black text-opacity-75 text-2xl md:text-3xl">{{ .Site.Params.slogan }}</span>
+                            <span class="font-bold text-black text-opacity-75 text-2xl md:text-3xl">{{ .Site.Params.hero.slogan }}</span>
                         </div>
                     </div>
                 </div>
                 <div class="col-start-5 col-span-4 row-start-2 row-span-2 bg-local bg-cover shadow-2xl"
-                    style="background-image: url({{ print "img/hero-2.jpg" | relURL }});"></div>
+                    style="background-image: url({{ printf "img/%s" .Site.Params.hero.imgRight | relURL }});"></div>
             </div>
             <!-- <div class="grid grid-cols-8 grid-rows-6 xl:grid-rows-4 bg-cover bg-fixed -mx-8 -mt-12"
                 style="height: calc(100vh - 4rem); background-image: url(foo.jpg)">
diff --git a/layouts/partials/comment.html b/layouts/partials/comment.html
new file mode 100644
index 0000000..eca996b
--- /dev/null
+++ b/layouts/partials/comment.html
@@ -0,0 +1,5 @@
+{{ if eq .Site.Params.comment.platform "disqus" }}
+{{ partial "comment/disqus.html" . }}
+{{ else if eq .Site.Params.comment.platform "commento" }}
+{{ partial "comment/commento.html" . }}
+{{ end }}
\ No newline at end of file
diff --git a/layouts/partials/comment/commento.html b/layouts/partials/comment/commento.html
new file mode 100644
index 0000000..0d5c67a
--- /dev/null
+++ b/layouts/partials/comment/commento.html
@@ -0,0 +1,5 @@
+<div id="commento"></div>
+<script defer
+  src="{{ .Site.Params.comment.commento.url | default "https://cdn.commento.io"}}/js/commento.js">
+</script>
+<noscript>Please enable JavaScript to load the comments.</noscript>
\ No newline at end of file
diff --git a/layouts/partials/comment/disqus.html b/layouts/partials/comment/disqus.html
new file mode 100644
index 0000000..96cfe65
--- /dev/null
+++ b/layouts/partials/comment/disqus.html
@@ -0,0 +1,22 @@
+{{ if .Site.Params.comment.disqus.shortname }}
+<div id="disqus_thread"></div>
+<script>
+    var disqus_config = function () {
+    {{with .GetParam "disqus_identifier" }}this.page.identifier = '{{ . }}';{{end}}
+    {{with .GetParam "disqus_title" }}this.page.title = '{{ . }}';{{end}}
+    {{with .GetParam "disqus_url" }}this.page.url = '{{ . | html  }}';{{end}}
+    };
+    (function() {
+        if (["localhost", "127.0.0.1"].indexOf(window.location.hostname) != -1) {
+            document.getElementById('disqus_thread').innerHTML = 'Disqus comments not available by default when the website is previewed locally.';
+            return;
+        }
+        var d = document, s = d.createElement('script'); s.async = true;
+        s.src = '//' + {{ .Site.Params.comment.disqus.shortname }} + '.disqus.com/embed.js';
+        s.setAttribute('data-timestamp', +new Date());
+        (d.head || d.body).appendChild(s);
+    })();
+</script>
+<noscript>Please enable JavaScript to view the <a href="https://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>
+<a href="https://disqus.com" class="dsq-brlink">comments powered by <span class="logo-disqus">Disqus</span></a>
+{{ end }}
\ No newline at end of file
diff --git a/layouts/partials/featured_image.html b/layouts/partials/featured_image.html
new file mode 100644
index 0000000..4866b93
--- /dev/null
+++ b/layouts/partials/featured_image.html
@@ -0,0 +1,13 @@
+{{ $img := (.Resources.ByType "image").GetMatch "*featured*" }}
+{{ with $img }}
+<img src="{{ .RelPermalink }}" alt="Featured Image">
+{{ end }}
+{{ if .Params.featuredImage }}
+{{ if hasPrefix .Params.featuredImage "http" }}
+{{ $img = .Params.featuredImage }}
+{{ else }}
+{{ $imgPath := path.Join "img" .Params.featuredImage }}
+{{ $img = $imgPath | relURL }}
+{{ end }}
+<img src="{{- $img -}}" alt="Featured Image">
+{{ end }}
diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html
index d9a5065..7723c99 100644
--- a/layouts/partials/footer.html
+++ b/layouts/partials/footer.html
@@ -1,3 +1,3 @@
 <footer class="w-full text-center border-t border-gray-200 p-4 pin-b text-sm text-tertiary-text">
-    <p>{{ with .Site.Copyright }}{{ replace . "{year}" now.Year | markdownify}} &middot; {{ end }} Powered by the <a href="https://github.com/wangchucheng/hugo-eureka" class="hover:text-eureka">Eureka</a> theme for <a href="https://gohugo.io" class="hover:text-eureka">Hugo</a></p>
+    <p>{{ with .Site.Copyright }}{{ replace . "{year}" now.Year | safeHTML }} &middot; {{ end }} Powered by the <a href="https://github.com/wangchucheng/hugo-eureka" class="hover:text-eureka">Eureka</a> theme for <a href="https://gohugo.io" class="hover:text-eureka">Hugo</a></p>
 </footer>
\ No newline at end of file
diff --git a/layouts/partials/head.html b/layouts/partials/head.html
index 2b00e2d..2577a13 100644
--- a/layouts/partials/head.html
+++ b/layouts/partials/head.html
@@ -23,6 +23,7 @@
     href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@5.13.0/css/all.min.css"
     rel="stylesheet"> -->
 <script defer src="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@5.13.0/js/all.min.js"></script>
+{{ template "_internal/google_analytics_async.html" . }}
 {{ template "_internal/schema.html" . }}
 {{ partial "opengraph.html" . }}
 {{ range .AlternativeOutputFormats -}}
diff --git a/layouts/partials/horizontal_summary.html b/layouts/partials/horizontal_summary.html
index 3bad7cf..a1677c1 100644
--- a/layouts/partials/horizontal_summary.html
+++ b/layouts/partials/horizontal_summary.html
@@ -9,8 +9,7 @@
         </div>
         {{ partial "post_metadata.html" . }}
     </div>
-    {{ $img := (.Resources.ByType "image").GetMatch "*featured*" }}
-    {{ with $img }}
-    <img class="lg:max-w-xs object-contain mb-4 lg:mb-0 lg:ml-8" src='{{ .RelPermalink }}' alt="Featured Image">
-    {{ end }}
+    <div class="lg:max-w-xs object-contain mb-4 lg:mb-0 lg:ml-8">
+        {{ partial "featured_image.html" . }}
+    </div>
 </div>
\ No newline at end of file
diff --git a/layouts/partials/stacked_summary.html b/layouts/partials/stacked_summary.html
index 571c665..64455f5 100644
--- a/layouts/partials/stacked_summary.html
+++ b/layouts/partials/stacked_summary.html
@@ -1,8 +1,7 @@
 <div class="bg-secondary-bg rounded overflow-hidden hover:shadow-lg transition ease-in-out duration-200">
-    {{ $img := (.Resources.ByType "image").GetMatch "*featured*" }}
-    {{ with $img }}
-    <img class="w-full" src='{{ .RelPermalink }}' alt="Featured Image">
-    {{ end }}
+    <div class="w-full">
+        {{ partial "featured_image.html" . }}
+    </div>
     <div class="px-6 pt-6">
         <div class="font-bold text-xl text-primary-text mb-2"><a href="{{ .Permalink }}" class="hover:text-eureka">{{ .Title }}</a></div>
         <div class="">
diff --git a/layouts/partials/summary.html b/layouts/partials/summary.html
index aa24bea..1b3a19a 100644
--- a/layouts/partials/summary.html
+++ b/layouts/partials/summary.html
@@ -1,10 +1,5 @@
 <div class="bg-secondary-bg pb-4 shadow rounded">
-    {{ $img := (.Resources.ByType "image").GetMatch "*featured*" }}
-    {{ with $img }}
-    <div class="">
-        <img src='{{ .RelPermalink }}' class="object-cover" />
-    </div>
-    {{ end }}
+    {{ partial "featured_image.html" . }}
     <article class="pt-8 px-6 ">
         <h1 class="font-bold text-3xl text-primary-text"><a href="{{ .Permalink }}"
                 class="hover:text-eureka">{{ .Title }}</a></h1>
diff --git a/layouts/post/single.html b/layouts/post/single.html
index 45c5761..c84e6ea 100644
--- a/layouts/post/single.html
+++ b/layouts/post/single.html
@@ -6,10 +6,9 @@
         class="col-span-2 {{ if not $hasSidebar }} {{- print "lg:col-start-2" -}} {{ end }} lg:col-span-6 bg-secondary-bg rounded px-6 py-8">
         <h1 class="font-bold text-3xl text-primary-text">{{ .Title }}</h1>
         {{ partial "post_metadata.html" . }}
-        {{ $img := (.Resources.ByType "image").GetMatch "*featured*" }}
-        {{ with $img }}
-        <img src='{{ .RelPermalink }}' class="object-cover my-4" />
-        {{ end }}
+        <div class="object-cover w-full my-4">
+            {{ partial "featured_image.html" . }}
+        </div>
         <div class="content">
             {{ .Content}}
         </div>
@@ -17,7 +16,7 @@
         {{ partial "post_tags.html" . }}
         {{ end }}
         {{ partial "post_footer.html" . }}
-        {{ template "_internal/disqus.html" . }}
+        {{ partial "comment.html" . }}
     </div>
     {{ if $hasSidebar}}
     <div class="col-span-2">
diff --git a/theme.toml b/theme.toml
index 8321156..7046eb4 100644
--- a/theme.toml
+++ b/theme.toml
@@ -4,19 +4,13 @@
 name = "Eureka"
 license = "MIT"
 licenselink = "https://github.com/wangchucheng/hugo-eureka/blob/master/LICENSE"
-description = ""
+description = "Eureka is a elegant and powerful theme for Hugo."
 homepage = "http://example.com/"
-tags = []
-features = []
+tags = ["blog", "Responsive", "Simple", "Google analytics", "Multilingual", "Modern"]
+features = ["blog", "syntax highlighting"]
 min_version = "0.65.0"
 
 authors = [
   {name = "C. Wang", homepage = "https://wcc.im/"},
   {name = "R. Ma", homepage = "https://ruiqima.com/"}
 ]
-
-# If porting an existing theme
-[original]
-  name = ""
-  homepage = ""
-  repo = ""