Giter VIP home page Giter VIP logo

newbee's Introduction

English | 简体中文

Preview


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

Demo Site

You can see this theme in action on demo 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/config.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 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

newbee's People

Contributors

thluiz avatar xioyito avatar

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.