Giter Site home page Giter Site logo

cevtuocjw / logcevtuo3 Goto Github PK

View Code? Open in Web Editor NEW

This project forked from nunocoracao/blowfish

0.0 0.0 0.0 381.02 MB

Personal Website & Blog Theme for Hugo

Home Page: https://blowfish.page

License: MIT License

JavaScript 2.24% CSS 15.08% HTML 82.69%

logcevtuo3's Introduction

Blowfish

Buy Me A Coffee

Deploy Production to Firebase Deploy Production to GitHub pages Minimum Hugo Version GitHub Blowfish code-size

Blowfish is designed to be a powerful, lightweight theme for Hugo. It's built using Tailwind CSS with a clean and minimalist design that prioritises to your content. The theme is a fork of Congo.

๐ŸŒ Demo site
๐Ÿ“‘ Theme documentation
๐Ÿ’Ž Merch Store
๐Ÿ› Bug reports & issues
๐Ÿ’ก Questions & feature requests

blowfish logo

Features

  • Fully responsive layout built with Tailwind CSS 3.0
  • Multiple colour schemes (or fully customise your own)
  • Dark mode (forced on/off or auto-switching with user toggle)
  • Highly customisable configuration
  • Firebase integration to support dynamic data
  • Views count & like mechanism
  • Related articles
  • Multiple homepage layouts
  • Multiple authors
  • Series of articles
  • Flexible with any content types, taxonomies and menus
  • Header and footer menus
  • Nested menus & sub-navigation menu
  • Multilingual content support inlcuding support for RTL languages
  • Ability to link to posts on third-party websites
  • Support for several shortcodes like Gallery, Timeline, GitHub cards, and Carousels
  • Buymeacoffee integration
  • Client-side site search powered by Fuse.js
  • Diagrams and visualisations using Mermaid
  • Charts using Chart.js
  • TypeIt integration
  • Mathematical notation using KaTeX
  • SVG icons from FontAwesome 6
  • Automatic image resizing using Hugo Pipes
  • Heading anchors, Tables of Contents, Code copy, Buttons, Badges and more
  • HTML and Emoji support in articles ๐ŸŽ‰
  • SEO friendly with links for sharing to social media
  • Fathom Analytics and Google Analytics support
  • RSS feeds, Favicons and comments support
  • Advanced customisation using simple Tailwind colour definitions and styles
  • Optimised for performance and accessibility with perfect Lighthouse scores
  • Fully documented with regular updates

Documentation

Blowfish has extensive documentation that covers all aspects of the theme. Be sure to read the docs to learn more about how to use the theme and its features.


Installation

Blowfish supports several installation methods - as a git submodule, a Hugo Module, or as a completely manual install.

Detailed instructions for each method can be found in the Installation docs. You should consult the documentation for the simplest setup experience. Below is a quick start guide using submodules if you are using git, or Hugo modules if you're already confident installing Hugo themes.

Quick start using git submodules

Note: Ensure you have Git, Go, and Hugo installed, and that you have created a new Hugo project before proceeding.

  1. From your project directory, initialise git:

    git init
  2. Configure Blowfish as a git submodule:

    git submodule add -b main https://github.com/nunocoracao/blowfish.git themes/blowfish
  3. In the root folder of your website, delete the config.toml file that was generated by Hugo. Copy the *.toml config files from the theme into your config/_default/ folder.

    You will find these theme config files in the Hugo cache directory, or download a copy from GitHub.

  4. Follow the Getting Started instructions to configure your website.

Quick start using Hugo

Note: Ensure you have Go and Hugo installed, and that you have created a new Hugo project before proceeding.

  1. From your project directory, initialise Hugo Modules:

    hugo mod init github.com/<username>/<repo-name>
  2. Create config/_default/module.toml and add the following:

    [[imports]]
    path = "github.com/nunocoracao/blowfish/v2"
  3. Start your server using hugo server and the theme will be downloaded automatically.

  4. In the root folder of your website, delete the config.toml file that was generated by Hugo. Copy the *.toml config files from the theme into your config/_default/ folder.

    Note: Do not overwrite the module.toml file you created above!

    You will find these theme config files in the Hugo cache directory, or download a copy from GitHub.

  5. Follow the Getting Started instructions to configure your website.

Installing theme updates

As new releases are posted, you can update the theme using Hugo. Simply run hugo mod get -u from your project directory and the theme will automatically update to the latest release.

Detailed update instructions are available in the docs.


Contributing

Blowfish is expected to evolve over time. I intend to keep adding features and making changes as required.

Feel free to get in touch with any issues or suggestions for new features you'd like to see.

If you're able to fix a bug or implement a new feature, I welcome PRs for this purpose. Learn more in the contributing guidelines.


Stargazers over time

Stargazers over time

Mastodon

logcevtuo3's People

Contributors

nunocoracao avatar dependabot[bot] avatar mirceanton avatar maikelchan avatar danwiseprogramming avatar pfrogond avatar madoke avatar chrisbanes avatar fuse314 avatar androw avatar ajmandourah avatar mztiq avatar diogom1 avatar alantanner avatar scoty avatar lemonase avatar krishna-santosh avatar adilhyz avatar thedidek avatar guillaumeassier avatar jahsehj avatar moddylp avatar maciejopalinski avatar mtheindiecoder avatar lukapiplica avatar crodrigocs avatar lituatui avatar insidemordecai avatar milespernicious avatar michaeldorner 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.