All Projects โ†’ taikii โ†’ whiteplain

taikii / whiteplain

Licence: MIT license
Simple and Functional Hugo theme.

Programming Languages

CSS
56736 projects
HTML
75241 projects

Projects that are alternatives of or similar to whiteplain

wowchemy-hugo-themes
๐Ÿ”ฅ Hugo website builder, Hugo themes & Hugo CMS. No code, easily build with blocks! ๅˆ›ๅปบๅœจ็บฟ่ฏพ็จ‹๏ผŒๅญฆๆœฏ็ฎ€ๅŽ†ๆˆ–ๅˆๅˆ›็ฝ‘็ซ™ใ€‚#OpenScience
Stars: โœญ 6,891 (+7153.68%)
Mutual labels:  hugo-theme, hugo
bulma
Bulma is a simple and a responsive Hugo theme that offers a traditional blog mixed with a landing page designed to bootstrap your frontend!.
Stars: โœญ 41 (-56.84%)
Mutual labels:  hugo-theme, hugo
hugo-theme-chunky-poster
A simple, bootstrap 4 based hugo blog theme.
Stars: โœญ 106 (+11.58%)
Mutual labels:  hugo-theme, hugo
mogege
A blog theme for hugo
Stars: โœญ 81 (-14.74%)
Mutual labels:  hugo-theme, hugo
npqhugo
npq-hugo is a customizable and responsive dark blog theme with integrated contact form and code syntax highlighting
Stars: โœญ 24 (-74.74%)
Mutual labels:  hugo-theme, hugo
hugo-zen
Hugo Zen is a minimal hugo theme.
Stars: โœญ 90 (-5.26%)
Mutual labels:  hugo-theme, hugo
showcase-hugo-theme
Showcase is a minimal, single page theme for Hugo
Stars: โœญ 54 (-43.16%)
Mutual labels:  hugo-theme, hugo
academia-hugo
Academia is a Hugo resume theme. You can showcase your academic resume, publications and talks using this theme.
Stars: โœญ 165 (+73.68%)
Mutual labels:  hugo-theme, hugo
hugo-alabaster-theme
A documentation theme ported from Sphinx to Hugo
Stars: โœญ 73 (-23.16%)
Mutual labels:  hugo-theme, hugo
hugo-documentation-theme
๐Ÿ“– Project Docs / Knowledge Base template for Hugo Website Builder. ๅˆ›ๅปบ้กน็›ฎๆ–‡ๆกฃ
Stars: โœญ 101 (+6.32%)
Mutual labels:  hugo-theme, hugo
hugo-theme-fluency
A fluent hugo theme.
Stars: โœญ 48 (-49.47%)
Mutual labels:  hugo-theme, hugo
hugo-lime
Hugo Lime is a business theme for GoHugo by https://uicard.io
Stars: โœญ 31 (-67.37%)
Mutual labels:  hugo-theme, hugo
ace-documentation
A free documentation theme for Hugo, powered by Bootstrap 4. Repsonsive, search, code highlighting and more.
Stars: โœญ 91 (-4.21%)
Mutual labels:  hugo-theme, hugo
hugo-theme-minima
A clean and minimal Hugo theme.
Stars: โœญ 70 (-26.32%)
Mutual labels:  hugo-theme, hugo
hugo-piercer-theme
Piercer is a very customizable, fast and simple Hugo theme designed under the mobile-first philosophy.
Stars: โœญ 27 (-71.58%)
Mutual labels:  hugo-theme, hugo
axiom
Axiom - A Hugo Theme. GitTip: https://gitcoin.co/tip?username=jhauraw
Stars: โœญ 67 (-29.47%)
Mutual labels:  hugo-theme, hugo
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 (-47.37%)
Mutual labels:  hugo-theme, hugo
hugo-docs
Theme for Dgraph documentation built via Hugo
Stars: โœญ 13 (-86.32%)
Mutual labels:  hugo-theme, hugo
hugo-lamp
A light Hugo AMP responsive theme for blogger โšก.
Stars: โœญ 51 (-46.32%)
Mutual labels:  hugo-theme, hugo
hugo-uilite
uicard.io/products/hugo-uilite
Stars: โœญ 85 (-10.53%)
Mutual labels:  hugo-theme, hugo

Whiteplain

CircleCI

This is simple and functional Hugo theme.

Installation

$ git clone https://github.com/taikii/whiteplain.git themes/whiteplain

Or

$ git submodule add https://github.com/taikii/whiteplain.git themes/whiteplain

More colors

This theme automatically switches between light and dark styles depending on the OS color scheme. You can fix the light or dark style by adding the following theme.

  • Dark Fix in dark style.
  • Light Fix in light style.

Usage

Configration

baseurl = "https://example.com/"
title = "Whiteplain"
theme = "whiteplain"
languageCode = "en"
# Disqus shortname
disqusShortname = "Shortname"
# google analytics tracking id
googleAnalytics = "Toracking ID"

# Copyright notice. This is displayer in the footer.
copyright = "© Copyright 2017 Your name"

[params]
  # whether to use CDN or local file for fontawesome
  #useCDN = false
  # whether to include external sharing scripts and icons for twitter, facebook and co.
  #showShareIcons = false
  # Date format
  #dateFormat = "January 2, 2006"

# This is displayer in About page.
[params.author]
  name = "Your name"
  # Gravatar or Abatar image
  gravatar = "Gravatar email or MD5 Hash"
  #avatar = "/path/to/avatar"

  twitter = "Twitter username"
  facebook = "Facebook username"
  googleplus = "Googleplus username"
  instagram = "Instagram username"
  tumblr = "Tumblr username"
  flickr = "Flickr username"
  reddit = "Reddit username"
  linkedin = "Linkedin username"
  slideshare = "Slideshare username"
  github = "Github username"
  gitlab = "Gitlab username"
  bitbucket = "Bitbucket username"
  stackoverflow = "Stackoverflow username"
  jsfiddle = "Jsfiddle username"
  codepen = "Codepen username"
  deviantart = "Deviantart username"
  behance = "Behance username"
  dribbble = "Dribbble username"
  wordpress = "Wordpress username"
  medium = "Medium username"
  foursquare = "Foursquare username"
  xing = "Xing username"
  quora = "Quora username"
  youtube = "Youtube username"
  vimeo = "Vimeo username"
  whatsapp = "Whatsapp username"
  skype = "Skype username"
  snapchat = "Snapchat username"
  pinterest = "Pinterest username"
  telegram = "Telegram username"
  vine = "Vine username"
  email = "Your email"

[taxonomies]
  category = "categories"
  tag = "tags"
  series = "series"

# Header Menu
[[menu.main]]
  name = "Categories"
  identifier = "categories"
  url = "/categories/"
  weight = 1
[[menu.main]]
  name = "Tags"
  identifier = "tags"
  url = "/tags/"
  weight = 2
[[menu.main]]
  name = "Archives"
  identifier = "archives"
  url = "/archives/"
  weight = 3
[[menu.main]]
  name = "About"
  identifier = "about"
  url = "/about/"
  weight = 4

# Footer Menu
[[menu.footer]]
  name = "About"
  weight = 1
  identifier = "about"
  url = "/about/"

Archives page

The Archive page will be displayed, if you create content/archives/_index.html. The file can be 0 bytes.

Hugo site direcctory
โ””โ”€โ”€ content
    โ””โ”€โ”€ archives
        โ””โ”€โ”€ _index.md

About page

The author information is displayed on the About page. You should create an About page in content/about/_index.md.

Your site direcctory
โ””โ”€โ”€ content
    โ””โ”€โ”€ about
        โ””โ”€โ”€ _index.md

Customize Stylesheet and Javascript

You can customize Stylesheet and Javascript. When you create static/css/custom.css static/js/custom.js, it will be loaded automatically.

Default Syntax highlighter style is monokai. If you want to change the style, create static/css/syntax.css. See Hugo Syntax Highlighting about Syntax highlighting.

Your site direcctory
โ””โ”€โ”€ static
    โ”œโ”€โ”€ css
    โ”‚   โ”œโ”€โ”€ custom.css
    โ”‚   โ””โ”€โ”€ syntax.css
    โ””โ”€โ”€ js
        โ””โ”€โ”€ custom.js

If you want to use libraries and frameworks, create layouts/partials/head_custom.html. Its contents are read into <head>...</head>.

Your site direcctory
โ”œโ”€โ”€ layouts
     โ””โ”€โ”€ partials
         โ””โ”€โ”€ head_custom.html

Customize Share Buttons

  1. Copy themes/whiteplain/layouts/partials/share.html to layouts/partials/share.html.
  2. Customize layouts/partials/share.html.
Your site direcctory
โ”œโ”€โ”€ layouts
โ”‚   โ””โ”€โ”€ partials
โ”‚       โ””โ”€โ”€ share.html
โ””โ”€โ”€ themes
    โ””โ”€โ”€ whiteplain
        โ””โ”€โ”€ layouts
            โ””โ”€โ”€ partials
                โ””โ”€โ”€ share.html

Customize Author SNS Icons

  1. Copy themes/whiteplain/layouts/partials/social.html to layouts/partials/social.html.
  2. Customize layouts/partials/social.html.
Your site direcctory
โ”œโ”€โ”€ layouts
โ”‚   โ””โ”€โ”€ partials
โ”‚       โ””โ”€โ”€ social.html
โ””โ”€โ”€ themes
    โ””โ”€โ”€ whiteplain
        โ””โ”€โ”€ layouts
            โ””โ”€โ”€ partials
                โ””โ”€โ”€ social.html

Icons

This theme using Font Awesome.

License

MIT

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].