Suppose you want to create small beautiful notes with a full support of $ \LaTeX $ math inside, but a little bit easier than compiling a document or creating a project in overleaf.

I like the simplicity, readability and timelessness (omg, does this word exist? I mean, that the simpler the technology - the higher the probability, that you could use it years later) of Markdown. So, you can visually edit it, reuse parts of previous documetns easily and a lot more. For example, the source code for the previous document is as simple as:
```markdown
Test. Duality.
| Name | 1 | 2 | $$\sum$$ |
|---|---|---|---|
| /7 | /3 | /10 |
Consider the problem of projection of some point $$y \in \mathbb{R}^n, y \notin \Delta^n$$ onto the probability simplex $$\Delta^n$$.
$$ \begin{split} & |x - y |2^2 \to \min\limits{x \in \mathbb{R}^n }\ \text{s.t. } & 1^\top x = 1, \ & x \succeq 0 \end{split} $$
- Formulate the dual problem.
- Do we have strong duality here?
```
To obtain this result you’ll need to do these steps:
- Install VSCode.
- Install Markdown Preview Enhanced extension.
-
(Optional) Configure your own style.
- Open VSCode and press
cmd + shift + p. -
Run
Markdown Preview Enhanced: Customize Csscommand. -
Configure
style.lessfile.
- Open VSCode and press
This is mine (in fact, I’ve just copied fonts from the css for this site):
```less / Please visit the URL below for more information: / / https://shd101wyy.github.io/markdown-preview-enhanced/#/customize-css /
@font-face { font-family: 'Computer Modern Sans'; src: url('https://merkulov.top/css/fonts/cmunss.eot'); src: url('https://merkulov.top/css/fonts/cmunss.eot?#iefix') format('embedded-opentype'), url('https://merkulov.top/css/fonts/cmunss.woff') format('woff'), url('https://merkulov.top/css/fonts/cmunss.ttf') format('truetype'), url('https://merkulov.top/css/fonts/cmunss.svg#cmunss') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Computer Modern Sans'; src: url('https://merkulov.top/css/fonts/cmunsx.eot'); src: url('https://merkulov.top/css/fonts/cmunsx.eot?#iefix') format('embedded-opentype'), url('https://merkulov.top/css/fonts/cmunsx.woff') format('woff'), url('https://merkulov.top/css/fonts/cmunsx.ttf') format('truetype'), url('https://merkulov.top/css/fonts/cmunsx.svg#cmunsx') format('svg'); font-weight: bold; font-style: normal; }
@font-face { font-family: 'Computer Modern Sans'; src: url('https://merkulov.top/css/fonts/cmunsi.eot'); src: url('https://merkulov.top/css/fonts/cmunsi.eot?#iefix') format('embedded-opentype'), url('https://merkulov.top/css/fonts/cmunsi.woff') format('woff'), url('https://merkulov.top/css/fonts/cmunsi.ttf') format('truetype'), url('https://merkulov.top/css/fonts/cmunsi.svg#cmunsi') format('svg'); font-weight: normal; font-style: italic; }
@font-face { font-family: 'Computer Modern Sans'; src: url('https://merkulov.top/css/fonts/cmunso.eot'); src: url('https://merkulov.top/css/fonts/cmunso.eot?#iefix') format('embedded-opentype'), url('https://merkulov.top/css/fonts/cmunso.woff') format('woff'), url('https://merkulov.top/css/fonts/cmunso.ttf') format('truetype'), url('https://merkulov.top/css/fonts/cmunso.svg#cmunso') format('svg'); font-weight: bold; font-style: italic; }
@font-face { font-family: 'Palatino Linotype'; src: url('https://merkulov.top/css/fonts/PalatinoLinotype-Bold.eot'); src: url('https://merkulov.top/css/fonts/PalatinoLinotype-Bold.eot?#iefix') format('embedded-opentype'), url('https://merkulov.top/css/fonts/PalatinoLinotype-Bold.woff2') format('woff2'), url('https://merkulov.top/css/fonts/PalatinoLinotype-Bold.woff') format('woff'), url('https://merkulov.top/css/fonts/PalatinoLinotype-Bold.ttf') format('truetype'), url('https://merkulov.top/css/fonts/PalatinoLinotype-Bold.svg#PalatinoLinotype-Bold') format('svg'); font-weight: bold; font-style: normal; }
@font-face { font-family: 'Palatino Linotype'; src: url('https://merkulov.top/css/fonts/PalatinoLinotype-BoldItalic.eot'); src: url('https://merkulov.top/css/fonts/PalatinoLinotype-BoldItalic.eot?#iefix') format('embedded-opentype'), url('https://merkulov.top/css/fonts/PalatinoLinotype-BoldItalic.woff2') format('woff2'), url('https://merkulov.top/css/fonts/PalatinoLinotype-BoldItalic.woff') format('woff'), url('https://merkulov.top/css/fonts/PalatinoLinotype-BoldItalic.ttf') format('truetype'), url('https://merkulov.top/css/fonts/PalatinoLinotype-BoldItalic.svg#PalatinoLinotype-BoldItalic') format('svg'); font-weight: bold; font-style: italic; }
@font-face { font-family: 'Palatino Linotype'; src: url('https://merkulov.top/css/fonts/PalatinoLinotype-Italic.eot'); src: url('https://merkulov.top/css/fonts/PalatinoLinotype-Italic.eot?#iefix') format('embedded-opentype'), url('https://merkulov.top/css/fonts/PalatinoLinotype-Italic.woff2') format('woff2'), url('https://merkulov.top/css/fonts/PalatinoLinotype-Italic.woff') format('woff'), url('https://merkulov.top/css/fonts/PalatinoLinotype-Italic.ttf') format('truetype'), url('https://merkulov.top/css/fonts/PalatinoLinotype-Italic.svg#PalatinoLinotype-Italic') format('svg'); font-weight: normal; font-style: italic; }
@font-face { font-family: 'Palatino Linotype'; src: url('https://merkulov.top/css/fonts/PalatinoLinotype-Roman.eot'); src: url('https://merkulov.top/css/fonts/PalatinoLinotype-Roman.eot?#iefix') format('embedded-opentype'), url('https://merkulov.top/css/fonts/PalatinoLinotype-Roman.woff2') format('woff2'), url('https://merkulov.top/css/fonts/PalatinoLinotype-Roman.woff') format('woff'), url('https://merkulov.top/css/fonts/PalatinoLinotype-Roman.ttf') format('truetype'), url('https://merkulov.top/css/fonts/PalatinoLinotype-Roman.svg#PalatinoLinotype-Roman') format('svg'); font-weight: normal; font-style: normal; }
.markdown-preview.markdown-preview { // modify your style here // eg: background-color: blue; font-family: "Palatino Linotype";
h1, h2, h3, h4, h5, h6{ font-family: "Computer Modern Sans"; } } ```