Giter Site home page Giter Site logo

vnovel's Introduction

VNovel

Pixiv-like theme for novels.

The demo can be seen here: https://vnovel.pages.dev

Import this project into Forestry

Features

  • Responsive
  • Support tags
  • Switch Light / Dark
  • Google Analytics
  • Yandex Metrica
  • RSS Feeds
  • Supported i18n (en/ja)
  • Lighthouse 100/100

Installation

Method 1

Inside the folder of your Hugo site run:

$ git clone https://github.com/opera7133/vnovel themes/vnovel

Updating theme:

$ cd themes/vnovel
$ git pull

Method 2

Inside the folder of your Hugo site run:

$ git submodule add https://github.com/opera7133/vnovel.git themes/vnovel

Updating theme:

$ git submodule update --remote --merge

Install dependencies

Copy at least the following files from themes/vnovel/exampleSite to the root folder of your site.

  • package.json
  • tailwind.config.js
  • postcss.config.js

After that, run this command.

$ npm install

For more information read the official setup guide of Hugo.

Getting started

After installing the theme successfully it requires a just a few more steps to get your site running.

Update config file

Copy the config.toml in the exampleSite to the root of your Hugo site. Change strings as you like.

Check your site

In order to see your site in action, run Hugo's built-in local server.

$ npm run start

Now enter localhost:1313 in the address bar of your browser.

Build your site

$ npm run build

Contributing

If you find a bug or have an idea for a feature, feel free to write an issue or make a PR.

License

This theme is released under the MIT license.

vnovel's People

Contributors

dependabot[bot] avatar opera7133 avatar dependabot-preview[bot] avatar

Stargazers

Etrazc avatar たまむし蝦蟇 avatar Yi Poche-Rinp avatar cassivsgabriellis avatar Leqord avatar Xiaowei Liu avatar Pablo M. Menezes avatar yahya jabary avatar えるもあ avatar ZhangCY avatar Ilham Taufiq avatar  avatar Tamaki Awana avatar Yamasaki Misaki avatar  avatar rabex avatar  avatar uvacoder avatar

Watchers

James Cloos avatar Yi Poche-Rinp avatar  avatar magge avatar たまむし蝦蟇 avatar

vnovel's Issues

The book cover (novel.png) is not loading

Hello!

First of all, I wanna say that this theme is awesome, it is perfect for a blog about book reviews.

The installation was ok, but, I don't know why, the logo of the book cover, novel.png , is missing when we load the page, as we can see in the link bellow:

http://www.lendonojardim.cyou/000-teste/public/

How can I solve this issue, please?

(I changed the language to portuguese because I am from Brazil).

error

there is a error when i built it ,i fellow all the step you ever said
Screenshot_20230403-002653

"Error: Error building site: POSTCSS: failed to transform "css/style.css" (text/css): sh: 1: postcss: not found"
Screenshot_20230403-002612

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.