Skip to content
/ NewBee Public
forked from xioyito/NewBee

A elegance, clean Hugo Theme with high interaction for blogger

License

Notifications You must be signed in to change notification settings

mcgeq/NewBee

This branch is up to date with xioyito/NewBee:main.

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Nov 26, 2023
b1d993c · Nov 26, 2023

History

1 Commit
Nov 26, 2023
Nov 26, 2023
Nov 26, 2023
Nov 26, 2023
Nov 26, 2023
Nov 26, 2023
Nov 26, 2023
Nov 26, 2023
Nov 26, 2023
Nov 26, 2023
Nov 26, 2023
Nov 26, 2023
Nov 26, 2023
Nov 26, 2023

Repository files navigation

English | 简体中文

Preview


NewBee-Preview-1 NewBee-Preview-2 NewBee-Preview-3 NewBee-Preview-4

Example Site

You can see this theme in action on my site.

Features

  • Functions
    • local search without any configuration
    • multi-language
    • Syntax Highlight
    • Custom Header
    • Custom footer
    • night mode
    • A sidebar can be open or close at all times
    • Extended Shortcodes
    • Valine comment
    • Music player based on Aplayer and MetingJS
    • Count of Visitor and views
  • Components
    • Archive(posts) page
    • Categories taxonomy
    • Tags taxonomy
    • series taxonomy
    • Author card
    • Pre and Next button
    • sponsor card
  • Other
    • Responsive
    • Light-Neumorphism style
    • High interaction
    • Smooth transitions

Quick Start

For more information, please go to: https://gohugo.io/getting-started/quick-start/

Install Hugo(extended version)

The following is For macOS system, other systems see: https://gohugo.io/getting-started/installing/

Homebrew

~ % brew install hugo

MacPorts

~ % port install hugo

install NewBee

First, you need to create a new site(e.g. my-blog) by Hugo:

~ % hugo new site my-blog

You have 2 methods to install NewBee after creating a new site:

Method 1

download the theme manually by going to https://github.com/xioyito/NewBee and pasting it to themes in your root directory.

Method 2

clone it directly to themes:

~ % cd my-blog
my-blog % git clone https://github.com/xioyito/NewBee.git themes/NewBee

Configuration

That's simple, just copy the file NewBee/config-example/hugo.toml to your Hugo root directory.

First post

create a new post:

my-blog % hugo new "posts/first-post.md"

create about page:

my-blog % hugo new "about/_index.md"

Now:

my-blog % hugo server -D

go to http://localhost:1313/ in your browser. From now your browser will refresh automatically when the files in your site changes , so you don’t need to refresh your browser every time.

Customize NewBee

if you want to override some of the styles, just create a file my-blog/static/css/custom.css and add your own styles into this file.

Help NewBee be better

Found a bug?

If you find any bugs, welcome to use Issue or create a new Pull Request to fix the issue.

A NewBee theme user?

I'd appreciate your support, if you want to share your site, please make a contribution and add your site to the list.

Sponsoring

If you like the theme and support my work, just do:

Thank you.

License

Copyright © 2022 xioyito

NewBee theme is released under the MIT License, see more: https://github.com/xioyito/NewBee/blob/master/LICENSE

About

A elegance, clean Hugo Theme with high interaction for blogger

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • CSS 52.7%
  • HTML 25.2%
  • JavaScript 22.1%