Giter Site home page Giter Site logo

kaceo / hugonews Goto Github PK

View Code? Open in Web Editor NEW

This project forked from spaghettiwews/hugonews

0.0 0.0 0.0 304 KB

hugo theme (based on https://news.ycombinator.com) for https://bookmarks.wews.co

License: GNU General Public License v2.0

HTML 69.62% CSS 30.38%

hugonews's Introduction

hugonews

a hugo theme for a personal bookmarking website

hugonews is a Hugo theme that I primarily use for my absurd bookmarking website - https://bookmarks.wews.co. Its aesthetic was inspired by that of Hacker News

Getting Started

Prerequisites

  1. Hugo
  2. Git

Usage

  1. Create a new Hugo website

    hugo new site <sitename>
  2. Initialise the website source folder as a Git repository

    cd <sitename> && git init
  3. Add the hugonews theme as a submodule to your website repo

    git submodule add https://github.com/spaghettiwews/hugonews.git themes/hugonews
  4. Set your site theme to hugonews by editing config.toml and adding the following line theme = "hugonews"

    baseURL = "http://example.org/"
    languageCode = "en-us"
    title = "My New Hugo Site"
    theme = "hugonews"
  5. Now, from the root of your website, create a bookmark item using the hugo CLI

    hugo new items/dark-mode-website-css.md
  6. Edit the newly created file to add the necessary metadata. The file will be in your content directory in /content/items/

    ---
    title: "Dark mode in a website with CSS"
    date: 2019-10-09T12:13:32+02:00
    itemurl: "https://tombrow.com/dark-mode-website-css"
    sites: "tombrow.com"
    tags: ["frontend", "css", "dark mode"]
    draft: false
    ---
  7. Repeat steps 5 and 6 to add new/more bookmarks.

  8. Build the site using hugo and deploy the /public folder following any one of the guides that can be found in the Hugo documentation (Hosting & Deployment).

hugonews's People

Contributors

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