Shrimple – 更简单、更美观的 Markdown
Shrimple – A Simpler, Nicer Markdown

原始链接: https://qount25.dev/Shrimple/

Shrimple 是一种简洁、易读的 Markdown 替代方案,旨在让文档在纯文本和渲染后的 HTML 中都能呈现专业外观。它采用 Go 语言编写,为标题、代码块、列表和注释提供了极简语法。 主要功能包括: * **整洁的格式:** 使用脚注式链接来避免行内 URL 的混乱,并利用缩进结构来处理列表和代码。 * **智能词典:** 通过“解析”和“渲染”词典,自动为特定词汇或表达式添加样式,无需在源文本中添加额外的标记。 * **静态网站生成:** Shrimple 可以将整个目录转换为结构化的网站。通过在文件和文件夹名称中使用数字前缀,它能自动生成导航菜单以及“上一篇/下一篇”链接,即使在没有服务器的本地环境下也能正常运行。 * **自定义:** 用户可以注入自定义 CSS、添加语法高亮支持,并通过仅处理已更改的文件来实现增量构建。 使用时,请通过 Go 编译源码,并利用 CLI 标志来指定输入文件、词典或静态网站生成的目录。Shrimple 在简洁性与强大的文档处理能力之间取得了良好的平衡。

抱歉。
相关文章

原文

a better, cleaner Markdown alternative. Get it.

This is a Shrimple document. It's written in such a way that it looks clean and readable both as a text document, but also when rendered into HTML.

Installation & Usage

You'll need a Go compiler to compile it first:

go build

Then run it like this:

cat README | ./shrimple -s -w > README.html

The -s or --default-css flag adds a default css to the HTML output and -w or --wrap flag wraps the page up in HTML to make a complete document. If you're looking to generate output and insert into your own website one way or another, you're not going to need those tags.

To see all available options type: ./shrimple --help

Links and Footnotes

Links are made to be clean-looking as well. Instead of polluting the source document with inline URLs (which can be long and can mess up readability) we instead use a very shrimple! idea: a link gets its URLs from the footnote it's referring to.

Of course, you can also add a regular footnote 1 , in which case the little link with the number next to the word will lead you to the footnote section.

Code

Let's start with code blocks. Look at the example below: even though there's an empty line between the two if blocks, it'll still be one singular block of code:

if err != nil {
    return -1
}

if err == nil {
    return 1
}

Blocks of code must be indented with 6 spaces, which, when rendered, will be trimmed, but the extra spaces after the first 6 are kept. The first line of the code block which starts with ### Go is optional, but it adds an HTML-class to the code block tag, which, when used with Prism.js code highlighter, will result in correct code highlighting for a particular language.

We can also have inline code, such as fmt.Println("this is inline code")

Lists

Shrimple also allows you to create numbered and bullet lists. For example, here's a list with bullet points:

  • Lists must be indented two spaces to the right
  • Each item may or may not be separated from the previous one by an empty line.
  • If a list item is long, you can easily put the content on the next line. In that case, the subsequent lines must all be indented with 4 spaces to be aligned with the first line.

Very similar are numbered lists:

  1. Indentation is the same — two spaces.
  2. Subsequent items may be numbered normally (unlike Markdown, where they all have to be "1").
  3. Subsequent lines in any given numbered list item must be aligned by the fullstop character "." on the first line.
  4. Numbers don't have to be consequtive, but they will be normalized to be consequtive. It just werks!

Two types of headers

Headers are allowed to be of two level types: "h1" and "h2". The level is determined by the "thickness" of the underscore line, where === is for "h1" and --- is for "h2". One important thing about headers: the line following the actual header, regardless of the time, must always be at least 3 characters long (it is a hardcoded rule) or the line above will not be rendered as a header.

Notes start with a line which consists of one word in uppercase (no spaces) optionally followed by any punctuation sign — in this case it's ":". The following lines must be indented with 4 spaces. The word doesn't have to be "NOTES" and, instead, can be something like "SIDENOTE" or "ATTENTION". The word itself will be downcased and used in the output as html tag css class.

Notes may also contain empty lines (with no indentation), but an empty line must be surrounded by non-empty ones belonging to this note (and, thus, indented with 4 spaces) in order to be considered part of the note.

Parse & render dictionaries

This is one of the most powerful features of Shrimple. Instead of polluting your original document with various kinds of strange characters or HTML, you just write your text and when need to highlight some occurrences of particular words or expressions, you define it using Parse & Render dictionaries. Take a look at the two files: parse_dict and render_dict in the repository's root directory and then look at the example in the next paragraph:

This paragraph is an example of parse and render dictionaries. Note that the word1 and word2 are underlined, and word3 and expression with some spaces in it are green. But there's no additional markup for these words in the source Shrimple document. They're simply picked up based on the parse and render dictionaries.

To instruct Shrimple to make use of parse and render dictionaries, use the -p and the -r cli-arguments ("p" for parse, and "r" for render):

./shrimple ... -p path/to/parse_dict -r path/to/render_dict

Generating static website

One of the goals of Shrimple always was to be able to generate documentation pages. This his made possible by Shrimple's static site generator. It will take a directory of source files (written in Shrimple format), convert each file into an HTML-document and output it all into another directory. Each page will optionally contain a menu and a previous/next navigation links at the bottom.

Let's see how it works. Suppose you have the following directory structure:

StaticSite
|
'--
   StaticSite
   |
   1_Part_One
   |        |
   |        001_chapter_one 
   |        002_chapter_two 
   |        003_chapter_three 
   |
   2_Part_Two 
   |        |
   |        001_chapter_four
   |        002_chapter_five
   |
   3_chapter_six
   |
   4_chapter_seven

Entries 1_Part_One and 2_Part_Two are directories. The rest of it are files. When file is named the same as the directory it contains, it'll become index.html after the static site is generated. The numbers at the beginning of directories and file names are there to ensure correct order which is necessary to know to be able generate navigation and menu links.

The same file structure is provided in the examples/StaticSite directory for your convenience. To generate the static website use the following command:

./shrimple -s -g -n -m examples/StaticSite StaticSite_out

and see what's inside StaticSite_out directory. If changes are made to some files and then you run the same command again, Shrimple will only generate the files which need to be generated.

The options provided are the following:

  • -g or --generate-site tells Shrimple that we want to generate static website from the source directory.
  • -s is already known to you — it adds a default stylesheet, but you can specify your custom one with -c or --css
  • -n tells static site generator to add previous/next navigation links to the bottom of each page.
  • -m also adds nicely nested menu containing links to all of the generated pages.

All links in menu and navigation work if you simply open your page with File - Open in your browser and don't require a server to be usable.

联系我们 contact @ memedata.com