Rowfish

screenshot of Rowfish
react
less
styled-components
tailwind

Rowfish

A better docusaurus theme and a fullstack development learn site

Overview

Rowfish is a Docusaurus theme designed for building personal document libraries, showcasing works, and blogging systems. It is completely open-source under the MIT license and is specifically created to enhance the job competitiveness and self-media presence of computer professionals. The latest version, V2.0.1, has been officially released and is available for testing.

Features

  • Blog and Comment System: Allows users to write and publish blog posts and includes a commenting feature using Waline.
  • Document System: Supports online execution of React code and provides a platform for writing and managing personal documents.
  • Personal Introduction and Works Showcase: Provides a section for users to present themselves and showcase their works.
  • Ecosystem Navigation: Offers a navigation feature for browsing related content within the website.
  • Site-wide Search: Allows users to search for specific information across the entire site.
  • Eye Protection and Dark Mode: Includes eye protection features and supports switching to a dark mode.
  • Responsive Design: Fully compatible with mobile devices and designed to adapt to different screen sizes.
  • Contact and Social Platforms: Provides a toolbar with links to contact and social platforms.
  • Course Showcase: Includes a page for displaying and promoting courses.
  • Technical Training Camp: Supports collaboration, bug fixing, and offers a community chat group for users.

Installation

To install the Rowfish theme, follow these steps:

  1. Clone the Rowfish theme repository from GitHub: git clone https://github.com/rowfishjs/rowfish
  2. Navigate to the cloned repository: cd rowfish
  3. Install the required dependencies: npm install
  4. Customize the theme according to your preferences.
  5. Build the website: npm run build
  6. Deploy the built website to your desired hosting platform.

For more detailed instructions, please refer to the theme's documentation.

Summary

Rowfish is an open-source Docusaurus theme that provides a comprehensive solution for building personal document libraries, showcasing works, and running a blog. With its various features such as a blog and comment system, document system with code execution support, and the ability to present personal works and courses, Rowfish is designed to cater to the needs of computer professionals. It also includes eye protection features, a dark mode option, and is fully responsive for mobile devices. The theme can be easily customized and installed by following the provided installation guide.

react
React

React is a widely used JavaScript library for building user interfaces and single-page applications. It follows a component-based architecture and uses a virtual DOM to efficiently update and render UI components

less
LESS

Less CSS is a dynamic stylesheet language that extends the capabilities of CSS, allowing developers to write cleaner, more modular, and reusable stylesheets with features like variables, mixins, and nested rules.

styled-components
Styled Components

Styled Components is a popular library for styling React components using CSS syntax. It allows you to write CSS in your JavaScript code, making it easier to create dynamic styles that are specific to each component.

tailwind
Tailwind

Tailwind CSS is a utility-first CSS framework that provides pre-defined classes for building responsive and customizable user interfaces.

blog
Blog

Blog websites feature posts written by one or more authors, organized by categories and tags, with a section for comments and archives sorted by date or topic. Additional features may include search bar, social media sharing, subscription or RSS feed, about and contact pages, and visual content.

documentation
Documentation

Documentation themes are built specifically for writing technical and product documentation. They are normally written and maintained in Markdown. The often include a navigation menu, search bar, clear headings, semantic document structure and clean typography.

template
Templates & Themes

A template or theme refers to a pre-designed layout or structure that provides a basic framework for building a specific type of application or website. It typically includes good design, placeholder content and functional features, allowing developers to customize and fill in the details according to their specific needs.

eslint
Eslint

ESLint is a linter for JavaScript that analyzes code to detect and report on potential problems and errors, as well as enforce consistent code style and best practices, helping developers to write cleaner, more maintainable code.

postcss
Postcss

PostCSS is a popular open-source tool that enables web developers to transform CSS styles with JavaScript plugins. It allows for efficient processing of CSS styles, from applying vendor prefixes to improving browser compatibility, ultimately resulting in cleaner, faster, and more maintainable code.

Stylelint

Stylelint is a modern linter for CSS that helps you avoid errors and enforce consistent styling conventions. It provides rules for detecting errors and warnings, and can be configured to match your specific project's requirements.

typescript
Typescript

TypeScript is a superset of JavaScript, providing optional static typing, classes, interfaces, and other features that help developers write more maintainable and scalable code. TypeScript's static typing system can catch errors at compile-time, making it easier to build and maintain large applications.