website

Personal website
git clone https://github.com/michaelneuper/website.git
README | Files | Log | Refs

commit 626c19e722bc45ce78579944507c95b022e3beb1
parent 8c75fbdd536e2194377db62f5933e6c537ac5fbb
Author: Michael Neuper <michael@michaelneuper.com>
Date:   Mon, 30 Oct 2023 14:14:17 +0200

Add content

Diffstat:
Acontent/about.md | 94+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Dstatic/css/solarized.css | 19-------------------
Dstatic/css/theme-override.css | 323-------------------------------------------------------------------------------
3 files changed, 94 insertions(+), 342 deletions(-)

diff --git a/content/about.md b/content/about.md @@ -0,0 +1,94 @@ ++++ +title = "About" +description = "A minimal, latex-style hugo theme for personal blogging" +date = "2023-06-20" +aliases = ["about-us", "about-texify2", "contact"] +author = "weastur" ++++ +A minimal, latex-style hugo theme for personal blogging. +The successor of the original [TeXify](https://github.com/queensferryme/hugo-theme-texify) + +<iframe src="https://ghbtns.com/github-btn.html?user=weastur&repo=hugo-texify2&type=star&count=false&size=large" frameborder="0" scrolling="0" width="170" height="30" title="GitHub"></iframe> + +## Features + +- **Social sharing buttons** +- **Any comment engine (giscus, remark42, hyvor, etc.)** +- **Word Counter and Reading Time** +- **[Mermaid](https://mermaid.js.org) support** +- **DuckDuckGo search** +- **Configurable root font size** +- **Buymeacoffee widget** +- **Auto numbered subtitles** +- **Simplified config** +- **Hugo modules support** +- **Tested on Chrome, Safari, Edge, Firefox** +- [Disqus](https://disqus.com/) & Google Analytics included +- Responsive design for mobile devices +- Customize the site with your stylesheets +- Math equations powered by [KaTeX](https://katex.org/) +([MathJax](https://www.mathjax.org/) has been deleted) +- Minimal CSS, No JavaScript, Blazing Fast! + +\* Diff with the original texify is **bold** + +## Usage + +### Install as git submodule + +Install: + +```bash +git submodule add https://github.com/weastur/hugo-texify2.git themes/hugo-texify2 +echo "theme = 'hugo-texify2'" >> hugo.toml +``` + +Upgrade: + +```bash +git submodule foreach git pull origin master +``` + +### Install as hugo module + +Initialize hugo modules, if not done yet: + +```bash +hugo mod init github.com/<username>/<projectName> +``` + +add `[module]` section to your `hugo.toml`: + +```bash +[module] +[[module.imports]] + path = 'github.com/weastur/hugo-texify2' +``` + +load/update theme module + +```bash +hugo mod get -u github.com/weastur/hugo-texify2 +``` + +See [`hugo.toml`](https://github.com/weastur/hugo-texify2/blob/master/hugo.toml) +for an example configuration. + +## Development + +Install `pre-commit` + +```bash +pre-commit install +make dev +``` + +## Acknowledgement + +The following software inspires the design of this theme: + +- <https://github.com/vincentdoerig/latex-css> +- <https://github.com/7ma7X/HugoTeX> +- <https://theme.typora.io/theme/Academic/> +- <https://github.com/queensferryme/hugo-theme-texify> +- <https://sharingbuttons.io> diff --git a/static/css/solarized.css b/static/css/solarized.css @@ -1,18 +0,0 @@ -:root { - --base03: #002b36; - --base02: #073642; - --base01: #586e75; - --base00: #657b83; - --base0: #839496; - --base1: #93a1a1; - --base2: #eee8d5; - --base3: #fdf6e3; - --yellow: #b58900; - --orange: #cb4b16; - --red: #dc322f; - --magenta: #d33682; - --violet: #6c71c4; - --blue: #268bd2; - --cyan: #2aa198; - --green: #859900; -} -\ No newline at end of file diff --git a/static/css/theme-override.css b/static/css/theme-override.css @@ -1,323 +0,0 @@ -@import url("solarized.css"); - -/* Dark mode */ -@media (prefers-color-scheme: dark) { - body { - background-color: var(--base03); - color: var(--base0); - } - - blockquote { - background: var(--base02); - } - pre { - background-color: var(--base03) !important; - color: var(--base0); - } - - a { - color: var(--blue); - } - a:visited { - color: var(--violet); - } - a:hover { - color: var(--violet); - } - - header { - background: var(--base03); - border-bottom: 0px; - } - header a { - color: var(--base1); - } - header a:hover, - header a:visited, - header .current a { - color: var(--base1); - } - - .article-meta, - .menu a { - background: var(--base02); - color: var(--base1); - } - - table { - margin: auto; - background-color: var(--base03); - border-top: 1px solid var(--base0); - border-bottom: 1px solid var(--base0); - } - table thead th { - border-bottom: 1px solid var(--base0); - } - th, - td { - padding: 5px; - } - tr:nth-child(even) { - background: var(--base02); - } -} - -/* Light mode */ -@media (prefers-color-scheme: light) { - body { - background-color: var(--base3); - color: var(--base00); - } - - blockquote { - background: var(--base3); - } - - a { - color: var(--blue); - } - a:visited { - color: var(--violet); - } - a:hover { - color: var(--violet); - } - - header { - background: var(--base3); - border-bottom: 0px; - } - header a { - color: var(--base01); - } - header a:hover, - header a:visited, - header .current a { - color: var(--base01); - } - - pre { - background-color: var(--base03) !important; - color: var(--base0); - } - - .article-meta, - .menu a { - background: var(--base2); - color: var(--base00); - } - - table { - margin: auto; - border-top: 1px solid var(--base00); - border-bottom: 1px solid var(--base00); - } - table thead th { - border-bottom: 1px solid var(--base00); - } - th, - td { - padding: 5px; - } - tr:nth-child(even) { - background: var(--base2); - } -} - -body { - font-family: sans-serif; - max-width: 1000px; - margin: auto; - padding: 0.2em; - line-height: 1.5em; -} - -h1 { - line-height: 1.5em; - color: var(--blue); -} - -h2 { - color: var(--cyan); -} - -h3 { - color: var(--violet); -} - -h4 { - color: var(--green); -} - -h2#date { - line-height: 0.5em; - opacity: 0.7; -} - -.date { - font-family: monospace; - opacity: 0.7; -} - -#TableOfContents, -#TOC { - border: 1px solid var(--light-brown); - border-radius: 5px; -} - -/* Header and Footer */ -.menu li { - display: inline-block; -} -.article-meta, -.menu a { - text-decoration: none; - padding: 5px; - border-radius: 5px; - border-style: solid; - border-width: 1px; - margin-bottom: 20px; -} - -.terms { - font-size: 0.9em; -} -.article-meta { - font-size: 90%; - width: 90%; - margin-left: auto; - margin-right: auto; -} -.menu, -footer { - text-align: center; - font-size: 90%; - opacity: 0.6; -} -.title { - font-size: 1.1em; -} -footer a { - text-decoration: none; -} - -.pull-left { - float: left; -} -.pull-right { - float: right; -} - -a { - text-decoration: none; - cursor: pointer; -} - -a:hover { - text-decoration: underline; -} - -/* Adjust background at your leisure! */ -header { - position: relative; - width: 100%; - height: 1.75rem; - font-size: 1rem; -} - -header ul, -header ol { - margin: 0; - padding: 0; - list-style: none; -} -header nav { - padding: 0 0.5rem; -} - -header a { - line-height: 1.75rem; - padding: 0 0.5rem; -} - -/* Code Boxes */ -pre { - /* border: 0px solid var(--cyan); */ - border: 0px; - /* padding: 1em; */ - /* overflow-x: auto; */ - border-radius: 5px; -} - -code { - /* font-family: 'Ubuntu Mono', monospace; */ - font-family: monospace; -} - -pre code { - background: none; -} - -/* Images, tables, misc. */ -img, -iframe, -video { - max-width: 100%; - height: auto; - display: block; - margin-left: auto; - margin-right: auto; -} - -main { - hyphens: auto; - max-width: 95%; - margin-left: auto; - margin-right: auto; - line-height: 1.7em; - hyphens: auto; - display: block; - font-size: 1.1em; -} -main a { - font-weight: bold; -} - -blockquote { - border-left: 5px solid var(--light-brown); - padding: 3px 1em 3px; -} - -.content-wrapper { - padding: 0px 12px 0px 12px; - width: 95%; - margin-left: auto; - margin-right: auto; -} -#partywizard { - min-width: 40px; - float: right; - padding: 10px; - display: block; -} - -#runscape { - min-width: 40px; - float: right; - padding: 10px; - display: block; -} - -/* Next and previous buttons */ -.navbuttons { - font-weight: bold; -} - -.prev { - text-align: left; -} - -.next { - text-align: right; - /* margin-top: -60px; */ -}