background

“Language leaves” from the Japanese animation creator Makoto Shinkai’s animation “Language leaves Court”. At first, I was recommended to name the Japanese version of the app “Yan Ye”, because “Yan Ye” also means language and speech in Japanese, and I also wanted to represent the app with the image of “ye”, while reflecting the theme of “notes”. In addition, I also like the aesthetic artistic conception created by Makoto Shinkai in the animation, which is what I pursue when I design the application, so I choose it as “Yan Ye”.

The predecessor of Yanye is MarkNote, a Markdown note-taking app I developed and opened source. It has more than 700 stars on Github. The main reason I developed the app was because I was sick of writing a Python crawler for a few weeks and deploying it to three servers, and I had promised a better app a long time ago, so I started writing it. When it came to writing, it was like a flood of ideas, so it took a couple of weeks to develop. The development of application functionality did not take much time, but it took more time to develop and test the encryption at the bottom with C++ and to build a server to support internationalization.

Here are the functions and highlights.

features

What makes Yan Ye different is that:

  1. Through unified file interactive format to achieve multi-end unification: Students who often write articles may have a feeling that no matter how mobile phone application design, writing is not as convenient as editing directly on the computer. App is designed to address this pain point: in general, App is developed based on the directory structure of the app’s real file system, so you can sync between your phone and your PC via platforms like WebDAV. You can view your notes edited on your phone on the computer without making any changes, or you can view and refine your notes edited on the computer on the phone. On the PC, you can use any text or Markdown editor you like to modify the file and sync it back to the phone.

  2. Java,.js,.css,.cpp files in various languages can be opened directly on the script. The script will render the files and provide syntax highlighting, and the phone will read the code directly. In addition, Word leaf offers 28+ code topics, making it an enjoyable way to browse whether you’re browsing code files or code snippets inside Markdown notes.

  3. Note management using the Hexo specification: Leaf files are organized in a tree structure, supporting multiple levels of nesting. Not only that, but we also added Hexo’s label and category management, which specifies the category and label of notes in a code block in the Markdown file header. Of course, we’ll pair it with the interaction design on the client side, so you can do it with much cleaner operations. With cloud syncing, you can sync your notes to your computer and then combine with Hexo to create your own blog.

  4. Don’t stop at notes: We’ve actually used a variety of algorithms in our applications by organizing and managing the file system rather than putting notes directly into a database. For example, file traversal and global search need to manage the entire file tree, and various traversal algorithms are inevitably used. Through the image compression, save transmission traffic, need to use compression algorithm; It can avoid data loss caused by file synchronization conflict and overwriting by comparing file contents and Diff, and help users deal with file conflicts by UI interaction. Also compatible with MathJax, Markdown format processing, syntax compatibility processing and other details of the algorithm. But I hope to make the application into a more modern and humanized software, combining AI and other scientific organization and management of documents.

Application Display chart

Personal PHOTOSHOP skills:

The detailed function

Detailed description of application functions:

  • Rich syntax: rich Markdown syntax, various computer language syntax highlighting, MathJax syntax, and more;

  • Support pictures: support to take pictures and select pictures, you can directly insert pictures in notes, use a relative directory structure, no changes can be previewed on other platforms;

  • For multi-terminal collaborative design: provide import/export and WebDAV two ways of data interaction with other platforms;

  • Document management specification: designed document management specification, you can edit notes on other platforms, use any tool and synchronize with the client;

  • File and code browser: you can use this software to browse code and open all kinds of text;

  • Collaboration with Hexo: Title, date, category, and label management in Hexo Note format;

  • Global search: The title and content of all notes can be searched within the app, while highlighting the search results;

  • Multi-level directory structure: completely based on file system management notes, simple and easy to use, without introducing any concepts;

  • Algorithm optimization: provide multi-platform synchronization file conflict processing mechanism, optimize the file synchronization mechanism and image compression, save traffic;

  • New design: New design style, support 5+ application themes, day and night themes, 24+ editor themes, 28+ code themes, immersive experience, pixel level design;

  • Feature support: make full use of Android features, support to add notes shortcuts, desktop shortcuts and desktop widgets;

  • Intimate tools: quick preview and location of timeline, directory structure on the right of desktop, customize text size, export and print PDF, Html, text, etc.

  • Advanced anti-loss: draft timing storage, accidental exit automatic saving, synchronization conflict handling mechanism, all-round protection of your work.