diff options
| author | WayJam So <imsuwj@gmail.com> | 2020-05-03 15:29:11 +0300 |
|---|---|---|
| committer | WayJam So <imsuwj@gmail.com> | 2020-05-03 15:29:11 +0300 |
| commit | 4684fca2c8817b1baf2c2be7ff3993b2080a62a1 (patch) | |
| tree | 67cc7ea378b02e21b0504ac8e4dcaa7a40b68ac7 | |
Initial
32 files changed, 2408 insertions, 0 deletions
diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..08f98a4 --- /dev/null +++ b/.gitignore @@ -0,0 +1 @@ +exampleSite/resources/_gen @@ -0,0 +1,20 @@ +The MIT License (MIT) + +Copyright (c) 2020 WayJam So + +Permission is hereby granted, free of charge, to any person obtaining a copy of +this software and associated documentation files (the "Software"), to deal in +the Software without restriction, including without limitation the rights to +use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of +the Software, and to permit persons to whom the Software is furnished to do so, +subject to the following conditions: + +The above copyright notice and this permission notice shall be included in all +copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR +IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS +FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR +COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER +IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN +CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. diff --git a/README.md b/README.md new file mode 100644 index 0000000..38895f9 --- /dev/null +++ b/README.md @@ -0,0 +1,58 @@ +# Mixedpaper for Hugo + +Mixedpaper is a minimalist Hugo theme for writers and bloggers. + +## Feature + +- Clean and minimalist +- SCSS styling +- JavaScript free +- Syntax highlighting + +## Installation + +Navigate to the root directory of your Hugo site and clone this repository. + +Refer to the [Hugo docs](https://gohugo.io/getting-started/quick-start/) for more information. + +## Configuration + +#### Hightlight + +To enable theme-defined highlighting style, please set `pygmentsUseClasses = true` in `config.toml` + +#### Archives + +```toml +[[menu.main]] + name = "Archives" + identifier = "archives" + url = "/archives/" +``` + +#### Comments + +Supported Disqus and Valine now. + +```toml +[params.comment] +type = "disqus" # or valine +[params.comment.valine] +appid = "appid" +appkey = "appkey" +notify = "notify" +verify = "verify" +placeholder = "enjoy~" +avatar = "mm" +meta = "nick,mail" +pageSize = 10.0 +visitor = false +``` + +#### More + +Refer to `exampleSite/config.toml` for more example. + +## License + +Released under the [MIT License](https://github.com/wayjam/hugo-theme-mixedpaper/blob/master/LICENSE.md). diff --git a/archetypes/default.md b/archetypes/default.md new file mode 100644 index 0000000..00e77bd --- /dev/null +++ b/archetypes/default.md @@ -0,0 +1,6 @@ +--- +title: "{{ replace .Name "-" " " | title }}" +date: {{ .Date }} +draft: true +--- + diff --git a/assets/css/basic.scss b/assets/css/basic.scss new file mode 100644 index 0000000..edf6f1a --- /dev/null +++ b/assets/css/basic.scss @@ -0,0 +1,62 @@ +/** +* Basic +*/ + +* { + box-sizing: content-box; + -webkit-box-sizing: content-box; +} + +html, +body { + height: 100%; +} + +body { + color: rgba(0, 0, 0, 0.7); + background: #f8f8f8; + overflow-x: hidden; + font-size: 1em; + line-height: 1.8; +} + +a { + color: #58b798; + text-decoration: none; +} + +a:active { + color: #58b798; +} + +a:hover { + color: #6abfa3; + border-bottom: 1px solid #6abfa3; +} + +body, +select, +input, +textarea, +button { + font-family: PingFang SC, Verdana, Helvetica Neue, Microsoft Yahei, + Hiragino Sans GB, Microsoft Sans Serif, WenQuanYi Micro Hei, sans-serif; +} + +::selection { + background: #58b798; + color: #fff; +} + +::-moz-selection { + background: #58b798; + color: #fff; +} + +.hidden { + display: none; +} + +.clearfix { + clear: both; +} diff --git a/assets/css/main.scss b/assets/css/main.scss new file mode 100644 index 0000000..d15c140 --- /dev/null +++ b/assets/css/main.scss @@ -0,0 +1,1237 @@ +/** +* Mixedpaper style +*/ +body { + min-height: 100%; + display: flex; + flex-direction: column; +} + +/* Header */ +#header { + background-color: rgb(66, 133, 244); + box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), + 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); + width: 100%; + + .header_container { + padding: 1.5rem 0 2rem 0; + + a { + color: #fff; + } + + h1.sitetitle { + font-weight: 600; + font-size: 3.5em; + font-family: RobotoDraft, Roboto, Helvetica Neue, Helvetica, Arial, + sans-serif; + text-align: center; + text-shadow: 0px 0px 1px #333; + margin: 0; + + a { + position: relative; + display: inline-block; + transition: transform 0.3s; + transform-origin: 50% 0; + transform-style: preserve-3d; + + &::before { + position: absolute; + top: 100%; + left: 0; + width: 100%; + height: 100%; + content: attr(title); + transition: color 0.3s; + transform: rotateX(-90deg); + transform-origin: 50% 0; + text-align: center; + color: #333; + } + + &:after { + content: "¬"; + opacity: 0.4; + font-size: 0.8em; + } + + &:hover, + &:focus { + text-shadow: 0px 0px 1px #fff; + border: 0; + transform: rotateX(90deg) translateY(-22px); + } + } + } + } +} + +/* Navigation Menu */ +.navbar { + font-family: Consolas, "Courier New", Courier, FreeMono, monospace; + font-weight: 400; + font-size: 1.2em; + line-height: 1.2em; + + ul { + text-align: center; + padding: 0; + margin: 0; + } + + li { + display: inline-block; + list-style: none; + margin: 0; + + a { + padding: 1em; + text-transform: uppercase; + font-size: 1.1em; + font-weight: 700; + text-shadow: 0px 0px 1px #333; + display: inline-block; + vertical-align: middle; + transform: perspective(1px) translateZ(0); + position: relative; + overflow: hidden; + border: 0 !important; + + &:before { + content: ""; + position: absolute; + z-index: -1; + left: 51%; + right: 51%; + bottom: 0; + background: #fff; + height: 4px; + transition-property: left, right; + transition-duration: 0.3s; + transition-timing-function: ease-out; + } + + &:hover:before, + &:focus:before, + &:active:before { + left: 0; + right: 0; + } + } + } +} + +/* Footer */ +#footer { + width: 100%; + text-align: center; + padding: 1.5em 0; + background-color: #5c5757; + color: #e5e5e5; + border-top: 5px solid #ee6e73; + margin-top: 2em; + position: relative; + + p { + padding: 1px 0; + margin: 0; + } + + a { + color: #fff; + + &:hover { + border-bottom-width: 0; + } + } + + span { + padding: 0 0.6em; + } + + .upyun { + height: 40px; + display: block; + } +} + +/* Pagination */ +.pagination { + background: linear-gradient( + to right, + rgba(255, 255, 255, 0) 0%, + white 17%, + white 83%, + rgba(255, 255, 255, 0) 100% + ); + padding: 2px 2em; + position: relative; + margin: 2em auto; + + &::before, + &::after { + background: linear-gradient( + to right, + rgba(0, 0, 0, 0) 0%, + rgba(0, 0, 0, 0.1) 17%, + rgba(0, 0, 0, 0.1) 83%, + rgba(0, 0, 0, 0) 100% + ); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#00000000', GradientType=1); + content: " "; + height: 1px; + left: 0; + position: absolute; + width: 100%; + } + + &::before { + top: -1px; + } + + &::after { + bottom: -1px; + } + + .pagination_container { + text-align: center; + position: relative; + height: 40px; + margin: 0; + padding: 0; + + &::before, + &::after { + content: " "; + display: table; + } + + &::after { + clear: both; + } + } + + li.page-item { + list-style: none; + cursor: pointer; + overflow: hidden; + display: inline-block; + line-height: 40px; + vertical-align: middle; + text-align: center; + border-radius: 50%; + border: 0; + transition: all 170ms linear; + margin: 0 5px; + + a { + color: #777; + } + + &.to-left { + float: left; + } + + &.to-right { + float: right; + } + + &.to-left, + &.to-right { + overflow: inherit; + color: #777; + font-weight: 600; + border-radius: 0; + transition: unset; + + &:hover { + border-bottom: 2px solid #ff9800; + } + } + + &.disabled { + a { + color: #999; + } + } + + &.active, + &.disabled { + cursor: not-allowed; + pointer-events: none; + } + + &.active { + transform: none; + font-weight: 600; + border-bottom: 2px solid #607d8b; + border-radius: 0; + a { + color: #333; + } + } + + a { + border: 0; + display: block; + &:hover { + border: 0; + } + } + } + + li.page-number { + width: 40px; + height: 40px; + &:before { + background: rgba(0, 0, 0, 0.2); + border-radius: 50%; + content: ""; + height: 0; + left: 50%; + pointer-events: none; + opacity: 0; + position: absolute; + transform: translate(-50%, -50%); + transition: all 170ms linear; + top: 50%; + width: 0; + } + + &:hover { + background: #eee; + color: #555; + animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both; + transform: translate3d(0, 0, 0); + backface-visibility: hidden; + perspective: 1000px; + + &::before { + animation: hoverAnimation 510ms linear forwards; + height: 40px; + width: 40px; + } + } + } +} + +@keyframes hoverAnimation { + from { + opacity: 1; + } + + to { + opacity: 0; + } +} + +/* Content */ +#main { + margin: 0 auto; + max-width: 1280px; + width: 100%; + flex: 1; + margin-top: -3.5rem; +} + +.content { + margin: 2em auto; + padding: 0.5em 2em; + box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2), + 0px 1px 3px 0px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12); + background: #fff; +} + +.other_posts { + .next { + width: 50%; + text-align: right; + float: right; + + &::after { + content: "\bb"; + padding-left: 5px; + } + } + + .prev { + float: left; + width: 50%; + + &::before { + content: "\ab"; + padding-right: 5px; + } + } + + a { + background-color: transparent; + border-width: 0; + } + + a, + .next::after, + .prev::before { + color: #009688; + } +} + +/* List */ +.post_list { + article.content { + .title { + border-width: 1px; + } + } + + ul, + li { + padding: 0; + list-style: none; + } + + .listing { + .item { + &:hover { + background: #03a9f40f; + & > a, + & > span { + color: #212121; + } + } + a { + display: block; + &:hover { + border-width: 0; + } + } + &:after { + content: ""; + clear: both; + display: block; + } + } + + .line_item { + a { + padding: 1em; + } + span.date { + float: right; + } + &:not(:last-child) { + border-bottom: 1px dashed #ddd; + } + } + + li.block_item { + display: inline-block; + margin: 0.2em 0.2em; + border: 1px dashed #ddd; + a { + padding: 0.5em 0.5em; + } + } + } +} + +/* Archive */ +#archives { + padding: 0; + + .listing .line_item { + border-left-width: 0; + border-right-width: 0; + } + + .collection-title { + h3 { + color: #eee; + padding: 0.5em 1em; + background-color: #8daebe; + font-weight: 600; + margin: 0; + } + } + .archive-post a { + display: block; + padding: 1em; + } +} + +/* Post */ +.post { + .title { + border-bottom: 3px solid rgba(0, 0, 0, 0.1); + color: #f47f5a; + font-size: 2em; + font-weight: 500; + margin: 0.8em 0; + + a { + color: #009688; + border: 0; + } + } + + .date { + color: #999; + font-style: italic; + float: right; + } + + .info { + border-top: 3px solid rgba(0, 0, 0, 0.1); + padding: 0.5em 0; + + .license { + padding: 0; + p { + color: #666; + margin-left: 0; + margin-right: 0; + padding: 1.2em 30px 1.2em 55px; + border-left: 8px solid #78c0a8; + line-height: 1.6; + position: relative; + background: #f5f5f5; + } + } + ul.tags { + padding: 0; + margin: 0; + + li { + padding-right: 1em; + display: inline; + + a { + color: #009688; + + &:before { + content: "#"; + opacity: 0.6; + } + } + } + } + } + + .summary img { + margin: 0 auto; + display: block; + max-height: 20em; + } + + .post_content { + padding: 0em 0 2em 0em; + + a:hover { + border-bottom-color: #555; + color: #555; + text-decoration: none; + } + + p, + pre, + ul, + ol, + dl, + form, + hr, + table, + blockquote, + .codehilite { + margin-bottom: 1em; + word-wrap: break-word; + word-break: normal; + } + + h1, + h2, + h3, + h4, + h5, + h6 { + font-weight: 500; + color: #333; + line-height: 1.2; + } + + u { + text-decoration: underline; + } + + mark { + background: #fffdd1; + border-bottom: 1px solid #ffedce; + padding: 2px; + margin: 0 5px; + } + + pre, + code, + pre tt { + font-family: SFMono-Regular, Consolas, Liberation Mono, Menlo, monospace; + } + + code, + pre { + background-color: #f5f5f5; + border: 1px solid #eee; + padding: 0 2px; + border-radius: 4px; + margin: auto 2px; + } + + pre { + display: block; + padding: 0.6em 1em; + margin: 0.8em 0; + word-break: break-all; + word-wrap: break-word; + + code { + padding: 0; + border-width: 0; + white-space: pre-wrap; + background-color: transparent; + border-radius: 0; + font-size: 0.9em; + min-width: 300px; + } + } + + hr { + border: none; + border-bottom: 1px dashed #cfcfcf; + margin-bottom: 0.8em; + height: 10px; + } + + small, + figcaption { + font-size: 0.9em; + color: #888; + } + + strong, + b { + font-weight: bold; + color: #333; + } + + [draggable] { + cursor: move; + } + + h1 { + font-size: 1.8em; + } + + h2 { + font-size: 1.6em; + } + + h3 { + font-size: 1.4em; + } + + h4 { + font-size: 1.2em; + } + + h5, + h6 { + font-size: 1.1em; + } + + ul { + list-style: disc; + } + + ol { + margin-left: 1em; + list-style: decimal; + } + + li ul, + li ol { + margin-bottom: 0.8em; + margin-left: 2em; + } + + li ul { + list-style: circle; + } + + table th, + table td, + table caption { + border: 1px solid #ddd; + padding: 0.5em 1em; + color: #666; + } + + table th { + background: #fbfbfb; + } + + table thead th { + background: #f1f1f1; + } + + table caption { + border-bottom: none; + } + + em, + legend, + caption { + color: #333; + font-weight: inherit; + } + + img { + max-width: 100%; + border: 1px solid #ccc; + padding: 2px; + } + + blockquote { + color: #666; + margin-left: 0; + margin-right: 0; + padding: 1.2em 30px 1.2em 55px; + border-left: 8px solid #78c0a8; + line-height: 1.6; + position: relative; + background: #f5f5f5; + + &::before { + font-family: Arial; + content: "\201C"; + color: #78c0a8; + font-size: 4em; + position: absolute; + left: 15px; + top: -10px; + } + + &::after { + content: ""; + } + + p { + margin: auto; + } + } + + .clearfix { + zoom: 1; + + &:before, + &:after { + content: ""; + display: table; + } + + &:after { + clear: both; + } + } + } +} + +/* Comment */ +#comments { + padding: 0.5em; + margin: 1em 0; +} + +/* Code Hightlight */ +.highlight { + .chroma { + table { + position: relative; + margin: 0; + padding: 0; + width: 100%; + border-collapse: collapse; + background-color: #f5f5f5; + border: 1px solid #ddd; + } + td, + tr { + margin: 0; + padding: 0; + } + .lntd { + line-height: 20px; + border: 0; + pre.chroma { + margin: 0; + padding: 0; + min-width: 0; + word-wrap: initial; + word-break: initial; + border: 0; + } + } + } + & > .chroma .lntd:first-child { + width: 10px; + } + pre { + border-top: 1px solid #d1d7dc; + overflow: auto; + font-size: 0.9em; + min-width: 300px; + } + + .hll { + background-color: #ffffcc; + } + + .c { + color: #8e908c; + } + + .err { + color: #c82829; + } + + .k { + color: #8959a8; + font-weight: bold; + } + + .n { + color: #555555; + } + + .o { + color: #555555; + } + + .p { + color: #555555; + } + + .cm { + color: #999999; + } + + .cp { + color: #1e889b; + } + + .c1 { + color: #8e908c; + } + + .cs { + color: #8b008b; + font-weight: bold; + } + + .gd { + color: #aa0000; + } + + .ge { + font-style: italic; + } + + .gr { + color: #aa0000; + } + + .gh { + color: #000080; + font-weight: bold; + } + + .gi { + color: #00aa00; + } + + .go { + color: #888888; + } + + .gp { + color: #555555; + } + + .gs { + font-weight: bold; + } + + .gu { + color: #800080; + font-weight: bold; + } + + .gt { + color: #aa0000; + } + + .kc { + color: #8b008b; + font-weight: bold; + } + + .kd { + color: #8959a8; + font-weight: bold; + } + + .kn { + color: #8b008b; + font-weight: bold; + } + + .kp { + color: #8b008b; + font-weight: bold; + } + + .kr { + color: #8b008b; + font-weight: bold; + } + + .kt { + color: #902000; + font-weight: bold; + } + + .m { + color: #b452cd; + } + + .s { + color: #f5871f; + } + + .na { + color: #f5871f; + } + + .nb { + color: #4271ae; + } + + .nc { + color: #008b45; + font-weight: bold; + } + + .no { + color: #00688b; + } + + .nd { + color: #0a6eda; + } + + .ni { + color: #555555; + } + + .ne { + color: #008b45; + font-weight: bold; + } + + .nf { + color: #008b45; + } + + .nl { + color: #555555; + } + + .nn { + color: #4271ae; + } + + .nx { + color: #555555; + } + + .py { + color: #555555; + } + + .nt { + color: #c82829; + font-weight: bold; + } + + .nv { + color: #00688b; + } + + .ow { + color: #8b008b; + } + + .w { + color: #bbbbbb; + } + + .mb { + color: #b452cd; + } + + .mf { + color: #b452cd; + } + + .mh { + color: #b452cd; + } + + .mi { + color: #f5871f; + } + + .mo { + color: #b452cd; + } + + .sb { + color: #cd5555; + } + + .sc { + color: #cd5555; + } + + .sd { + color: #cd5555; + } + + .s2 { + color: #718c00; + } + + .se { + color: #cd5555; + } + + .sh { + color: #1c7e71; + font-style: italic; + } + + .si { + color: #cd5555; + } + + .sx { + color: #cb6c20; + } + + .sr { + color: #1c7e71; + } + + .s1 { + color: #cd5555; + } + + .ss { + color: #cd5555; + } + + .bp { + color: #658b00; + } + + .vc { + color: #00688b; + } + + .vg { + color: #00688b; + } + + .vi { + color: #00688b; + } + + .il { + color: #b452cd; + } +} + +/* back to top */ +#back_to_top { + bottom: calc(6em + 40px); + border: 0; + background: transparent; + padding: 2px; + transition-duration: 0.2s; + width: 36px; + height: 36px; + opacity: 0.7; + text-decoration: none; + position: fixed; + right: 30px; + border-radius: 50%; + line-height: 36px; + font-size: 18px; + text-align: center; + + svg { + fill: currentColor; + width: 1em; + height: 1em; + display: inline-block; + font-size: 36px; + transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; + user-select: none; + flex-shrink: 0; + } + + span { + color: #888; + } + + &:hover { + border: 0; + box-shadow: 0px 0px 2px #ccc; + opacity: 1; + cursor: pointer; + background: #dfdfdf; + + span { + color: #fff; + } + } +} + +/********************* + Media Query Classes +**********************/ +@media only screen and (min-width: 601px) { + #main { + width: 95%; + } +} + +@media only screen and (min-width: 1024px) { + #main { + width: 80%; + } +} + +@media only screen and (min-width: 1280px) { + #main { + width: 75%; + } +} + +@media only screen and (max-width: 600px) { + #main { + margin-top: 0; + } + + #header { + box-shadow: none; + + .header_container { + padding: 0; + + .sitetitle { + font-size: 3em; + } + + .navbar { + font-size: 1em; + line-height: 1em; + } + } + } + + #footer { + span { + display: block; + } + } + + #back_to_top { + display: none !important; + visibility: hidden; + } + + .content { + margin: 1em auto; + } + + h3.title { + margin: 0; + } + + .post span.date { + float: none; + } + + .other_posts span.prev, + .other_posts span.next { + display: block; + text-align: center; + width: 100%; + } +} + +@media (max-width: 480px) { + .markdown code { + padding: 0; + margin: 0; + } +} + +.notfound { + margin-top: 0 !important; + + h1 { + font-size: 14em; + line-height: 110%; + padding: 0; + font-weight: 400; + font-family: cursive; + text-align: center; + display: block; + margin: 0; + } + .block { + max-width: 25em; + margin: 0 auto; + width: 500px; + font-size: 1.25em; + } + p { + font-size: 1em; + line-height: 2em; + text-align: left; + } + a { + color: #666; + font-style: italic; + &:hover { + cursor: pointer; + } + } + .line { + border-top: 1px solid #607d8b; + } + p.back { + text-align: right; + } +} diff --git a/assets/js/main.js b/assets/js/main.js new file mode 100644 index 0000000..6503c3a --- /dev/null +++ b/assets/js/main.js @@ -0,0 +1,19 @@ +(function() { + const backToTopBtn = document.getElementById("back_to_top"); + + window.onscroll = function() { + scrollFunction(backToTopBtn); + }; +})(); + +function scrollFunction(btn) { + const pageOffset = + document.documentElement.scrollTop || document.body.scrollTop; + if (btn) btn.style.visibility = pageOffset > 450 ? "visible" : "hidden"; +} + +// When the user clicks on the button, scroll to the top of the document +function backToTop() { + document.body.scrollTop = 0; // For Safari + document.documentElement.scrollTop = 0; // For Chrome, Firefox, IE and Opera +} diff --git a/exampleSite/archetypes/default.md b/exampleSite/archetypes/default.md new file mode 100644 index 0000000..00e77bd --- /dev/null +++ b/exampleSite/archetypes/default.md @@ -0,0 +1,6 @@ +--- +title: "{{ replace .Name "-" " " | title }}" +date: {{ .Date }} +draft: true +--- + diff --git a/exampleSite/config.toml b/exampleSite/config.toml new file mode 100644 index 0000000..d65cb2f --- /dev/null +++ b/exampleSite/config.toml @@ -0,0 +1,87 @@ +baseURL = "https://example.com" +languageCode = "en-us" +title = "Mixedpaper" +theme = "mixedpaper-hugo" +enableRobotsTXT = true +paginate = 10 # Set the number of posts to show before overflowing to the next page. +summaryLength = 10 # Configure how long the post summary should be on the homepage. +pygmentsUseClasses = true # enable theme-defined highlight style + +# Add your Google Analytics identifier: UA-XXXXXXXX-X +googleAnalytics = "" + +# Add your Disqus shortname here. +disqusShortname = "" + +[taxonomies] +tag = "tags" + +[author] +name = "Hugo Author" + +[params] +# Blog description at the top of the homepage. Supports markdown. +description = "Mixedpaper is a minimalist Hugo theme, perfect for writers and bloggers." +showReadMore = false +mainSections = [ + "post", +] +# paginate of archives, tags and categories +listPaginate = 20 +postLicense = "" + +[params.comment] +type = "none" + +[params.comment.valine] +appid = "appid" +appkey = "appkey" +notify = "notify" +verify = "verify" +placeholder = "enjoy~" +avatar = "mm" +meta = "nick,mail" +pageSize = 10.0 +visitor = false + +# Menu links along the sidebar navigation. +[[menu.main]] +identifier = "about" +name = "About" +url = "/about/" +weight = 1 # Weight is an integer used to sort the menu items. The sorting goes from smallest to largest numbers. If weight is not defined for each menu entry, Hugo will sort the entries alphabetically. + +[[menu.main]] +identifier = "tags" +name = "Tags" +url = "/tags/" +weight = 2 + +[[menu.main]] +name = "Archives" +identifier = "archives" +url = "/archives/" +weight = 3 + +# Privacy configurations: https://gohugo.io/about/hugo-and-gdpr/ +[privacy] +[privacy.disqus] +disable = false +[privacy.googleAnalytics] +anonymizeIP = true +disable = false +respectDoNotTrack = false +useSessionStorage = false +[privacy.instagram] +disable = false +simple = false +[privacy.twitter] +disable = false +enableDNT = false +simple = false +[privacy.vimeo] +disable = false +simple = false +[privacy.youtube] +disable = false +privacyEnhanced = true diff --git a/exampleSite/content/about.md b/exampleSite/content/about.md new file mode 100644 index 0000000..ce6e637 --- /dev/null +++ b/exampleSite/content/about.md @@ -0,0 +1,24 @@ +--- +date: 2019-05-28 +type: section +title: "About" +--- + +Written in Go, Hugo is an open source static site generator available under the [Apache License 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: + +* [Blackfriday](https://github.com/russross/blackfriday) +* [Chroma](https://github.com/alecthomas/chroma) +* [Smartcrop](https://github.com/muesli/smartcrop) +* [Cobra](https://github.com/spf13/cobra) +* [Viper](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). + diff --git a/exampleSite/content/archives/_index.md b/exampleSite/content/archives/_index.md new file mode 100644 index 0000000..c77cfe0 --- /dev/null +++ b/exampleSite/content/archives/_index.md @@ -0,0 +1,8 @@ ++++ +title = "Archives" +description = "" ++++ + +You can change archives page details above. + +Keep this file saft to ensure Hugo generate the archives page. diff --git a/exampleSite/content/posts/cjk-test.md b/exampleSite/content/posts/cjk-test.md new file mode 100644 index 0000000..390e123 --- /dev/null +++ b/exampleSite/content/posts/cjk-test.md @@ -0,0 +1,79 @@ +--- +title: "CJK Unicode Test" +date: 2020-01-01T00:00:00+08:00 +description: "CJK Unicode Testpage" +tags: [ + "test", + "cjk" +] +--- + +The following is part of the CJK text, this page is for test use only.<!--more--> + +## CJK Radicals Supplement + +⺀ ⺁ ⺂ ⺃ ⺄ ⺅ ⺆ ⺇ ⺈ ⺉ ⺊ ⺋ ⺌ ⺍ ⺎ ⺏ ⺐ ⺑ ⺒ ⺓ ⺔ ⺕ ⺖ ⺗ ⺘ ⺙ ⺛ ⺜ ⺝ ⺞ ⺟ ⺠ ⺡ ⺢ ⺣ ⺤ ⺥ ⺦ ⺧ ⺨ ⺩ ⺪ ⺫ ⺬ ⺭ ⺮ ⺯ ⺰ ⺱ ⺲ ⺳ ⺴ ⺵ ⺶ ⺷ ⺸ ⺹ ⺺ ⺻ ⺼ ⺽ ⺾ ⺿ ⻀ ⻁ ⻂ ⻃ ⻄ ⻅ ⻆ ⻇ ⻈ ⻉ ⻊ ⻋ ⻌ ⻍ ⻎ ⻏ ⻐ ⻑ ⻒ ⻓ ⻔ ⻕ ⻖ ⻗ ⻘ ⻙ ⻚ ⻛ ⻜ ⻝ ⻞ ⻟ ⻠ ⻡ ⻢ ⻣ ⻤ ⻥ ⻦ ⻧ ⻨ ⻩ ⻪ ⻫ ⻬ ⻭ ⻮ ⻯ ⻰ ⻱ ⻲ ⻳ + +## Kangxi Radicals + +⼀ ⼁ ⼂ ⼃ ⼄ ⼅ ⼆ ⼇ ⼈ ⼉ ⼊ ⼋ ⼌ ⼍ ⼎ ⼏ ⼐ ⼑ ⼒ ⼓ ⼔ ⼕ ⼖ ⼗ ⼘ ⼙ ⼚ ⼛ ⼜ ⼝ ⼞ ⼟ ⼠ ⼡ ⼢ ⼣ ⼤ ⼥ ⼦ ⼧ ⼨ ⼩ ⼪ ⼫ ⼬ ⼭ ⼮ ⼯ ⼰ ⼱ ⼲ ⼳ ⼴ ⼵ ⼶ ⼷ ⼸ ⼹ ⼺ ⼻ ⼼ ⼽ ⼾ ⼿ ⽀ ⽁ ⽂ ⽃ ⽄ ⽅ ⽆ ⽇ ⽈ ⽉ ⽊ ⽋ ⽌ ⽍ ⽎ ⽏ ⽐ ⽑ ⽒ ⽓ ⽔ ⽕ ⽖ ⽗ ⽘ ⽙ ⽚ ⽛ ⽜ ⽝ ⽞ ⽟ ⽠ ⽡ ⽢ ⽣ ⽤ ⽥ ⽦ ⽧ ⽨ ⽩ ⽪ ⽫ ⽬ ⽭ ⽮ ⽯ ⽰ ⽱ ⽲ ⽳ ⽴ ⽵ ⽶ ⽷ ⽸ ⽹ ⽺ ⽻ ⽼ ⽽ ⽾ ⽿ ... + +## CJK Symbols and Punctuation + + 、 。 〃 〄 々 〆 〇 〈 〉 《 》 「 」 『 』 【 】 〒 〓 〔 〕 〖 〗 〘 〙 〚 〛 〜 〝 〞 〟 〠 〡 〢 〣 〤 〥 〦 〧 〨 〩 〪 〫 〬 〭 〮 〯 〰 〱 〲 〳 〴 〵 〶 〷 〸 〹 〺 〻 〼 〽 〾 〿 + +## Hiragana + +ぁ あ ぃ い ぅ う ぇ え ぉ お か が き ぎ く ぐ け げ こ ご さ ざ し じ す ず せ ぜ そ ぞ た だ ち ぢ っ つ づ て で と ど な に ぬ ね の は ば ぱ ひ び ぴ ふ ぶ ぷ へ べ ぺ ほ ぼ ぽ ま み む め も ゃ や ゅ ゆ ょ よ ら り る れ ろ ゎ わ ゐ ゑ を ん ゔ ゕ ゖ ゙ ゚ ゛ ゜ ゝ ゞ ゟ + +## Katakana + +゠ ァ ア ィ イ ゥ ウ ェ エ ォ オ カ ガ キ ギ ク グ ケ ゲ コ ゴ サ ザ シ ジ ス ズ セ ゼ ソ ゾ タ ダ チ ヂ ッ ツ ヅ テ デ ト ド ナ ニ ヌ ネ ノ ハ バ パ ヒ ビ ピ フ ブ プ ヘ ベ ペ ホ ボ ポ マ ミ ム メ モ ャ ヤ ュ ユ ョ ヨ ラ リ ル レ ロ ヮ ワ ヰ ヱ ヲ ン ヴ ヵ ヶ ヷ ヸ ヹ ヺ ・ ー ヽ ヾ ヿ + +## Bopomofo + +ㄅ ㄆ ㄇ ㄈ ㄉ ㄊ ㄋ ㄌ ㄍ ㄎ ㄏ ㄐ ㄑ ㄒ ㄓ ㄔ ㄕ ㄖ ㄗ ㄘ ㄙ ㄚ ㄛ ㄜ ㄝ ㄞ ㄟ ㄠ ㄡ ㄢ ㄣ ㄤ ㄥ ㄦ ㄧ ㄨ ㄩ ㄪ ㄫ ㄬ + +## Hangul Compatibility Jamo + +ㄱ ㄲ ㄳ ㄴ ㄵ ㄶ ㄷ ㄸ ㄹ ㄺ ㄻ ㄼ ㄽ ㄾ ㄿ ㅀ ㅁ ㅂ ㅃ ㅄ ㅅ ㅆ ㅇ ㅈ ㅉ ㅊ ㅋ ㅌ ㅍ ㅎ ㅏ ㅐ ㅑ ㅒ ㅓ ㅔ ㅕ ㅖ ㅗ ㅘ ㅙ ㅚ ㅛ ㅜ ㅝ ㅞ ㅟ ㅠ ㅡ ㅢ ㅣ ㅤ ㅥ ㅦ ㅧ ㅨ ㅩ ㅪ ㅫ ㅬ ㅭ ㅮ ㅯ ㅰ ㅱ ㅲ ㅳ ㅴ ㅵ ㅶ ㅷ ㅸ ㅹ ㅺ ㅻ ㅼ ㅽ ㅾ ㅿ ㆀ ㆁ ㆂ ㆃ ㆄ ㆅ ㆆ ㆇ ㆈ ㆉ ㆊ ㆋ ㆌ ㆍ ㆎ + +## Kanbun + +㆐ ㆑ ㆒ ㆓ ㆔ ㆕ ㆖ ㆗ ㆘ ㆙ ㆚ ㆛ ㆜ ㆝ ㆞ ㆟ + +## Bopomofo Extended + +ㆠ ㆡ ㆢ ㆣ ㆤ ㆥ ㆦ ㆧ ㆨ ㆩ ㆪ ㆫ ㆬ ㆭ ㆮ ㆯ ㆰ ㆱ ㆲ ㆳ ㆴ ㆵ ㆶ ㆷ + +## Katakana Phonetic Extensions + +ㇰ ㇱ ㇲ ㇳ ㇴ ㇵ ㇶ ㇷ ㇸ ㇹ ㇺ ㇻ ㇼ ㇽ ㇾ ㇿ + +## Enclosed CJK Letters and Months + +㈀ ㈁ ㈂ ㈃ ㈄ ㈅ ㈆ ㈇ ㈈ ㈉ ㈊ ㈋ ㈌ ㈍ ㈎ ㈏ ㈐ ㈑ ㈒ ㈓ ㈔ ㈕ ㈖ ㈗ ㈘ ㈙ ㈚ ㈛ ㈜ ㈠ ㈡ ㈢ ㈣ ㈤ ㈥ ㈦ ㈧ ㈨ ㈩ ㈪ ㈫ ㈬ ㈭ ㈮ ㈯ ㈰ ㈱ ㈲ ㈳ ㈴ ㈵ ㈶ ㈷ ㈸ ㈹ ㈺ ㈻ ㈼ ㈽ ㈾ ㈿ ㉀ ㉁ ㉂ ㉃ ㉑ ㉒ ㉓ ㉔ ㉕ ㉖ ㉗ ㉘ ㉙ ㉚ ㉛ ㉜ ㉝ ㉞ ㉟ ㉠ ㉡ ㉢ ㉣ ㉤ ㉥ ㉦ ㉧ ㉨ ㉩ ㉪ ㉫ ㉬ ㉭ ㉮ ㉯ ㉰ ㉱ ㉲ ㉳ ㉴ ㉵ ㉶ ㉷ ㉸ ㉹ ㉺ ㉻ ㉿ ㊀ ㊁ ㊂ ㊃ ㊄ ㊅ ㊆ ㊇ ㊈ ㊉ ㊊ ㊋ ㊌ ㊍ ㊎ ㊏ ㊐ ㊑ ㊒ ... + +## CJK Compatibility + +㌀ ㌁ ㌂ ㌃ ㌄ ㌅ ㌆ ㌇ ㌈ ㌉ ㌊ ㌋ ㌌ ㌍ ㌎ ㌏ ㌐ ㌑ ㌒ ㌓ ㌔ ㌕ ㌖ ㌗ ㌘ ㌙ ㌚ ㌛ ㌜ ㌝ ㌞ ㌟ ㌠ ㌡ ㌢ ㌣ ㌤ ㌥ ㌦ ㌧ ㌨ ㌩ ㌪ ㌫ ㌬ ㌭ ㌮ ㌯ ㌰ ㌱ ㌲ ㌳ ㌴ ㌵ ㌶ ㌷ ㌸ ㌹ ㌺ ㌻ ㌼ ㌽ ㌾ ㌿ ㍀ ㍁ ㍂ ㍃ ㍄ ㍅ ㍆ ㍇ ㍈ ㍉ ㍊ ㍋ ㍌ ㍍ ㍎ ㍏ ㍐ ㍑ ㍒ ㍓ ㍔ ㍕ ㍖ ㍗ ㍘ ㍙ ㍚ ㍛ ㍜ ㍝ ㍞ ㍟ ㍠ ㍡ ㍢ ㍣ ㍤ ㍥ ㍦ ㍧ ㍨ ㍩ ㍪ ㍫ ㍬ ㍭ ㍮ ㍯ ㍰ ㍱ ㍲ ㍳ ㍴ ㍵ ㍶ ㍻ ㍼ ㍽ ㍾ ㍿ ㎀ ㎁ ㎂ ㎃ ... + +## CJK Unified Ideographs Extension A + +㐀 㐁 㐂 㐃 㐄 㐅 㐆 㐇 㐈 㐉 㐊 㐋 㐌 㐍 㐎 㐏 㐐 㐑 㐒 㐓 㐔 㐕 㐖 㐗 㐘 㐙 㐚 㐛 㐜 㐝 㐞 㐟 㐠 㐡 㐢 㐣 㐤 㐥 㐦 㐧 㐨 㐩 㐪 㐫 㐬 㐭 㐮 㐯 㐰 㐱 㐲 㐳 㐴 㐵 㐶 㐷 㐸 㐹 㐺 㐻 㐼 㐽 㐾 㐿 㑀 㑁 㑂 㑃 㑄 㑅 㑆 㑇 㑈 㑉 㑊 㑋 㑌 㑍 㑎 㑏 㑐 㑑 㑒 㑓 㑔 㑕 㑖 㑗 㑘 㑙 㑚 㑛 㑜 㑝 㑞 㑟 㑠 㑡 㑢 㑣 㑤 㑥 㑦 㑧 㑨 㑩 㑪 㑫 㑬 㑭 㑮 㑯 㑰 㑱 㑲 㑳 㑴 㑵 㑶 㑷 㑸 㑹 㑺 㑻 㑼 㑽 㑾 㑿 ... + +## CJK Unified Ideographs + +一 丁 丂 七 丄 丅 丆 万 丈 三 上 下 丌 不 与 丏 丐 丑 丒 专 且 丕 世 丗 丘 丙 业 丛 东 丝 丞 丟 丠 両 丢 丣 两 严 並 丧 丨 丩 个 丫 丬 中 丮 丯 丰 丱 串 丳 临 丵 丶 丷 丸 丹 为 主 丼 丽 举 丿 乀 乁 乂 乃 乄 久 乆 乇 么 义 乊 之 乌 乍 乎 乏 乐 乑 乒 乓 乔 乕 乖 乗 乘 乙 乚 乛 乜 九 乞 也 习 乡 乢 乣 乤 乥 书 乧 乨 乩 乪 乫 乬 乭 乮 乯 买 乱 乲 乳 乴 乵 乶 乷 乸 乹 乺 乻 乼 乽 乾 乿 ... + +## Hangul Syllables + +가 각 갂 갃 간 갅 갆 갇 갈 갉 갊 갋 갌 갍 갎 갏 감 갑 값 갓 갔 강 갖 갗 갘 같 갚 갛 개 객 갞 갟 갠 갡 갢 갣 갤 갥 갦 갧 갨 갩 갪 갫 갬 갭 갮 갯 갰 갱 갲 갳 갴 갵 갶 갷 갸 갹 갺 갻 갼 갽 갾 갿 걀 걁 걂 걃 걄 걅 걆 걇 걈 걉 걊 걋 걌 걍 걎 걏 걐 걑 걒 걓 걔 걕 걖 걗 걘 걙 걚 걛 걜 걝 걞 걟 걠 걡 걢 걣 걤 걥 걦 걧 걨 걩 걪 걫 걬 걭 걮 걯 거 걱 걲 걳 건 걵 걶 걷 걸 걹 걺 걻 걼 걽 걾 걿 ... + +## CJK Compatibility Ideographs + +豈 更 車 賈 滑 串 句 龜 龜 契 金 喇 奈 懶 癩 羅 蘿 螺 裸 邏 樂 洛 烙 珞 落 酪 駱 亂 卵 欄 爛 蘭 鸞 嵐 濫 藍 襤 拉 臘 蠟 廊 朗 浪 狼 郎 來 冷 勞 擄 櫓 爐 盧 老 蘆 虜 路 露 魯 鷺 碌 祿 綠 菉 錄 鹿 論 壟 弄 籠 聾 牢 磊 賂 雷 壘 屢 樓 淚 漏 累 縷 陋 勒 肋 凜 凌 稜 綾 菱 陵 讀 拏 樂 諾 丹 寧 怒 率 異 北 磻 便 復 不 泌 數 索 參 塞 省 葉 說 殺 辰 沈 拾 若 掠 略 亮 兩 凉 梁 糧 良 諒 量 勵 ... + +## CJK Compatibility Forms + +︰ ︱ ︲ ︳ ︴ ︵ ︶ ︷ ︸ ︹ ︺ ︻ ︼ ︽ ︾ ︿ ﹀ ﹁ ﹂ ﹃ ﹄ ﹅ ﹆ ﹉ ﹊ ﹋ ﹌ ﹍ ﹎ ﹏ diff --git a/exampleSite/content/posts/emoji-support.md b/exampleSite/content/posts/emoji-support.md new file mode 100755 index 0000000..737358b --- /dev/null +++ b/exampleSite/content/posts/emoji-support.md @@ -0,0 +1,31 @@ +--- +author: "Hugo Authors" +title: "Emoji Support" +date: "2019-12-03" +description: "Guide to emoji usage in Hugo" +tags: [ + "emoji", +] +type: "post" +--- +Emoji can be enabled in a Hugo project in a number of ways. + +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](https://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 >}} diff --git a/exampleSite/content/posts/highlight-syntax.md b/exampleSite/content/posts/highlight-syntax.md new file mode 100644 index 0000000..4704595 --- /dev/null +++ b/exampleSite/content/posts/highlight-syntax.md @@ -0,0 +1,171 @@ +--- +title: "Syntax Highlighting" +date: 2020-04-30T16:01:23+08:00 +draft: false +tags: ["preview", "Syntax Highlighting", "tag-5"] +categories: ["Syntax Highlighting"] +toc: false +type: "post" +--- + + +```js +function helloWorld () { + alert("Hello, World!") +} +``` + +<!--more--> + +```java +public class HelloWorld { + public static void main(String[] args) { + System.out.println("Hello, World!"); + } +} +``` + +```kotlin +package hello + +fun main(args: Array<String>) { + println("Hello World!") +} +``` + +```c +#include <stdio.h> + +/* Hello */ +int main(void){ + printf("Hello, World!"); + return 0; +} +``` + +```cpp +// 'Hello World!' program + +#include <iostream> + +int main(){ + std::cout << "Hello World!" << std::endl; + return 0; +} +``` + +```cs +using System; +class HelloWorld{ + public static void Main(){ + System.Console.WriteLine("Hello, World!"); + } +} +``` + +```html +<html> +<body> + Hello, World! +</body> +</html> +``` + +```go +package main +import fmt "fmt" + +func main() +{ + fmt.Printf("Hello, World!\n"); +} +``` + +```scala +object HelloWorld with Application { + Console.println("Hello, World!"); +} +``` + +```php +<?php + echo 'Hello, World!'; +?> +``` + +```python +print("Hello, World!") +``` + +```clojure +(defn hello-world + "A function print 'Hello world'." + [] + (prn "Hello world")) +``` + +```go-html-template +<!DOCTYPE html> +<html> +<head> + <title>{{ .Title }}</title> +</head> +<body> + <h1>{{ .Title }}</h1> + {{ .Content }} +</body> +</html> +``` + +```go-html-template +{{ partial "header.html" . }} + + <h1>posts</h1> + {{ range first 10 .Data.Pages }} + {{ if eq .Type "post"}} + <h2><a href="{{ .Permalink }}">{{ .Title }}</a></h2> + {{ end }} + {{ end }} + + <h1>pages</h1> + {{ range .Data.Pages }} + {{ if or (eq .Type "page") (eq .Type "about") }} + <h2><a href="{{ .Permalink }}">{{ .Type }} - {{ .Title }} - {{ .RelPermalink }}</a></h2> + {{ end }} + {{ end }} + +{{ partial "footer.html" . }} +``` + +--- + +Detect the language + +``` +package hello + +fun main(args: Array<String>) { + println("Hello World!") +} +``` + +``` +<?php + echo 'Hello, World!'; +?> +``` + +--- + +By `{{</* highlight go-html-template "linenos=table,hl_lines=1 3-7,linenostart=199" */>}}..{{</* / highlight */>}}` + +{{< highlight go-html-template "linenos=table,hl_lines=1 3-7,linenostart=199" >}} +<section id="main"> + <div> + <h1 id="title">{{ .Title }}</h1> + {{ range .Data.Pages }} + {{ .Render "summary"}} + {{ end }} + </div> +</section> +{{< / highlight >}} diff --git a/exampleSite/content/posts/markdown-syntax.md b/exampleSite/content/posts/markdown-syntax.md new file mode 100644 index 0000000..289d151 --- /dev/null +++ b/exampleSite/content/posts/markdown-syntax.md @@ -0,0 +1,140 @@ +--- +title: "Markdown Syntax" +date: "2020-01-24" +description: "Sample article showcasing basic Markdown syntax and formatting for HTML elements." +tags: [ + "markdown", + "css", + "html", + "themes", +] +type: "post" +--- + +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 them out-of-the-box. + + Name | Age +--------|------ + Bob | 27 + Alice | 23 + +#### Inline Markdown within tables + +| Inline | Markdown | In | Table | +| ---------- | --------- | ----------------- | ---------- | +| *italics* | **bold** | ~~strikethrough~~ | `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/posts/math-typesetting.mmark b/exampleSite/content/posts/math-typesetting.mmark new file mode 100755 index 0000000..471a858 --- /dev/null +++ b/exampleSite/content/posts/math-typesetting.mmark @@ -0,0 +1,38 @@ +--- +author: Hugo Authors +title: Math Typesetting +date: 2019-12-12 +description: A brief guide to setup KaTeX +markup: mmark +type: "post" +--- + +Mathematical notation in a Hugo project can be enabled by using third party JavaScript libraries. + +In this example we will be using [KaTeX](https://katex.org/) + +- Create a partial under `/layouts/partials/math.html` +- Within this partial reference the [Auto-render Extension](https://katex.org/docs/autorender.html) or host these scripts locally. +- Include the partial in your templates like so: + +``` +{{ if or .Params.math .Site.Params.math }} +{{ partial "math.html" . }} +{{ end }} +``` +- To enable KaTex globally set the parameter `math` to `true` in a project's configuration +- To enable KaTex on a per page basis include the parameter `math: true` in content files. + +**Note:** Use the online reference of [Supported TeX Functions](https://katex.org/docs/supported.html) + + +### Examples + +Inline math: $$ \varphi = \dfrac{1+\sqrt5}{2}= 1.6180339887… $$ + +Block math: + +$$ + \varphi = 1+\frac{1} {1+\frac{1} {1+\frac{1} {1+\cdots} } } +$$ + diff --git a/exampleSite/content/posts/placeholder-text.md b/exampleSite/content/posts/placeholder-text.md new file mode 100755 index 0000000..a2b4cb1 --- /dev/null +++ b/exampleSite/content/posts/placeholder-text.md @@ -0,0 +1,58 @@ +--- +title: "Placeholder Text" +date: "2019-12-17" +description: "Lorem Ipsum Dolor Si Amet" +tags: [ + "markdown", + "text", +] +type: "post" +--- + +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="https://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/posts/rich-content.md b/exampleSite/content/posts/rich-content.md new file mode 100755 index 0000000..f156667 --- /dev/null +++ b/exampleSite/content/posts/rich-content.md @@ -0,0 +1,42 @@ +--- +title: "Rich Content" +date: "2020-01-02" +description: "A brief description of Hugo Shortcodes" +tags: [ + "shortcodes", + "privacy", +] +type: "post" +--- + +Hugo ships with several [Built-in Shortcodes](https://gohugo.io/content-management/shortcodes/#use-hugo-s-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. +<!--more--> +--- + +## Instagram Simple Shortcode + +{{< instagram_simple BGvuInzyFAe hidecaption >}} + +<br> + +--- + +## YouTube Privacy Enhanced Shortcode + +{{< youtube ZJthWmvUzzc >}} + +<br> + +--- + +## Twitter Simple Shortcode + +{{< twitter_simple 1085870671291310081 >}} + +<br> + +--- + +## Vimeo Simple Shortcode + +{{< vimeo_simple 48912912 >}} diff --git a/layouts/404.html b/layouts/404.html new file mode 100644 index 0000000..1a06145 --- /dev/null +++ b/layouts/404.html @@ -0,0 +1,13 @@ +{{ define "title" }}HTTP 404 - {{ .Site.Title }}{{ end }} + +{{ define "main" }} + <section id="main" class="notfound"> + <h1 class="not-found-title">404</h1> + <div class="block"> + <h3>Sorry, we couldn't find the page you're looking for.</h3> + <div class="line"></div> + <p class="back"><a href="{{ "/" | relLangURL }}">Go back home</a></p> + </div> + </section> +{{ end }} + diff --git a/layouts/_default/archives.html b/layouts/_default/archives.html new file mode 100644 index 0000000..58a2170 --- /dev/null +++ b/layouts/_default/archives.html @@ -0,0 +1,27 @@ +{{ define "main" }} +<!-- All of the site's posts grouped by year --> +<section id="main"> + <div class="container"> + <section id="archives" class="post_list content"> + <div class="listing"> + {{ $paginator := .Paginate (where site.RegularPages "Type" "in" site.Params.mainSections) .Site.Params.listPaginate }} + {{- range $index, $element := $paginator.Pages -}} + {{- $thisYear := $element.Date.Format "2006" }} + {{- $lastElement := $index | add -1 | index $paginator.Pages }} + {{- if or (eq $index 0) ( ne ($lastElement.Date.Format "2006") $thisYear ) }} + <div class="collection-title"> + <h3 class="archive-year">{{ $thisYear }}</h3> + </div> + {{- end }} + <div class="archive-post line_item item"> + <a href="{{ .RelPermalink }}" title="{{ .Title }}"> + <span>{{ .Title }}</span> + <span class="date">{{ $element.Date.Format "01-02" }}</span> + </a> + </div> + {{- end }} + </div> + </section> + </div> +</section> +{{ end }} diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html new file mode 100644 index 0000000..d3f3306 --- /dev/null +++ b/layouts/_default/baseof.html @@ -0,0 +1,10 @@ +<!DOCTYPE html> +<html lang="{{ $.Site.LanguageCode | default "en" }}"> + {{ partial "head.html" . }} + <body> + {{ partial "header.html" . }} + {{ block "main" . }}{{ end }} + {{ partial "backtotop.html" . }} + {{ partialCached "footer.html" . }} + </body> +</html> diff --git a/layouts/_default/list.html b/layouts/_default/list.html new file mode 100644 index 0000000..ae73fa0 --- /dev/null +++ b/layouts/_default/list.html @@ -0,0 +1,19 @@ +{{ define "main" }} +<section id="main"> + <div class="container"> + <section id="archives" class="post_list content"> + <ul class="listing"> + {{ range (.Paginator .Site.Params.listPaginate).Pages }} + <li class="line_item item"> + <a href="{{ .Permalink }}" title="{{ .Title }}"> + <span>{{ .Title }}</span> + <span class="date">{{ .PublishDate.Format "2006-01-02" }}</span> + </a> + </li> + {{ end }} + </ul> + </section> + {{ partial "pagination.html" . }} + </div> +</section> +{{ end }} diff --git a/layouts/_default/single.html b/layouts/_default/single.html new file mode 100644 index 0000000..fbdd719 --- /dev/null +++ b/layouts/_default/single.html @@ -0,0 +1,35 @@ +{{ define "main" }} +<section id="main"> + <article class="post content"> + <h2 class="title">{{ .Title }}</h2> + <div class="post_content"> + {{ .Content }} + </div> + <div class="info post_meta"> + <time datetime={{ .Date.Format "2006-01-02T15:04:05Z0700" }} class="date">{{ .Date.Format "Monday, January 2, 2006" }}</time> + {{ with .Params.tags }} + <ul class="tags"> + {{ range . }} + <li> <a href="{{ "tags" | absURL }}{{ . | urlize }}">{{ . }}</a> </li> + {{ end }} + </ul> + {{ end }} + {{ with .Site.Params.postLicense }} + <div class="license"> + <p>{{ . | markdownify }}</p> + </div> + {{ end }} + </div> + <div class="clearfix"></div> + </article> + <div class="other_posts"> + {{ if .PrevInSection }} + <a href="{{.PrevInSection.Permalink}}" class="prev">{{ .PrevInSection.LinkTitle }}</a> + {{ end }} + {{ if .NextInSection }} + <a href="{{.NextInSection.Permalink}}" class="next">{{ .NextInSection.LinkTitle }}</a> + {{ end }} + </div> + {{ partial "comments.html" . }} +</section> +{{ end }} diff --git a/layouts/_default/terms.html b/layouts/_default/terms.html new file mode 100644 index 0000000..0bc5839 --- /dev/null +++ b/layouts/_default/terms.html @@ -0,0 +1,17 @@ +{{ define "main" }} +<section id="main"> + <!-- Shows all of the site's tags --> + <div class="container"> + <article class="post_list content"> + <h1>Tags</h1> + <ul class="listing"> + {{ range .Data.Terms.Alphabetical }} + <li class="block_item item"> + <a href="{{ .Page.Permalink }}" title="{{ .Page.Title }}">{{ .Page.Title }}<sup>{{ .Count }}</sup></a> + </li> + {{ end }} + </ul> + </article> + </div> +</section> +{{ end }} diff --git a/layouts/index.html b/layouts/index.html new file mode 100644 index 0000000..31a951a --- /dev/null +++ b/layouts/index.html @@ -0,0 +1,19 @@ +{{ define "main" }} +<section id="main" class="index"> + <div class="post_list container"> + {{ $paginator := .Paginate (where site.RegularPages "Type" "in" site.Params.mainSections) }} + {{ range $paginator.Pages }} + <article class="post content"> + <time datetime="{{ .Date.Format "2006-01-02T15:04:05Z0700" }}" class="date">{{ .Date.Format "Mon, Jan 2, 2006" }}</time> + <h3 class="title"> + <a href="{{ .Permalink }}" title="{{ .Title }}">{{ .Title }}</a> + </h3> + <div class="post_content summary"> + {{ .Summary }} + </div> + </article> + {{ end }} + {{ partial "pagination.html" . }} + </div> +</section> +{{ end }} diff --git a/layouts/partials/backtotop.html b/layouts/partials/backtotop.html new file mode 100644 index 0000000..56dad23 --- /dev/null +++ b/layouts/partials/backtotop.html @@ -0,0 +1,8 @@ +<a id="back_to_top" onclick="backToTop"> + <span> + <svg viewBox="0 0 24 24"> + <path fill="none" d="M0 0h24v24H0z"></path> + <path d="M12 2L4.5 20.29l.71.71L12 18l6.79 3 .71-.71z"></path> + </svg> + </span> +</a> diff --git a/layouts/partials/comments.html b/layouts/partials/comments.html new file mode 100644 index 0000000..cb1b53a --- /dev/null +++ b/layouts/partials/comments.html @@ -0,0 +1,35 @@ +<aside id="comments"> + {{- $comment := .Site.Params.comment}} + {{- if eq $comment.type "none" }} + {{- else if eq $comment.type "valine"}} + {{- if $comment.valine.visitor -}} + <span id="{{ .RelPermalink | relURL }}" class="leancloud_visitors" data-flag-title="{{ .Title }}"> + <span class="post-meta-item-text">文章阅读量 </span> + <span class="leancloud-visitors-count">0</span> + </span> + {{- end }} + <div id="vcomments"></div> + <script src="//unpkg.com/valine@latest/dist/Valine.min.js"></script> + <script type="text/javascript"> + var GUEST = ['nick', 'mail', 'link']; + var meta = '{{- $comment.valine.meta }}'; + meta = meta.split(',').filter(function (item) { + return GUEST.indexOf(item) > -1; + }); + new Valine({ + el: '#vcomments', + verify: {{- $comment.valine.verify }}, + notify: {{- $comment.valine.notify }}, + appId: '{{- $comment.valine.appid }}', + appKey: '{{- $comment.valine.appkey }}', + placeholder: '{{- $comment.valine.placeholder }}', + avatar: '{{- $comment.valine.avatar }}', + meta: meta, + pageSize: '{{- $comment.valine.pageSize }}' || 10, + visitor: {{- $comment.valine.visitor }} + }); + </script> + {{- else if eq $comment.type "disqus" }} + {{ template "_internal/disqus.html" .}} + {{- end }} +</aside> diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html new file mode 100644 index 0000000..98200a2 --- /dev/null +++ b/layouts/partials/footer.html @@ -0,0 +1,10 @@ +<footer id="footer"> + <p> + <span>{{ with .Site.Params.copyright }}{{.}}{{ else }}© {{ now.Format "2006"}} <a href="{{ .Site.BaseURL }}" title="{{ .Site.Title }}">{{ .Site.Title }}</a> {{end}}</span> + <span>Built with <a rel="nofollow" target="_blank" href="https:/gohugo.io">Hugo</a></span> + <span>Theme by <a rel="nofollow" target="_blank" href="https://github.com/imsuwj/mixedpaper-hugo">WayJam</a></span> + </p> + + {{ $script := resources.Get "js/main.js" | minify | fingerprint -}} + <script src="{{ $script.Permalink }}" {{ printf "integrity=%q" $script.Data.Integrity | safeHTMLAttr }} crossorigin="anonymous"></script> +</footer> diff --git a/layouts/partials/head.html b/layouts/partials/head.html new file mode 100644 index 0000000..70973de --- /dev/null +++ b/layouts/partials/head.html @@ -0,0 +1,31 @@ +<head> + <meta charset="utf-8"> + <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> + <meta name="viewport" content="width=device-width, initial-scale=1"> + <meta name="format-detection" content="telephone=no"/> + + <title>{{ if .IsHome }}{{ .Site.Title }}{{ else }}{{ .Title }} | {{ .Site.Title }}{{ end }}</title> + <!-- Icons --> + <meta name="theme-color" content="#ffffff"> + + <!-- Styles --> + + <!-- Reset --> + <link rel="stylesheet" href="https://unpkg.com/modern-normalize@0.6.0/modern-normalize.css"/> + + <!-- Use Hugo Pipes to process the Sass file (convert to CSS, minify, and add a hash) --> + {{ $base_style := resources.Get "css/basic.scss" | toCSS | minify | fingerprint }} + {{ $main_style := resources.Get "css/main.scss" | toCSS | minify | fingerprint }} + <link rel="stylesheet" href="{{ $base_style.Permalink }}"/> + <link rel="stylesheet" href="{{ $main_style.Permalink }}"/> + + <!-- Modify the custom.css file inside static > css to use vanilla css --> + <!-- <link type="text/css" rel="stylesheet" href="{{ "/" | relURL }}css/custom.css"> --> + + {{ with .OutputFormats.Get "RSS" }} + {{ printf `<link rel="%s" type="%s" href="%s" title="%s" />` .Rel .MediaType.Type .Permalink $.Site.Title | safeHTML }} + {{ end }} + {{- if not .Site.IsServer -}} + {{ template "_internal/google_analytics.html" . }} + {{- end -}} +</head> diff --git a/layouts/partials/header.html b/layouts/partials/header.html new file mode 100644 index 0000000..5937ff1 --- /dev/null +++ b/layouts/partials/header.html @@ -0,0 +1,21 @@ +<header id="header"> + <div class="header_container"> + <h1 class="sitetitle"> + <a href="{{ .Site.BaseURL }}" title="{{ .Site.Title }}">{{ .Site.Title }}</a> + </h1> + <nav class="navbar"> + <ul> + <li><a href="{{ .Site.BaseURL }}">Home</a></li> + {{ range .Site.Menus.main }} + <li> + <a href="{{ .URL | relLangURL }}"> + {{ .Pre }} + <span>{{ .Name }}</span> + </a> + </li> + {{ end }} + <li><a href="{{ .Site.RSSLink }}" type="application/rss+xml">RSS</a></li> + </ul> + </nav> + </div> +</header> diff --git a/layouts/partials/pagination.html b/layouts/partials/pagination.html new file mode 100644 index 0000000..a6b711c --- /dev/null +++ b/layouts/partials/pagination.html @@ -0,0 +1,64 @@ +{{ $pag := .Paginator }} +{{ $simple := eq .Kind "home" }} +{{ if gt $pag.TotalPages 1 }} +<div class="pagination"> + <ul class="pagination_container"> + {{ if $simple }} + {{ if $pag.HasPrev }} + <li class="page-item prev to-left"> + <a href="{{ $pag.Prev.URL }}" aria-label="Previous" class="page-link"> + <span aria-hidden="true">❮ Prev</span> + </a> + </li> + {{ end }} + {{ if $pag.HasNext }} + <li class="page-item next to-right"> + <a href="{{ $pag.Next.URL }}" aria-label="Next" class="page-link"> + <span aria-hidden="true">Next ❯</span> + </a> + </li> + {{ end }} + {{ else }} + {{ with $pag.First }} + <li class="page-item to-left"> + <a href="{{ .URL }}" class="page-link" aria-label="First"><span aria-hidden="true">First</span></a> + </li> + {{ end }} + <li class="page-item{{ if not $pag.HasPrev }} disabled{{ end }} to-left"> + <a {{ if $pag.HasPrev }}href="{{ $pag.Prev.URL }}"{{ end }} class="page-link" aria-label="Previous"> + <span aria-hidden="true">Prev</span> + </a> + </li> + {{ $ellipsed := false }} + {{ $shouldEllipse := false }} + {{ range $pag.Pagers }} + {{ $right := sub .TotalPages .PageNumber }} + {{ $showNumber := or (le .PageNumber 3) (eq $right 0) }} + {{ $showNumber := or $showNumber (and (gt .PageNumber (sub $pag.PageNumber 2)) (lt .PageNumber (add $pag.PageNumber 2))) }} + {{ if $showNumber }} + {{ $ellipsed = false }} + {{ $shouldEllipse = false }} + {{ else }} + {{ $shouldEllipse = not $ellipsed }} + {{ $ellipsed = true }} + {{ end }} + {{ if $showNumber }} + <li class="page-item{{ if eq . $pag }} active{{ end }} page-number"><a class="page-link" href="{{ .URL }}">{{ .PageNumber }}</a></li> + {{ else if $shouldEllipse }} + <li class="page-item disabled"><span aria-hidden="true"> … </span></li> + {{ end }} + {{ end }} + {{ with $pag.Last }} + <li class="page-item to-right"> + <a href="{{ .URL }}" class="page-link" aria-label="Last"><span aria-hidden="true">Last</span></a> + </li> + {{ end }} + <li class="page-item{{ if not $pag.HasNext }} disabled{{ end }} to-right"> + <a {{ if $pag.HasNext }}href="{{ $pag.Next.URL }}"{{ end }} class="page-link" aria-label="Next"> + <span aria-hidden="true">Next</span> + </a> + </li> + {{ end }} + </ul> +</div> +{{ end }} diff --git a/theme.toml b/theme.toml new file mode 100644 index 0000000..e67df12 --- /dev/null +++ b/theme.toml @@ -0,0 +1,12 @@ +name = "mixedpaper" +license = "MIT" +licenselink = "https://github.com/wayjam/hugo-theme-mixedpaper/blob/master/LICENSE.md" +description = "A simple Hugo theme for writers and bloggers." +homepage = "https://github.com/wayjam/hugo-theme-mixedpaper" +tags = ["blog", "minimalist", "paper", "clean", "simple", "light"] +features = ["blog", "responsive", "social media"] +min_version = "0.41" + +[author] + name = "WayJam So" + homepage = "https://github.com/wayjam" |