Light

crakjie / hugo-base-theme Goto Github PK

View Code? Open in Web Editor NEW

32.0 2.0 12.0 5.87 MB

Landing page theme largely inspered by gohugo.io

HTML 8.81% CSS 51.60% JavaScript 39.59%

hugo-base-theme's Introduction

Hugo base theme

Hugo theme based on the gohugo website

Installation

Navigate to your site folder and run the following commands :

$ mkdir themes
$ cd themes
$ git clone https://github.com/crakjie/hugo-base-theme.git

How to use

Place a image in static/img/ and update mainIcon in config.toml
You can change the header image by adding a new image in the static/img/ folder of the theme
Create posts to display your services. Use the follow as an example:

post

+++
date = 2014-10-13T20:07:19Z
draft = true
title = "First"
description = "Ceci est mon premier post \n bla bla bla"
weight = 1
icon = "pacman"
+++

Hello first post

carousel

Create a carousel.md file in /content/carousel

+++
date = 2014-10-13T19:54:21Z
draft = true
title = "About"
weight = 5
icon = "circlestar"
[[carousel]]
  quote = "First quote"
  author  ="John Do"
  url = ""
  quote_date = "13 August"
[[carousel]]
  quote = "Second quote"
  author  ="Nhoj Od"
  url = ""
  quote_date = "14 August"
+++

Demo

View gohugo.io theme in action here View audrey-carpentras.com in action here

#Have a look, Have a try

git clone https://github.com/crakjie/hugo-base-theme.git
cd hugo-base-theme/exampleSite
hugo server -t hugo-base-theme

===

Work also with YAML header

For more Hugo details, read documentation.

Config

Example of config.toml file:

baseurl = "https://www.example.com"
languageCode = "fr-fr"
title = "my new web site"
[params]
  description = "I <3 making web site"
  mainIcon = "/img/hugo.png"

[[params.social]]
    title = "twitter"
    url = "https://twitter.com/SBootstrap"
[[params.social]]
    title = "github"
    url = "https://github.com/IronSummitMedia/startbootstrap"
[[params.social]]
    title = "linkedin"
    url = ""

hugo-base-theme's People

Contributors

Stargazers

Watchers

Forkers

tbmvp xguse dnp1 michael-k jasonlocklin johnblood jantuomi jeep87c jberry93 chinenyeegbe jdcaperon alistairewj

hugo-base-theme's Issues

Images missing max-width property

Hello!

I've stumbled upon the very same issue as the dim0627/hugo_theme_beg#19:

CSS, image links don't obey subURLs

If I set my base URL to www.domain.com/someURL/, all hell breaks loose! CSS styles and images can not load because they're expecting everything to be located at www.domain.com, not www.domain.com/someURL/.

Please switch to safe baseURL for example config

Apparently a scammer has registered the default base url genreated by hugo ("http://replace-this-with-your-hugo-site.com") and has some malware, ads, etc on it. See: gohugoio/hugoThemes#171.

Your theme doesn't use this base url but it still points to a website that is registered. To avoid such abuse in the future I would recommend to switch to a base url like "https://www.example.com".

Thanks

How do I change header image?

I'm working on a landing page and I found your theme very useful. However, I'm having trouble figuring out how to change the header image on the top of the page (the picture with the laptop). How do I do that? I have limited knowledge of html and css. Thanks.

Icons not rendering

The icons for .icon-github, .icon-linkedin and .icon-twitter are not loading correctly. It is just loading A, box and K instead of the icons. Is there a way to fix this?

Buggy exampleSite

Markdown not rendered as markdown etc. See first, second, third.

Wrong link to Hugo documentation?

For more Hugo details, read _documentation_.

In the demo section does "documentation" (see above) link to the website of Jekyll instead to the docs of Hugo.

Recommend Projects

React

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

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

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

An Open Source Machine Learning Framework for Everyone
Django

The Web framework for perfectionists with deadlines.
Laravel

A PHP framework for web artisans
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.
Visualization

Some thing interesting about visualization, use data art
Game

Some thing interesting about game, make everyone happy.

Recommend Org

Facebook

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

Open source projects and samples from Microsoft.
Google

Google ❤️ Open Source for everyone.
Alibaba

Alibaba Open Source for everyone
D3

Data-Driven Documents codes.
Tencent

China tencent open source team.