BraVo123 Опубликовано 7 марта, 2019 Жалоба Поделиться Опубликовано 7 марта, 2019 Boostnote — программа для ведения заметокЗаметки можно распределять по папкам и присваивать им теги, что сильно упрощает поиск.Заметки могут быть двух видов :Markdown - текстовые заметки в формате Markdown , может содержать таблицы, картинки ссылки , математические формулы, диаграммы, чек-листы и ещё кучу всего. Если в заметке есть чек-лист, то отмеченные галочкой отображаются в верху заметки в виде линии с процентом исполнения, что удобно для всяких TODO - заметок.Snippet - позволяет хранить куски кода. В одном сниппете, можно хранить несколько кусков кода в отдельных закладках.Для установки : wget https://github.com/BoostIO/boost-releases/releases/download/v0.11.15/boostnote_0.11.15_amd64.deb dpkg -i boostnote_0.11.15_amd64.deb Для запуска ищем в меню или из терминалаboostnote Пример разметки Markdown, скопируйте код в заметку : # Welcome to Boostnote! ### _Click to edit this note._ --- Boostnote is an *open source* note-taking app. Repository is published on [GitHub](https://github.com/BoostIO/Boostnote), and tweeting everyday on [@Boostnoteapp](https://twitter.com/boostnoteapp)! ## Features - [x] No internet or registration required. - [ ] Quick search and copy the content of note. macOS: <kbd>Cmd</kbd> + <kbd>Alt</kbd> + <kbd>S</kbd> / windows: <kbd>Ctrl</kbd> + <kbd>Alt</kbd> + <kbd>S</kbd> - [ ] <kbd>↵Enter</kbd> - [x] Markdown & Snippet note. - [ ] Available for `vim` and `emacs` mode. - [ ] Choose your favorite theme on UI, Editor and Code Block! --- [Jamp to line](:line:189) - Copy Codeblock on Markdown Preview. ```javascript var boostnote = document.getElementById('enjoy').innerHTML console.log(boostnote) ``` Markdown | Less | Pretty --- | --- | --- *Still* | `renders` | **nicely** 1 | 2 | 3 > Blockquotes are very handy in email to emulate reply text. > Inline `code` has `back-ticks around` it. Here's our logo (hover to see the title text): Inline-style:  Reference-style: ![alt text][logo] [logo]: https://github.com/adam-p/markdown-here/raw/master/src/common/images/icon48.png "Logo Title Text 2" There are two ways to create links. [i'm an inline-style link](https://www.google.com) [i'm an inline-style link with title](https://www.google.com "Google's Homepage") [i'm a reference-style link][Arbitrary case-insensitive reference text] [i'm a relative reference to a repository file](../blob/master/LICENSE) [You can use numbers for reference-style link definitions][1] Or leave it empty and use the [link text itself]. URLs and URLs in angle brackets will automatically get turned into links. http://www.example.com or <http://www.example.com> and sometimes example.com (but not on Github, for example). Some text to show that the reference links can follow later. [arbitrary case-insensitive reference text]: https://www.mozilla.org [1]: http://slashdot.org [link text itself]: http://www.reddit.com --> <-- <-> ==> <== <=> ## Definition list Term 1 ~ Definition 1 Term 2 ~ Definition 2a ~ Definition 2b Term 3 ~ Term 1 : Definition 1 Term 2 with *inline markup* { rjl } : Definition 2 ``` Что-то ещё ``` <br> Мама мыла Раму и кришну <br> 1999 ## Lists (In this example, leading and trailing spaces are shown with with dots: ⋅) 1. First ordered list item 2. Another item ⋅⋅* Unordered sub-list. 1. Actual numbers don't matter, just that it's a number ⋅⋅1. Ordered sub-list 4. And another item. ⋅⋅⋅You can have properly indented paragraphs within list items. Notice the blank line above, and the leading spaces (at least one, but we'll use three here to also align the raw Markdown). ⋅⋅⋅To have a line break without a paragraph, you will need to use two trailing spaces.⋅⋅ ⋅⋅⋅Note that this line is separate, but within the same paragraph.⋅⋅ ⋅⋅⋅(This is contrary to the typical GFM line break behaviour, where trailing spaces are not required.) * Unordered list can use asterisks - Or minuses + Or pluses ## Custom Container Markup is similar to fenced code blocks. Valid container types are `success`, `info`, `warning` and `danger`. ## Admonition !!! note Note Lorem ipsum !!! !!! hint Hint Lorem ipsum !!! !!! caution Caution Lorem ipsum !!! !!! error Error Lorem ipsum !!! !!! attention Attention Lorem ipsum !!! !!! danger Danger Lorem ipsum !!! # Headers # H1 ## H2 ### H3 #### H4 ##### H5 ###### H6 Alternatively, for H1 and H2, an underline-ish style: Alt-H1 ====== Alt-H2 ------ # Emphasis Emphasis, aka italics, with *asterisks* or _underscores_. Strong emphasis, aka bold, with **asterisks** or __underscores__. Combined emphasis with **asterisks and _underscores_**. Strikethrough uses two tildes. ~~Scratch this.~~ :+1: :smile: :floppy_disk: [Другие эмоции можно посмотреть по этой ссылке](https://www.webpagefx.com/tools/emoji-cheat-sheet/) ## Fontawesome: :fa-cab: :fa-flag: :fa-bicycle: :fa-leaf: :fa-heart: [All the Font Awesome icons](http://fontawesome.io/icons/) ## Математические формулы в форате TeX This $\begin{Bmatrix} a & b \\ c & d \end{Bmatrix}$ is a matrix $$ 1 + \frac{q^2}{(1-q)}+\frac{q^6}{(1-q)(1-q^2)}+\cdots = \prod_{j=0}^{\infty}\frac{1}{(1-q^{5j+2})(1-q^{5j+3})}, \quad\quad \text{for }\lvert q\rvert<1. $$ $$ \mathrm{e}^{\mathrm{i}\theta} = \cos(\theta) + \mathrm{i}\sin(\theta) $$ ## Раскрывающийся список <details><summary>Boostnote is a notepad corresponding to markdown notation, which is a tool for organizing and sharing information.</summary> - Features - <br> · Search function to find memos in one shot · Supports markdown notation <br> · Support for Mac, Windows, Linux, iOS, Android <br> · Export and import to Plain text (.txt), Markdown (.md) format <br> · Supports PDF saving <br> · Can be used offline <br> · Synchronize to dropbox etc. with setting <br> · Supports theme colors and numerous fonts <br> </details> ## Chart ```mermaid sequenceDiagram loop every day Alice->>John: Hello John, how are you? John-->>Alice: Great! end ``` ### Line Chart ```chart { "type": "line", "data": { "labels": [ "January", "February", "March", "April", "May", "June", "July" ], "datasets": [ { "label": "# of bugs", "fill": false, "lineTension": 0.1, "backgroundColor": "rgba(75,192,192,0.4)", "borderColor": "rgba(75,192,192,1)", "borderCapStyle": "butt", "borderDash": [], "borderDashOffset": 0, "borderJoinStyle": "miter", "pointBorderColor": "rgba(75,192,192,1)", "pointBackgroundColor": "#fff", "pointBorderWidth": 1, "pointHoverRadius": 5, "pointHoverBackgroundColor": "rgba(75,192,192,1)", "pointHoverBorderColor": "rgba(220,220,220,1)", "pointHoverBorderWidth": 2, "pointRadius": 1, "pointHitRadius": 10, "data": [ 65, 59, 80, 81, 56, 55, 40 ], "spanGaps": false } ] }, "options": {} } ``` ### Bar Chart ```chart { "type": "bar", "data": { "labels": [ "Red", "Blue", "Yellow", "Green", "Purple", "Orange" ], "datasets": [ { "label": "# of Votes", "data": [ 12, 19, 3, 5, 2, 3 ], "backgroundColor": [ "rgba(255, 99, 132, 0.2)", "rgba(54, 162, 235, 0.2)", "rgba(255, 206, 86, 0.2)", "rgba(75, 192, 192, 0.2)", "rgba(153, 102, 255, 0.2)", "rgba(255, 159, 64, 0.2)" ], "borderColor": [ "rgba(255,99,132,1)", "rgba(54, 162, 235, 1)", "rgba(255, 206, 86, 1)", "rgba(75, 192, 192, 1)", "rgba(153, 102, 255, 1)", "rgba(255, 159, 64, 1)" ], "borderWidth": 1 } ] }, "options": {} } ``` ### Radar Chart ```chart { "type": "radar", "data": { "labels": [ "Eating", "Drinking", "Sleeping", "Designing", "Coding", "Cycling", "Running" ], "datasets": [ { "label": "My First dataset", "backgroundColor": "rgba(179,181,198,0.2)", "borderColor": "rgba(179,181,198,1)", "pointBackgroundColor": "rgba(179,181,198,1)", "pointBorderColor": "#fff", "pointHoverBackgroundColor": "#fff", "pointHoverBorderColor": "rgba(179,181,198,1)", "data": [ 65, 59, 90, 81, 56, 55, 40 ] }, { "label": "My Second dataset", "backgroundColor": "rgba(255,99,132,0.2)", "borderColor": "rgba(255,99,132,1)", "pointBackgroundColor": "rgba(255,99,132,1)", "pointBorderColor": "#fff", "pointHoverBackgroundColor": "#fff", "pointHoverBorderColor": "rgba(255,99,132,1)", "data": [ 28, 48, 40, 19, 96, 27, 100 ] } ] }, "options": {} } ``` ### Pie Chart ```chart { "type": "pie", "data": { "labels": [ "Red", "Blue", "Yellow" ], "datasets": [ { "data": [ 300, 50, 100 ], "backgroundColor": [ "#FF6384", "#36A2EB", "#FFCE56" ], "hoverBackgroundColor": [ "#FF6384", "#36A2EB", "#FFCE56" ] } ] }, "options": {} } ``` ### Polar Area Chart ```chart { "type": "polarArea", "data": { "datasets": [ { "data": [ 11, 16, 7, 3, 14 ], "backgroundColor": [ "#FF6384", "#4BC0C0", "#FFCE56", "#E7E9ED", "#36A2EB" ], "label": "My dataset" } ], "labels": [ "Red", "Green", "Yellow", "Grey", "Blue" ] }, "options": {} } ``` ### Doughnut Chart ```chart { "type": "doughnut", "data": { "labels": [ "Red", "Blue", "Yellow" ], "datasets": [ { "data": [ 300, 50, 100 ], "backgroundColor": [ "#FF6384", "#36A2EB", "#FFCE56" ], "hoverBackgroundColor": [ "#FF6384", "#36A2EB", "#FFCE56" ] } ] }, "options": {} } ``` ### Bubble Chart ```chart { "type": "bubble", "data": { "datasets": [ { "label": "First Dataset", "data": [ { "x": 20, "y": 30, "r": 15 }, { "x": 40, "y": 10, "r": 10 } ], "backgroundColor": "#FF6384", "hoverBackgroundColor": "#FF6384" } ] }, "options": {} } ``` ```mermaid graph LR A(( )) --> |"P(A)"| B(("P(A)")) A --> |"P(Ā)"| C(("P(Ā)")) B --> |"P(B|A)"| D(("P(B|A)")) B --> |"P(B̄|A)"| E(("P(B̄|A)")) C --> |"P(B|Ā)"| F(("P(B|Ā)")) C --> |"P(B̄|Ā)"| G(("P(B̄|Ā)")) ``` ### Gantt diagram ```mermaid gantt dateFormat YYYY-MM-DD title Adding GANTT diagram to mermaid section A section Completed task :done, des1, 2014-01-06,2014-01-08 Active task :active, des2, 2014-01-09, 3d Future task : des3, after des2, 5d Future task2 : des4, after des3, 5d section Critical tasks Completed task in the critical line :crit, done, 2014-01-06,24h Implement parser and jison :crit, done, after des1, 2d Create tests for parser :crit, active, 3d Future task in critical line :crit, 5d Create tests for renderer :2d Add to mermaid :1d section Documentation Describe gantt syntax :active, a1, after des1, 3d Add gantt diagram to demo page :after a1 , 20h Add another diagram to demo page :doc1, after a1 , 48h section Last section Describe gantt syntax :after doc1, 3d Add gantt diagram to demo page : 20h Add another diagram to demo page : 48h ``` ## Диаграммы ```flowchart st=>start: Start:>http://www.google.com[blank] e=>end:>http://www.google.com op1=>operation: My Operation sub1=>subroutine: My Subroutine cond=>condition: Yes or No?:>http://www.google.com io=>inputoutput: catch something… st->op1->cond cond(yes)->io->e cond(no)->sub1(right)->op1 ``` ```sequence Title: Here is a title A-> B: Normal line B -> C: Dashed line C -> D: Open arrow D -> A: Dashed open arrow ``` ```js Render: function () { Return ( <Div className = “commentBox”> <H1> Comments </ h1> <CommentList data = {this.state.data} . <CommentForm onCommentSubmit = {this.handleCommentSubmit} . </Div> ); } ``` Диаграмма [Plantum](http://plantuml.com/skinparam) @startuml actor actor agent агент artifact артефакт boundary boundary card card cloud облако component component control control database БД entity entity file file folder folder frame frame interface interface node node package package queue queue stack stack rectangle rectangle storage storage usecase usecase @enduml @startuml object Object01 object Object02 object Object03 object Object04 object Object05 object Object06 object Object07 object Object08 Object01 <|-- Object02 Object03 *-- Object04 Object05 o-- "4" Object06 Object07 .. Object08 : some labels @enduml @startuml skinparam interface { backgroundColor RosyBrown borderColor orange } skinparam component { FontSize 13 BackgroundColor<<Apache>> Red BorderColor<<Apache>> #FF66FF FontName Courier BorderColor green BackgroundColor gold ArrowFontName Impact ArrowColor #FF6655 ArrowFontColor #000000 FontColor red } () "Data Access" as DA DA - [First Component] [First Component] ..> () HTTP : use HTTP - [Web Server] << Apache >> @enduml @startuml sprite $businessProcess [16x16/16] { FFFFFFFFFFFFFFFF FFFFFFFFFFFFFFFF FFFFFFFFFFFFFFFF FFFFFFFFFFFFFFFF FFFFFFFFFF0FFFFF FFFFFFFFFF00FFFF FF00000000000FFF FF000000000000FF FF00000000000FFF FFFFFFFFFF00FFFF FFFFFFFFFF0FFFFF FFFFFFFFFFFFFFFF FFFFFFFFFFFFFFFF FFFFFFFFFFFFFFFF FFFFFFFFFFFFFFFF FFFFFFFFFFFFFFFF } rectangle " End to End\nbusiness process" <<$businessProcess>> { rectangle "inner process 1" <<$businessProcess>> as src rectangle "inner process 2" <<$businessProcess>> as tgt src -> tgt } @enduml Диаграмма [ditaa](http://ditaa.sourceforge.net/) @startditaa +----------+ +------------------+ | | +-----------+ | | | Текст + --+ END{io} |----> | | | | +-----------+ | cRED{s} | | {d} | +---------+--------+ +---+------+ ^ | : | | | Переход | | +----------------------------+ v *----* | | /--* * * | | | -*--+ *----* ----+ /----\ +----+ : | | : | | | | |{s} | v \-=--+ +----+ Color codes /-------------+-------------\ |cRED RED |cBLU BLU | +-------------+-------------+ |cGRE GRE |cPNK PNK | +-------------+-------------+ |cBLK BLK |cYEL YEL | \-------------+-------------/ /----\ /----\ |c33F| |cC02| | | | | \----/ \----/ /----\ /----\ |c1FF| |c1AB| | | | | \----/ \----/ +---------+ | cBLU | | | | +----+ | |cPNK| | | | +----+----+ /--+ | | +--/ @endditaa Сайт - https://boostnote.io (есть так же для Win и Mac)Git - https://github.com/BoostIO/Boostnote/tree/v0.11.15 Цитата «Украинский народ заслуживает того, чтобы определять своё будущее без вмешательства извне. И именно это Соединённые Штаты пытаются сделать». © Джон Бреннан (главный советник президента США Барака Обамы по борьбе с терроризмом)«Сибирь слишком большая, чтобы принадлежать одному государству» © Кондолиза Райс (госсекретарь США) Ссылка на комментарий Поделиться на другие сайты Поделиться
Рекомендуемые сообщения
Присоединяйтесь к обсуждению
Вы можете написать сейчас и зарегистрироваться позже. Если у вас есть аккаунт, авторизуйтесь, чтобы опубликовать от имени своего аккаунта.
Примечание: Ваш пост будет проверен модератором, прежде чем станет видимым.