📄

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.

You could easily do it in $ \LaTeX $ or Word, but I like the readability of the source code in markdown.

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} $$

  1. Formulate the dual problem.
  2. Do we have strong duality here?

```

To obtain this result you’ll need to do these steps:

  1. Install VSCode.
  2. Install Markdown Preview Enhanced extension.
  3. (Optional) Configure your own style.

    1. Open VSCode and press cmd + shift + p.
    2. Run Markdown Preview Enhanced: Customize Css command.

    3. Configure style.less file.

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"; } } ```