GithubHelp home page GithubHelp logo

erikkristoferanderson / salinger-theme Goto Github PK

View Code? Open in Web Editor NEW

This project forked from jacksalici/salinger-theme

0.0 0.0 0.0 1.19 MB

A clean and minimalistic Hugo theme for personal blogs and portfolios. Built with TailwindCSS and DaisyUI.

Home Page: https://github.com/jacksalici/salinger-theme

License: MIT License

Shell 0.46% JavaScript 12.81% CSS 2.54% HTML 84.19%

salinger-theme's Introduction

Salinger Theme ๐Ÿ“ป

Clean and minimalistic Hugo theme built with DaisyUI and TailwindCSS.

LICENSE GitHub tag (with filter) GitHub last commit (branch)

Salinger is a clean, minimalistic, mobile-first, blazing-fast, fancy and lightweight theme for the Hugo framework. Born as the theme for my website (demo), recently it has been completely rebuilt using Tailwind and DaisyUI.
Why this name? During the design of the light mode homepage, I was inspired by the Italian edition cover by Einaudi of The Catcher in The Rye by J.D. Salinger.

Screenshot of the homepage

Features ๐Ÿ—‚๏ธ

  • TailwindCSS and DaisyUI ๐ŸŒผ framework
  • Responsive and mobile-first ๐Ÿ“ฒ
  • Google Analytics ๐Ÿ“ˆ
  • Custom visibility of meta
  • Dark, Auto and Light Mode ๐ŸŒš
  • 2๏ธโƒฃ hamburger Menu with custom icon
  • Tweemoji Emoji support ๐Ÿง
  • SEO support (100% score on PageSpeed) ๐Ÿš€

Quick Start โš ๏ธ

Preview the example site

git clone https://github.com/jacksalici/salinger-theme.git salinger
cd salinger/exampleSite
hugo server --t ../..

A demo usage can also be seen on my website.

Install the theme

  1. Add the repository to your Hugo Project repository as a submodule:

    git submodule add https://github.com/jacksalici/salinger-theme.git themes/salinger
  2. Configure your hugo.toml. I suggest copying the demo file present in the example site folder. Please note that some parameters are mandatory for the theme to work properly.

  3. Install the dependencies.

    hugo mod npm pack 
    npm install
  4. You can build your site with hugo server and admire the result at http://localhost:1313/.

Update your installation

If you want to get the latest update of the Salinger theme please execute this command:

git submodule update --remote --merge

Please note that during the development of the new version (Jul 23) a rebase has been made and the commit history is not so clean. If you came from the legacy version, updating it can be a bit annoying. I suggest removing completely the submodule and adding it again.

Usage ๐Ÿ“

Check out the wiki and the example site.

License ๐Ÿ“œ

The Salinger theme code is licensed under the MIT license.

salinger-theme's People

Contributors

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