Two Dishes One Fish screenshot

Two Dishes One Fish

Author Avatar Theme by Benbinbin
Updated: 22 Sep 2022
14 Stars

A VuePress-next template.

Categories

Overview

“Two dishes one fish” is a web project that served as a blog and a knowledge management system, using a Markdown file system. It utilized VuePress as the generator to compile Markdown files to HTML files and deploy the static site to GitHub Pages. The project aimed to optimize the browsing experience of the website and posts.

Features

  • Dual-purpose Markdown Files: Markdown files can be categorized as both blog posts and notes or solely as notes.
  • Blog Post Navigation Page: A navigation page is added for blog posts, showing them as cards. Users can browse the posts in cards grid mode, cards masonry mode, or posts list mode.
  • Notes Navigation Page: All Markdown files are treated as notes, displayed in a grid layout following the same structure as the file system. The notes are powered by D3.js, and users can browse them in a tree chart.
  • Tagging System: Users can add tags to Markdown files and filter posts or notes on the navigation page based on these tags.
  • Responsive Web Design: The website follows the principles of responsive web design, allowing users to browse the site on different screen sizes.

Installation

To use this theme and build your own site, follow the steps in the wiki’s documentation or the articles on “少数派”. Development notes of the project can be viewed in the wiki’s development log or the articles on “掘金”.

Summary

“Two dishes one fish” was a project aimed at creating a blog and knowledge management system using a Markdown file system. It utilized VuePress as the generator and provided features such as dual-purpose Markdown files, navigation pages for blog posts and notes, a tagging system, and responsive web design. Although the project is no longer in maintenance, it served as an inspiration for a more advanced successor repository called “BlogiNoteTwo Dishes One Fish”.