Giter Site home page Giter Site logo

varkai / hugo-theme-zozo Goto Github PK

View Code? Open in Web Editor NEW
383.0 6.0 99.0 3.65 MB

:star2: A simple and beautiful theme for Hugo

Home Page: https://zozo.varkai.com

License: MIT License

HTML 42.77% CSS 53.66% JavaScript 3.57%
hugo-theme hugo hugo-blog hugo-blog-theme

hugo-theme-zozo's Introduction

Hugo Theme Zozo

GitHub

A simple and beautiful theme for Hugo

It's a port of Aragaki, The style is reference from 菩提树下, Some functions are referenced from Even

Features

  • Responsive
  • Syntax highlighting with highlightjs
  • Math with mathjax
  • Social links(Customize)
  • Tags page
  • Archive page
  • Disqus and Valine comment-system
  • Fancybox
  • GoogleAnalytics

Demo | 中文说明

Sceenshots

zozo

Installation

$ git clone https://github.com/varkai/hugo-theme-zozo themes/zozo

Important: Take a look inside the exampleSite folder of this theme. You'll find a file called config.toml. To use it, copy the config.toml in the root folder of your Hugo site. Feel free to change it.

ExampleSite

There is an example site with config file and markdown files in exampleSite directory.

About Page

Use the about page to introduce yourself to your visitors. You can customize the content as you like in the /content/about/index.md.

Shortcodes

This theme provides img shortcodes.

{{< img src="path/to/xxx.png" >}}

MathJax

This theme supports MathJax, which are turned off by default. If you want to use them, you need to set them in config.toml.

Set mathjax = true under the [params] to support the MathJax.

Valine Comment System

This theme provides valine comment system, the default is closed, if you want to use, need to set in config. toml.

Set the enable = true under [params.valine] to open valine, and will be appId and appKey set for yourself.

Social Link Icons

You can add a social link panel in the header by adding entries to the social block in the config.toml.

Remix icon is used in this theme.

Nearly Finished

In order to see your site in action, run Hugo's built-in local server.

$ hugo server

Now enter localhost:1313 in the address bar of your browser.

License

Released under the MIT License.

Acknowledgements

hugo-theme-zozo's People

Contributors

kozmof avatar sarisia avatar varkai avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar

hugo-theme-zozo's Issues

对于 markdown 的粗体 css 渲染问题

我发现在 zozo.css 中你将 font-weight 设置为 normal,是否设置为 bold 更为合理?

.markdown strong,
.markdown b,
.markdown em {
  padding: 1px 2px;
  background-color: #fcfcf0;
  font-weight: normal;
}

我做了一个Hexo版本的zozo主题

非常喜欢这个主题风格,由于使用Hexo,所以自己写了一个版本。链接
目前正在开发中,做了一些微调,并在如下标注的来源,不知是否介意。😂
image
image

Cannot hide post with `hidden: true`

I'm experimenting with this theme. When I tried to hide a post it didn't work.

Expected: the post is hidden in the list and archive.
Actual: the post keep showing normally.

Hugo Version: v0.74.3/extended darwin/amd64
OS: System Version: macOS 10.15.6

Pages not working

Hi -

Thanks for this very nice Hugo theme

In your Readme you say

You can customize the content as you like in the /content/about/index.md.

I have organized my page like this "/content/cv/index.md" -- and it works on my localhost but when I publish it to my website it says "File not Found"

here is my website repository:
https://github.com/erikparr/erikparr-dev

website here:
dev.erikparr.com

thanks

table样式不生效

问题:markdown 中的table标签样式显示有问题,zozo.css中定义的table样式不生效。
解决方法:将zozo.css中table相关的样式定义前面加上.markdown

新增内容

页面很喜欢,不过能不能再添加一些内容:

  1. 文章加上统计数字,共××字;
  2. 代码是否可以自己加上行数;
  3. 每个文章是否可以设置toc目录

谢谢

文章渲染的段间距是否可以调整一下?

markdown文档渲染出来之后,段间距与行间距一致,导致段落与段落之间没有明确区分。因此文章渲染出来之后,看起来有一种所有文字堆砌在一起的感觉,不太美观。建议调整一下文章的段间距。

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.