{"id":13535745,"url":"https://github.com/jrainlau/markcook","last_synced_at":"2025-04-05T16:08:06.857Z","repository":{"id":114420046,"uuid":"49821343","full_name":"jrainlau/markcook","owner":"jrainlau","description":"A smart and beautiful markdown editor.","archived":false,"fork":false,"pushed_at":"2018-05-15T07:02:38.000Z","size":22908,"stargazers_count":551,"open_issues_count":6,"forks_count":85,"subscribers_count":21,"default_branch":"2.0","last_synced_at":"2025-03-29T15:07:25.182Z","etag":null,"topics":["markdown-editor","pwa","service-worker","vue","vuejs2","webpack3"],"latest_commit_sha":null,"homepage":"https://jrainlau.github.io/markcook","language":"Vue","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/jrainlau.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null}},"created_at":"2016-01-17T14:47:05.000Z","updated_at":"2025-03-23T01:17:01.000Z","dependencies_parsed_at":null,"dependency_job_id":"eb9eccb9-ab1e-41a7-9eb4-9e0489a7c0d4","html_url":"https://github.com/jrainlau/markcook","commit_stats":null,"previous_names":[],"tags_count":2,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jrainlau%2Fmarkcook","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jrainlau%2Fmarkcook/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jrainlau%2Fmarkcook/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jrainlau%2Fmarkcook/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/jrainlau","download_url":"https://codeload.github.com/jrainlau/markcook/tar.gz/refs/heads/2.0","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247361689,"owners_count":20926643,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["markdown-editor","pwa","service-worker","vue","vuejs2","webpack3"],"created_at":"2024-08-01T09:00:25.273Z","updated_at":"2025-04-05T16:08:06.828Z","avatar_url":"https://github.com/jrainlau.png","language":"Vue","funding_links":[],"categories":["Vue","UI组件"],"sub_categories":[],"readme":"Markcook, a smart and beautiful markdown editor\n---\n![Img](./Illustration/logo.png)\n\n\u003e [中文文档](https://segmentfault.com/a/1190000007062371?_ea=1225335)\n\n\u003e Desktop App (for windows): [markcook2.0-win32-x64.zip](https://coding.net/s/2138109d-89e4-4791-ac02-eeb2d4294b3e)\n\n## What's Markcook?\nMarkcook is a markdown editor, you can play it [HERE](http://jrainlau.github.io/markcook/)\n\nBy now, Markcook has updated to version 2.0, which was redesigned by Google Material Design, rebuilt by VueJS 2.0 and Vuex 2.0. All the works made Markcook much more beautiful and smarter.\n\n## About it's name and design\nWhy it names “Markcook” and why should you choose it? For me, good food cooked by good cook, and I would like my editor could “cook” the markdown good, so I gave this name to it.\n\nGoogle Material Design is my favorite style, not only it looks beautiful, but also makes me feel comfortable.\n\n![Img](./Illustration/1.gif)\n\nAs an editor, it should be easy to use. Markcook has tried its best to improve the user experience. The color is low contrast and low saturability so that your eyes wouldn’t be hurt; all your operations would be as smooth as the transition and the animation dose.\n\n![Img](./Illustration/2.gif)\n\n## Features\nThought Markcook is an online markdown editor and back-end free, it could do as good as a local application.\n\nYou can open more than one markdown file and switch them conveniently from the side menu, just like Sublime Text or Atom, etc.\n\n![Img](./Illustration/3.gif)\n\nFiles could be loaded by dragging.\n\n![Img](./Illustration/4.gif)\n\nYou can save the article as a markdown file or a html file, the article title would be set by the string above the cutting line automatically, and the file name would be same to the title, too.\n\n![Img](./Illustration/5.gif)\n\nUsing the tool bar could make you markdown editing very easy. By clicking to the button on the tool bar, you could insert a markdown string to your article, or just format a normal string to markdown.\n\n![Img](./Illustration/6.gif)\n\nDon’t ever be afraid of loosing your work while using Markcook. It could save your work to local storage automatically. Even thought you have shut down the browser, you would find all your works are still in there the next time you open Markdown by the same browser.\n\n![Img](./Illustration/7.gif)\n\n## Deep in Markcook\nThanks to VueJS 2.0 and Vuex 2.0, Markcook was developed by components and the components are decoupled, and all the state are managed by a store — which means it’s easy to maintain and customize.\n```\n|__ index.html\n   |__ src\n     |__ App.vue\n     |__ components\n       |__ inputer.vue\n       |__ navBar.vue\n       |__ outputer.vue\n       |__ sideMenu.vue\n     |__ main.js\n   |__ vuex\n     |__ store.js\n```\nThe main logic was handle by store.js, and the components mostly in charge of input and output, or just showing the states. More information you could find them in the [source code](./vuex/store.js).\n\n# Run and build\nYou could run Markcook locally by cloning it.\n```\ngit clone https://github.com/jrainlau/markcook.git\n\ncd markcook \u0026\u0026 yarn\n```\n\nFor developing mode:\n```\nyarn run dev\n```\nFor building mode:\n\n```\nyarn run build\n```\nFor PWA test mode:\n```\nyarn run build:watch\n\n# open a new terminal\nyarn start\n```\n\nIf you enjoy Markcook, it would be great to fork it, star it, and send issues or pull requests to it.\nThank you very much!\n\n## License\nMIT\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjrainlau%2Fmarkcook","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fjrainlau%2Fmarkcook","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjrainlau%2Fmarkcook/lists"}