Coder Social home page Coder Social logo

gustavomdsantos / epsilon-markdown-theme Goto Github PK

View Code? Open in Web Editor NEW
4.0 1.0 1.0 2.25 MB

Epsilon – a Markdown Theme freely inspired by Epsilon Notes.

License: MIT License

HTML 52.33% CSS 47.67%
markdown markdown-editor markdown-theme markdown-tools markdown-to-html markdown-to-pdf css css-styles css-library less writing writing-software

epsilon-markdown-theme's Introduction

English | Português


Epsilon Markdown Theme

GitHub license GitHub top language GitHub tag

Epsilon – a Markdown theme freely inspired by Epsilon Notes.

Lorem ipsum - Epsilon

Epsilon is an elegant Markdown theme that uses a combination of shades of blue and gray, besides of the use of projected shadows in blockquotes, tables, code snippets and images in Markdown files, giving them a sense of depth, like in Material Design.

The use of the most-known serif font of all – Times New Roman –, headings in small caps (with the 1ˢᵗ heading in center) and an indentation of 2em in the first line of each paragraph makes this theme fits great for printing, too.

Download and usage

Epsilon is avaliable for use in 3 ways:

To download Epsilon, click in the button of your choice below:

Download for Atom Download for Typora Download Inline CSS Download All

Installation for Atom

Assuming that you already have the package markdown-preview-enhanced by shd101wyy installed:

Recommended way

  1. Open Atom's Command Palette ("View" > "Toggle Command Palette" or press Ctrl + Shift+P).
  2. Search or type this command: Markdown Preview Enhanced: Customize Css. It opens a file called style.less.
  3. Copy all text in style.less file that you downloaded here and paste in that file.
  4. Save the file and close it.
  5. Enjoy!

Programmatic way

This way can override all custom styles that was previously in style.less file without your consent!

  1. Copy the style.less file that you downloaded here and paste in ~/.mume folder.
  2. Enjoy!

Installation for Typora

  1. Open Typora's themes folder ("File" > "Preferences..." > "Open themes folder"). It opens your file explorer in that folder.
  2. Copy the epsilon.css file that you downloaded here and paste in themes folder.
  3. Restart Typora. The theme will be avaliable in "Themes" menu. Click on "Epsilon".
  4. Enjoy!

Using the inline CSS

It is possible to use Epsilon in Markdown files generating HTML with inline CSS. It works only on Markdown parsers that doesn't sanitize inline CSS in Markdown files (see the list of most Markdown parsers here).

  1. Copy all text in epsilon.html file that you downloaded here and paste in the beggining of your Markdown file.
  2. Parse your Markdown file.
  3. Enjoy!

Bug tracker

Found a bug? Want to suggest something new or an improvement? Let us know here on GitHub!

Author

Pull Requests

Contributors are welcome! Pull Requests · gustavosotnas/epsilon-markdown-theme

License

Epsilon is distributed under the terms of the MIT License. See the LICENSE file for details.


Epsilon Markdown Theme

GitHub license GitHub top language GitHub tag

Epsilon – um tema para Markdown livremente inspirado no Epsilon Notes.

Lorem ipsum - Epsilon

Epsilon é um tema elegante para Markdown que usa uma combinação de tons de azul e cinza, além do uso de sombras projetadas nas citações, tabelas, trechos de código e imagens em arquivos Markdown, dando a eles a sensação de profundidade, como no Material Design.

O uso da fonte serifa mais conhecida de todas – Times New Roman –, títulos em versaletes (com o título de 1º nível centralizado) e um recuo de 2em na primeira linha de cada parágrafo faz este tema ser ótimo para impressão, também.

Download e usagem

Epsilon está disponível para uso de 3 formas:

Para baixar o Epsilon, clique no botão da sua escolha abaixo:

Baixar para Atom Baixar para Typora Baixar Inline CSS Baixar tudo

Instalar para Atom

Supondo que você já tenha o pacote markdown-preview-enhanced por shd101wyy instalado:

Modo recomendado

  1. Abra a Paleta de Comandos do Atom ("View" > "Toggle Command Palette" ou pressione Ctrl + Shift+P).
  2. Pesquise ou digite este comando: Markdown Preview Enhanced: Customize Css. Isto abrirá um arquivo chamado style.less.
  3. Copie todo o texto no arquivo style.less que você baixou aqui e cole nesse arquivo.
  4. Salve o arquivo e feche-o.
  5. Divirta-se!

Modo programático

Este modo pode sobrescrever todos os estilos customizados que estavam previamente no arquivo style.less sem o seu consentimento!

  1. Copie o arquivo style.less que você baixou aqui e cole na pasta ~/.mume.
  2. Divirta-se!

Instalar para Typora

  1. Abra a pasta de temas do Typora ("Arquivo" > "Preferências..." > "Abrir Pasta do Tema"). Isto abrirá o seu explorador de arquivos nessa pasta.
  2. Copie o arquivo epsilon.css que você baixou aqui e cole na pasta de temas.
  3. Reinicie o Typora. O tema está disponível no menu "Temas". Clique em "Epsilon".
  4. Divirta-se!

Usando o CSS inline

É possível usar o Epsilon em arquivos Markdown gerando HTML com CSS inline. Isto funciona apenas em conversores Markdown que não fazem sanitização de CSS inline em arquivos Markdown (veja a lista dos principais conversores Markdown aqui).

  1. Copie todo o texto no arquivo epsilon.html que você baixou aqui e cole no início do seu arquivo Markdown.
  2. Converta o seu arquivo Markdown.
  3. Divirta-se!

Bug tracker

Encontrou um bug? Quer sugerir algo novo ou uma melhoria? Informe-nos aqui no GitHub!

Autor

Pull Requests

Contribuidores são bem vindos! Pull Requests · gustavosotnas/epsilon-markdown-theme

Licença

Epsilon é distribuído sob os termos da MIT License. Consulte o arquivo LICENSE para mais detalhes.

epsilon-markdown-theme's People

Contributors

renanofugi avatar

Stargazers

 avatar  avatar  avatar  avatar

Watchers

 avatar

epsilon-markdown-theme's Issues

Alinhamento do texto - typora

O texto inicia muito alinhado à esquerda. Para o typora, alinhamentos mais centrais são bem mais interessantes de se usar. (Repare outros temas nativos do typora 😁 ).

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.