All Projects → ijsucceed → onepress

ijsucceed / onepress

Licence: Apache-2.0 License
A simple, clean, and responsive "Hugo - Static Site Generator" theme for bloggers

Programming Languages

CSS
56736 projects
HTML
75241 projects

Projects that are alternatives of or similar to onepress

bookworm-light
Bookworm is a clean and modern Hugo blog theme focused on high speed and support multiple authors.
Stars: ✭ 59 (+195%)
Mutual labels:  hugo-theme, hugo, hugo-blog, hugo-blog-theme
twenty-twenty-hugo
Twenty Twenty Hugo is forked from WordPress Twenty Twenty theme. It's fully functional like the WordPress theme.
Stars: ✭ 48 (+140%)
Mutual labels:  hugo-theme, hugo, hugo-blog, hugo-blog-theme
persian-hugo
Persian is a box design personal blog theme based on Bootstrap and powered by Hugo. It is very responsive and perfectly fits on any sized screen device.
Stars: ✭ 32 (+60%)
Mutual labels:  hugo-theme, hugo, hugo-blog, hugo-blog-theme
restaurant-hugo
The restaurant is a creative and responsive restaurant website theme in Hugo environment. It is very well decorated theme which will make your website building easier.
Stars: ✭ 50 (+150%)
Mutual labels:  hugo-theme, hugo, hugo-blog, hugo-blog-theme
liva-hugo
Liva is a personal blog template powered by Hugo.
Stars: ✭ 192 (+860%)
Mutual labels:  hugo-theme, hugo, hugo-blog, hugo-blog-theme
navigator-hugo
Navigator Business theme powered by Hugo. It also could be used for a personal portfolio.
Stars: ✭ 133 (+565%)
Mutual labels:  hugo-theme, hugo, hugo-blog, hugo-blog-theme
geeky-hugo
Geeky is a Personal Hugo blog theme focused on high speed. Geeky is fully responsive, Superfast, and powered by Bootstrap v5.
Stars: ✭ 44 (+120%)
Mutual labels:  hugo-theme, hugo, hugo-blog, hugo-blog-theme
axiom
Axiom - A Hugo Theme. GitTip: https://gitcoin.co/tip?username=jhauraw
Stars: ✭ 67 (+235%)
Mutual labels:  hugo-theme, hugo, hugo-blog
hugo-theme-minima
A clean and minimal Hugo theme.
Stars: ✭ 70 (+250%)
Mutual labels:  hugo-theme, hugo, hugo-blog-theme
hugo-theme-fluency
A fluent hugo theme.
Stars: ✭ 48 (+140%)
Mutual labels:  hugo-theme, hugo, hugo-blog-theme
Hugo Theme Pure
A pure theme for Hugo
Stars: ✭ 198 (+890%)
Mutual labels:  hugo-theme, hugo, hugo-blog-theme
mogege
A blog theme for hugo
Stars: ✭ 81 (+305%)
Mutual labels:  hugo-theme, hugo, hugo-blog-theme
hugo-now
a Hugo port of Jekyll Now
Stars: ✭ 16 (-20%)
Mutual labels:  hugo-theme, hugo, hugo-blog-theme
academia-hugo
Academia is a Hugo resume theme. You can showcase your academic resume, publications and talks using this theme.
Stars: ✭ 165 (+725%)
Mutual labels:  hugo-theme, hugo, hugo-blog
Hugo Eureka
Eureka is a feature-rich and highly customizable Hugo theme.
Stars: ✭ 239 (+1095%)
Mutual labels:  hugo-theme, hugo, hugo-blog-theme
hugo-theme-texify
A minimal, latex-style hugo theme for personal blogging
Stars: ✭ 91 (+355%)
Mutual labels:  hugo-theme, hugo, hugo-blog
Keepit
The most powerful minimal Hugo theme.
Stars: ✭ 151 (+655%)
Mutual labels:  hugo-theme, hugo, hugo-blog-theme
Allinone
All in one Hugo theme
Stars: ✭ 155 (+675%)
Mutual labels:  hugo-theme, hugo, hugo-blog-theme
tomanistor.com
Personal portfolio website and blog created with Hugo
Stars: ✭ 14 (-30%)
Mutual labels:  hugo-theme, hugo, hugo-blog
hugo-dusk
Simple, minimalistic dark theme for Hugo.
Stars: ✭ 50 (+150%)
Mutual labels:  hugo-theme, hugo, hugo-blog-theme

Onepress

Onepress is a simple, clean, and responsive "Hugo - Static Site Generator" theme for bloggers.

Features

Screenshot

Onepress screenshot

Installation

Option 1: Clone Repository

In the root of your Hugo site directory run:

$ cd themes
$ git clone https://github.com/ijsucceed/onepress.git

Option 2: Create Submodule

Create a submodule linked directly to the theme's GitHub repository in order to receive updates:

$ git submodule add https://github.com/ijsucceed/onepress.git themes/onepress

Then run:

$ git submodule update --init --recursive --remote

Configuration

Onepress comes with several configuration options to aid in site customization. This is an example config.toml file:

baseURL = "https://ijsucceed.com/"
languageCode = "en-UK"
title = "Onepress Example Site"
description = "a Blog by Jeremiah Succeed"
config = "config.toml"
tags = ["blog", "sidebar", "SEO"]
theme = "onepress"
# Enter your tracking code to enable Google Analytics
googleAnalytics = " "
# Disable comments by leaving disqusShortname empty
disqusShortname = "your disqus shortname"
copyright = "Copyright © 2019, Jeremiah Succeed; all rights reserved."
canonifyURLS = true
paginate = 12

[params]
	author = "Jeremiah Succeed"
        bio = "Fullstack web developer and Templates designer."
	logo = "/images/onepress-logo.png"
	avatar = "/images/onepress-author.png"
	opengraphImage = "/images/onepress-logo.jpg"
	enableRSS = true

	customCSS = false
        readMore = "Read Up"
    
    # Social
	twitter  = "https://twitter.com/ijsucceed"
	github   = "https://github.com/ijsucceed"
	facebook  = ""
        linkedin  = ""

    
    # Widget
    widgets = true
    
    # Author box and Share button
    authorCard = false 
    shareButton = true
    
    # Code highlighting with highlight.js
    highlightJS = true

# Taxonomies
[taxonomies]
    tag = "tags"

Using Onepress

The two main content types are blog posts and sidebar widgets.

Widgets

To create a widget section that renders on the sidebar, go to your layouts/partials/ folder and locate widgets.html.

<div class="widgets">
      
  <section itemscope itemtype="https://schema.org/Person" class="widget socials">
    <h2 class="widget-title">Socials</h2>
    <ul>
    ....
    </ul>
  </section>
  <!-- You can add multiple widgets section below -->

</div>

The themes has a default widget which is used to display social icons.

You can simply add widget like this below.

  <section class="widget customwidget">
    <h2 class="widget-title">Widget Title</h2>
    // widget body
  </section>

Whatever content you put inside the widget should fit properly to the widget space. This can be ad, affliate banner or call to action.

You can also reorder the widgets simply by placing anyone section above the other.

Removing a widget is simply by commenting(with html comment) that particular widget section or remove the section code entirely.

No sidebar

If you don't want a sidebar you can set the widgets to false in the config.toml. This will remove the sidebar and center your site content.

# Widget
widgets = false

Blog Posts

To create a new blog post, run:

$ hugo new post/post-title.md

Custom CSS

To implement custom CSS sitewide, change the config.toml parameter customCSS from false to true and then go to css.html file in your layouts/partials/ folder and add a css code like the example below:

<style>
  <!-- This will remove the shadow on the navbar -->
  a {
    border-color: orange;
  }
</style>

This will render inline CSS in the head of your site and without adding an extra HTTP request.

Show Author box

If you want to show author box beneath post.

 authorCard = true

Subscribe link

Use the parameter subscribeLink to create a link to a page (internal or external) that contains your email subscription form.

Contributions

If you'd like to help with the continous improvement of this theme, I encourage you to submit a pull request or create an issue if you find a bug. All help is celebrated.

License

This theme is released under the Apache 2.0 license. For more information read the license.

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].