{"componentChunkName":"component---src-templates-blog-template-js","path":"/blog/one-syntax-enhances-evernote-productivity/","result":{"data":{"markdownRemark":{"html":"<p>People like to use Evernote to take the long note and also record quick short note.</p>\n<p>When I want to do the quick research in any topic, my habit is extracting the information from the website at once and summarize them after gathering all the content I need. Therefore, in this case, I think the hierarchy of the note is important. The clear hierarchy can enhance the speed of summarizing the note.</p>\n<p>To create the clear hierarchy, <strong>Markdown</strong> is an excellent syntax to do that. <br/>\nTake it easy. Markdown is not a programming language. It's just like another way to speak the language.</p>\n<h3>Quick Markdown introduction</h3>\n<p>There are lots of great Markdown tutorials. I will list these resources at the end of the article.<br/>\nHere I want to introduce you the most commonly used 5 Markdown syntax by myself.</p>\n<table>\n  <thead>\n    <tr>\n      <th>syntax</th>\n      <th>example</th>\n      <th>transformed</th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr>\n      <td>#</td>\n      <td># Title</td>\n      <td><h1 style=\"margin: 0\">Title</h1></td>\n    </tr>\n    <tr>\n      <td>##</td>\n      <td>## Sub title</td>\n      <td>\n        <h2 style=\"margin: 0; border: 0\">Sub title</h2>\n      </td>\n    </tr>\n    <tr>\n      <td>###</td>\n      <td>### title</td>\n      <td>\n        <h3 style=\"margin: 0; border:0\">title</h3>\n      </td>\n    </tr>\n    <tr>\n      <td>*</td>\n      <td>\n        * list item<br/>\n        * list item<br/>\n        * list item\n      </td>\n      <td>\n        <ul style=\"list-style-type: circle\">\n          <li>list item</li>\n          <li>list item</li>\n          <li>list item</li>\n        </ul>\n      </td>\n    </tr>\n    <tr>\n      <td>></td>\n      <td>\n        > Stay Hungry, Stay Foolish. <br/>\n        > - Steve Jobs.\n      </td>\n      <td>\n        <blockquote>\n          <p>Stay Hungry, Stay Foolish. <br/>\n          - Steve Jobs.</p>\n        </blockquote>\n      </td>\n    </tr>\n  </tbody>\n</table>\n<p>To use above syntax is very simple. Just put one of the mark before the sentence.</p>\n<p>For instance:</p>\n<pre><code># Hello\n## I love Evernote\n### I know how to use Markdown!\n* EverTool\n* is\n> Awesome\n</code></pre>\n<p>Yeah, it's easy.</p>\n<p>So how to use Markdown to create a clear and hierarchical note?</p>\n<p>The first is you need to know the meaning behind each marks. Here is my personal definition of above 5 syntaxes.</p>\n<pre><code>#: for the title content\n\n##: for sub title, it's the sub content under the title category\n\n###: sometimes I used it as the title of the list\n\n*: it's clear, when you want to create a list (It's native supported by Evernote)\n\n>: quote is great. I use it to emphasize the content or as the `Note:` purporse\n</code></pre>\n<p>You can have your own interpretation of the marks. With the definition of these Markdown syntaxes, you can organize my notes more easily.</p>\n<h3>How to organize the note by using Markdown?</h3>\n<p>When you use Markdown to take the quick research note, there is one thing you need to keep in mind: <strong>Focus on the content</strong>. You should focus on the content other than the appearance of the note.</p>\n<p>For example, if I want to dig into the background of Steve Jobs. I will search the related materials and organize them in these way.</p>\n<p><span\n      class=\"gatsby-resp-image-wrapper\"\n      style=\"position: relative; display: block; margin-left: auto; margin-right: auto;  max-width: 600px;\"\n    >\n      <span\n    class=\"gatsby-resp-image-background-image\"\n    style=\"padding-bottom: 89.33333333333334%; position: relative; bottom: 0; left: 0; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAASCAYAAABb0P4QAAAACXBIWXMAABYlAAAWJQFJUiTwAAABmUlEQVQ4y5VUi46CMBDk/z/vYu5y0QN88VbAB0ILzHX2LFFPDDaZLNZ2ujs7rVNVFcqyRF3XaJoGSil0XYe2bf9Ba30Xuc6C+0+nE5zL5YI8z3E+n0FyRv5BcCE3WwIeyG8eytj3/QA7HDKnaYosy4ZFJLpdNDZuCS0cnhzHsRBO2fAsq9shhEmSCClLmkL0Cg7LJBm1fJXJFAkkQ60VojDCfr+XpoxpNXU4SjVYLH5Ew6IohJiRViqLUjo6yDCFsG011uu1sU4hZVv7WFDjd6QQDdMkxW63w7vjmRTS5SiKJMvtNsByuYTnefB930RfIucoASs4Ho+D6UczZJcJElM/bjgcDrL5eL01hL1enB8l/MswRhiGCILANCUX7Wwmz6CUfl1yGAVYrVgaS3WH6LrugwSegOU/XgD722m1IQxyA2OVQqOpAdrx6pa3G2Qy7OC7PebfPWYfGl8zhU8Dxl1Gy3R3z5SFzez2IZEMObHZbDCfz8XcBF8f2ii5vkK865yj6RntY8I1bGRZHu4JaYfKGPqdKzZW8i9Fgn2DgLbNMQAAAABJRU5ErkJggg=='); background-size: cover; display: block;\"\n  ></span>\n  <img\n        class=\"gatsby-resp-image-image\"\n        alt=\"steve jobs evernote note\"\n        title=\"steve jobs evernote note\"\n        src=\"/static/394585f9d769d569398e77e34909743d/0a47e/jobs1.png\"\n        srcset=\"/static/394585f9d769d569398e77e34909743d/8a4e8/jobs1.png 150w,\n/static/394585f9d769d569398e77e34909743d/5a46d/jobs1.png 300w,\n/static/394585f9d769d569398e77e34909743d/0a47e/jobs1.png 600w,\n/static/394585f9d769d569398e77e34909743d/1cfc2/jobs1.png 900w,\n/static/394585f9d769d569398e77e34909743d/c1b63/jobs1.png 1200w,\n/static/394585f9d769d569398e77e34909743d/b4904/jobs1.png 1768w\"\n        sizes=\"(max-width: 600px) 100vw, 600px\"\n        style=\"width:100%;height:100%;margin:0;vertical-align:middle;position:absolute;top:0;left:0;\"\n        loading=\"lazy\"\n      />\n    </span></p>\n<p>The text content:</p>\n<pre><code># Background\n\n## Personal info\n\n### Birth\n\nFebruary 24, 1955\n\n### Died\nOctober 5, 2011 (aged 56) Palo Alto, California, U.S.\n\n## Careers\n\n### Pre-Apple\n\n* In mid-1972: Jobs moved back to the San Francisco Bay Area\n* Early 1973, Jobs was living what Brennan describes as a \"simple life\" in a Los Gatos cabin\n\n### Apple (1976–1985)\n\n* In 1976, Wozniak designed and developed the Apple I computer and showed it to Jobs.\n* In 1977, Jobs and Wozniak introduced the Apple II at the West Coast Computer Faire.\n\n# Reference Link\n\n* https://en.wikipedia.org/wiki/Steve_Jobs\n* https://www.entrepreneur.com/article/197538\n\n> \"We started out to get a computer in the hands of everyday people, and we succeeded beyond our wildest dreams.\"\n> -Steve Jobs\n</code></pre>\n<p>Huh, even if you read the pure text, you still can get the point of this article, right? That is because we use Markdown to describe the levels of your content, it's easy to summarize it.</p>\n<p>Maybe you will ask when you copied the text from websites, it will accompany with the original style.</p>\n<p>Yes, that's right. To solve it, you can use the <code>Paste and Match Style</code> provided by Evernote to remove the original style.</p>\n<p><span\n      class=\"gatsby-resp-image-wrapper\"\n      style=\"position: relative; display: block; margin-left: auto; margin-right: auto;  max-width: 250px;\"\n    >\n      <span\n    class=\"gatsby-resp-image-background-image\"\n    style=\"padding-bottom: 135.33333333333331%; position: relative; bottom: 0; left: 0; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAbCAYAAAB836/YAAAACXBIWXMAABYlAAAWJQFJUiTwAAAD30lEQVRIx61Vy47jRBQN8AOwIfN1/Q3s+BGEWIy8m29ghzBIQS3ScRLHcRI7D+f9duK842pfzqlpd2J6xMwCS1cul12n7j3n3HIuh2s2m3272x/ficj3iPz5fM5jLr9crfLL5fKTscK70Wicf1nzDt9/l3u5vtpsNr/udpF0ut3Idd3Deh0eTqfT4XPX5XI5tFqtyPfbEkXRHyngN2EY/hnHV3EcR9x6XTabrVyvV0Gm/xn7/U6qlYoMBkOs2ZSIlQL+fjwexSqXY4AmeE6QYYIkEsy/Cc7z/XA4SCzLigeDAQH/BtbXGnC+mJtJksh2u1W73U6+NACMNRt1vcYCXouvgOv12rxczlKr1dR8vhBwoz/+XLBslKw8z2OGnwC0a8r3fdlGkZCCLwF0nJrq9QJZrdY3QHBmxhChXq+rCkherddywccEBVc67sfpMyup1x01Go8lvM9wPp+bh8NeisUnZZUtGQ6HmiOUQV4zcT9HlW27qjPMcFgoFMx2pyv9wVD1gr60PF/cRlPqblOaGDdbHjJxpYE7g1WUSiWxa450egEynMjj4+MNsNfrmYvFQirVqi7ZdRuyWC5lOpvJbDbXMZ1O9R3VyGQyeYkpnxX5BMYNEOmb1+tFqrat0CnS7XZ1SSnx5Cy9p+M0IKiK4xidss2qzJelpyfFbqENHJQD5TT5+/3+jcKco3DlsqU8OAPC3gBRrjY2hFD3CxgETEEpVDpmoH9lF0WKazOihOHaPJ2OUiyVFKyjSee9+FQEr7ZYEIBUgBIp4x0q0qUPBn0p/FVQTQj4xjbcBWkrfkzCMeauslgwFhqEwTH5ZbZoO83h8/NzNkOcbSaYhT1aKggCUUppwmlcnjoMjvUzIu2iVBSs5yZZUdJOaTab2iL8iBaZ0TraMjM9z17/yO1Bl43MFCvKALL1uNsTVSZX1QoOCkfz1mg02F5Scz4+856KQ0BsrLhxBpAlk0MPJTNDgrgIWigViEan387nU6ZkZsjs32SojY1O4eIGOoVdwL6lMOE61BZJge4BIZIiFXh/A8Qik7sjO9VudyRAs0fR7lUMlnbvzXuPYlPFzTLGTgFHoxEVS3AcJRjjiB/q4BwA7uKgfwPgMmGGdMW/jB3+dsCOMPLZ8/wY5Md2tcr/S2xZ5bgXBDEWxwDRgYx0ILu43fbPLBnAj6+APL7xb5Wg35cxLID/rbbMGAfnBIGTBKRHkl5aQK+lT6VOp6ONPh5PGilgDv+SH3zf+2Db9nsIY0BZA9kZOPMMvDMwb+A8NNrttoGDwwCIASfo+ZJlvce3XPujBnt4eMj9X9dPP/+S+wd/srj857cTRwAAAABJRU5ErkJggg=='); background-size: cover; display: block;\"\n  ></span>\n  <img\n        class=\"gatsby-resp-image-image\"\n        alt=\"paste-match\"\n        title=\"paste-match\"\n        src=\"/static/d49ce54d786b09a6a64ed9637c658d46/63868/paste-match2.png\"\n        srcset=\"/static/d49ce54d786b09a6a64ed9637c658d46/8a4e8/paste-match2.png 150w,\n/static/d49ce54d786b09a6a64ed9637c658d46/63868/paste-match2.png 250w\"\n        sizes=\"(max-width: 250px) 100vw, 250px\"\n        style=\"width:100%;height:100%;margin:0;vertical-align:middle;position:absolute;top:0;left:0;\"\n        loading=\"lazy\"\n      />\n    </span></p>\n<h4>Or you can just paste it and don't care about the original style.</h4>\n<p>Because you are using Markdown, and EverTool can handle all the text transformation for you.</p>\n<h3>Markdown + EverTool</h3>\n<p>If you copied the content from the website, and you keep the original style. Your note may look like below this messy image:</p>\n<p><span\n      class=\"gatsby-resp-image-wrapper\"\n      style=\"position: relative; display: block; margin-left: auto; margin-right: auto;  max-width: 600px;\"\n    >\n      <span\n    class=\"gatsby-resp-image-background-image\"\n    style=\"padding-bottom: 107.33333333333333%; position: relative; bottom: 0; left: 0; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAVCAYAAABG1c6oAAAACXBIWXMAABYlAAAWJQFJUiTwAAACiUlEQVQ4y41Vi3baMAzN///K+ID2rGNbX2ftzgpZGSktBRpCSJxAmobEeZDcSYYw2lGKz7lItpxrSZaFliQJguAZUbRAlmVI01RhuVyiLEsld6Eoio2sdd6v8cdh+EKEkTLwAUkiFWkcx2rOG9nGB7JeH8wkLKWUSueh5XkO3/cJHnkaKGMNJmQiHlVV7UQ96rnGzK7rEeFMEe8a2x/usm3bNZ4E8xGR9f/btL35PQ/fQuOczGYCQjjwPF/l5y3BR15ujzXhDM7UUReT58WGiG3bej3fd4AKmZPPt3Xo2OetxiF2Oh2cnp6i1Wqhc3uL65/XGFtjXF39wGAwgGWZ+HxygmazifHY2u8hl4XrCiLT8dAfwOje4eamDdO0MByO8EQyimJ0uwYMw1Dp+TBk359AJryRay5fQxLSNeLDQ+ZEp3KCZf6EqjRJMsYoC8KSdJJZ2qfL8sE8H14K/0wsW4Vp247CdOpSGfmq4B0CnXlw6aiQLy7O0Wg0oOs6Jf4LTugCjo+PFC4vL6gC5JqwfLfQ6zUVcpJkGxxaNnsJg7mFqX0PTwypKQjKqbuBVFJQHj3SHeoq0d7aVDn0xRlGg08wBw0M+0e4751T+XxDz2B8xx2h++cr+vdneHxsq0YShs/kgKA8u6SH/zzkvLjChmkNSU7wNDYRhAvkRYU0o36XlZAkZUrNlFqezArSU2TcO7nFUb+sX9kqZPqJqGP79AKe6bS5bSOe+ygW9K5fwhWilxXWa8pG8yKhfhkvXoWtceSpILcf7hD0uvA7Otz2L7h6i+QNHNLFrb4Bz93fbdIJJGc94/WlqJciPKpFC8JxIKlRVPz/UOSEYgXq6qVaK15hSevVukhr0r/EkVXwOc4uyQAAAABJRU5ErkJggg=='); background-size: cover; display: block;\"\n  ></span>\n  <img\n        class=\"gatsby-resp-image-image\"\n        alt=\"jobs-messy\"\n        title=\"jobs-messy\"\n        src=\"/static/c7d8bcf3d05c71da2763709f3cf76fd2/0a47e/jobs-messy.png\"\n        srcset=\"/static/c7d8bcf3d05c71da2763709f3cf76fd2/8a4e8/jobs-messy.png 150w,\n/static/c7d8bcf3d05c71da2763709f3cf76fd2/5a46d/jobs-messy.png 300w,\n/static/c7d8bcf3d05c71da2763709f3cf76fd2/0a47e/jobs-messy.png 600w,\n/static/c7d8bcf3d05c71da2763709f3cf76fd2/1cfc2/jobs-messy.png 900w,\n/static/c7d8bcf3d05c71da2763709f3cf76fd2/c1b63/jobs-messy.png 1200w,\n/static/c7d8bcf3d05c71da2763709f3cf76fd2/e8814/jobs-messy.png 1392w\"\n        sizes=\"(max-width: 600px) 100vw, 600px\"\n        style=\"width:100%;height:100%;margin:0;vertical-align:middle;position:absolute;top:0;left:0;\"\n        loading=\"lazy\"\n      />\n    </span></p>\n<p>But don't worry, remember what I said, focus on the content. You are gathering the information, so just worried about the content in this stage.<br/>\nAfter you finished gathering the information, <a href=\"/\">EverTool</a> can help you beautify the appearance in one click.</p>\n<img src=\"/ff72f44eca2e4f28b529361b79ce1ac2/jobs.gif\" style=\"width: 500px\">\n<h3>Conclusion</h3>\n<p>When using Markdown in my workflow, I can always concentrate on one thing at a time. <br/>\nJust like what Evernote works for you, <code>be your second brain</code>.</p>\n<p>Here is my workflow when integrating Markdown and <a href=\"/\">EverTool</a> to Evernote.</p>\n<div style=\"text-align: center; margin-top: 50px; margin-bottom: 50px\">\n  <img src=\"/78291f1ab5bffe5e43ae06569bffbb1d/workflow.svg\" alt=\"the workflow when integrating EverTool\">\n</div>\n<p>Clear and Simple, right?</p>\n<blockquote>\n<p>Reference\n<a href=\"https://en.wikipedia.org/wiki/Steve_Jobs\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">https://en.wikipedia.org/wiki/Steve_Jobs</a></p>\n</blockquote>\n<blockquote>\n<p>Markdown tutorial <br/></p>\n<ul>\n<li><a href=\"https://www.markdownguide.org/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">Markdown Guide</a></li>\n<li><a href=\"https://github.com/adam-p/markdown-here/wiki/Markdown-Cheatsheet\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">Markdown Cheatsheet</a></li>\n<li><a href=\"https://en.support.wordpress.com/markdown-quick-reference/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">Markdown quick reference</a></li>\n</ul>\n</blockquote>","frontmatter":{"date":"July 20, 2018","path":"/blog/one-syntax-enhances-evernote-productivity/","title":"One syntax enhances the Evernote productivity","subtitle":"Using Markdown to help you write better Evernote note","articleBody":"To create the clear hierarchy, Markdown is an excellent syntax to do that. Let's see how to use Markdown in Evernote","locale":"en","keywords":["Evernote","Markdown","better note"],"datePublished":"2018-07-20","dateCreated":"2018-07-20","dateModified":"2018-07-20","noPromote":null}},"site":{"siteMetadata":{"title":"Markdown and code highlight for Evernote - EverTool","subtitle":"Make Markdown, code highlight and easily switching text style available in Evernote","url":"https://evertool.app"}}},"pageContext":{"hreflangs":[{"lang":"en","href":"https://evertool.app/blog/one-syntax-enhances-evernote-productivity/"},{"lang":"x-default","href":"https://evertool.app/blog/one-syntax-enhances-evernote-productivity/"},{"lang":"zh-Hant","href":"https://evertool.app/zh-tw/blog/one-syntax-enhances-evernote-productivity/"},{"lang":"zh-Hans","href":"https://evertool.app/zh-cn/blog/one-syntax-enhances-evernote-productivity/"},{"href":"https://evertool.app/ja/blog/one-syntax-enhances-evernote-productivity/"}]}}}