• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    迪恩网络公众号

jrainlau/markcook: A smart and beautiful markdown editor.

原作者: [db:作者] 来自: 网络 收藏 邀请

开源软件名称(OpenSource Name):

jrainlau/markcook

开源软件地址(OpenSource Url):

https://github.com/jrainlau/markcook

开源编程语言(OpenSource Language):

Vue 59.3%

开源软件介绍(OpenSource Introduction):

Markcook, a smart and beautiful markdown editor

Img

中文文档

Desktop App (for windows): markcook2.0-win32-x64.zip

What's Markcook?

Markcook is a markdown editor, you can play it HERE

By 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.

About it's name and design

Why 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.

Google Material Design is my favorite style, not only it looks beautiful, but also makes me feel comfortable.

Img

As 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.

Img

Features

Thought Markcook is an online markdown editor and back-end free, it could do as good as a local application.

You can open more than one markdown file and switch them conveniently from the side menu, just like Sublime Text or Atom, etc.

Img

Files could be loaded by dragging.

Img

You 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.

Img

Using 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.

Img

Don’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.

Img

Deep in Markcook

Thanks 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.

|__ index.html
   |__ src
     |__ App.vue
     |__ components
       |__ inputer.vue
       |__ navBar.vue
       |__ outputer.vue
       |__ sideMenu.vue
     |__ main.js
   |__ vuex
     |__ store.js

The 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.

Run and build

You could run Markcook locally by cloning it.

git clone https://github.com/jrainlau/markcook.git

cd markcook && yarn

For developing mode:

yarn run dev

For building mode:

yarn run build

For PWA test mode:

yarn run build:watch

# open a new terminal
yarn start

If you enjoy Markcook, it would be great to fork it, star it, and send issues or pull requests to it. Thank you very much!

License

MIT




鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
热门推荐
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap