[洛谷日报#204] StackEdit——Markdown 编辑器的功能介绍
本文同时发表于洛谷日报,您也可以通过洛谷博客进行查看。
1.介绍与开始使用
1.1 这是什么?
StackEdit是基于PageDown、Stack Overflow和其他堆栈交换站点使用的Markdown库的功能齐全的开源Markdown编辑器。它可以在离线时使用,并可以把数据(md文件)存储到浏览器上,还可以绑定CouchDB、GitHub、GitLab、Google Drive等工作空间。它还可以任意创建文件夹,并且可以任意创建文件。被删除的文件还会保留在Trash文件夹里。
1.2 开始使用 StackEdit
要开始使用,可以直接访问StackEdit的编辑器:https://stackedit.io/app# ,接着进去就是一些欢迎文件。你也可以访问Chrome网上应用店,来下载他的离线扩展程序。离线扩展程序只能使用离线功能。
你也可以下载其Chrome应用。所谓Chrome应用,即基于网页的应用,也就是说进入应用会打开一个网页,只不过是多了一个窗口,其实跟正常的网页大同小异。
上方是笔者用的Mac的Chrome程序
https://chrome.google.com/webstore/detail/iiooodelglhkcpgbajoejffhijaclcdg
2.功能介绍
2.1 顶栏功能
顶栏上的工具与功能有:撤回、重做、创建加粗文本、创建倾斜文本、创建标题文本、创建划线文本、创建无序列表、创建有序列表、创建引用文本、创建代码框、创建表格、创建超链接、创建图片。
点击左边的文件夹图标,进入资源管理器,可以看到资源管理器的顶栏,可以创建文件夹,创建Markdown文件。而删除文件之后,文件自动放到Trash文件夹中。Trash文件夹中的文件会保留七天,然后自动删除。你可以右键文件或文件夹,来重命名或删除。也可以选中需要删除或重命名的文件,然后点击上面的图标来操作。顶栏的右侧的同步图标只在你绑定了Google账号或其他的时候才有用。它可以强制同步或停止同步。上传按钮可以把本地的文件上传至你绑定的GitHub等网站。右边的logo可以打开一个侧栏。你可以用Google账号登录、绑定你的工作空间、同步文件、上传、查看以前的更改记录,还可以把md文件直接上传至WordPress等博客网站、Markdown元素大全、导入或导出、或打印你的md文件。还有成就(探索StackEdit的功能可以得到成就)模版和绑定账号。更有备份工作空间和重置应用等功能。你还可以在顶栏文件名双击来重命名你现在正在编辑的文件。
2.2 编辑器功能
你可以点击右面预览窗口的眼睛符号来全屏预览,点击两个并排的方块来全屏编辑,点击最上的按钮来收起顶栏。如你在全屏预览模式下,你可以点击右上角的“笔”来返回编辑。
2.3 绑定账号
你可以进入菜单中的Accounts来绑定账号。
2.3.1 github 绑定方法
进入accounts后,点击绑定github账号,如果你想让stackedit来访问你的私有仓库,请选中它。
然后你需要授权StackEdit来访问你的项目。benweet是这个编辑器的开发者。授权需要 sudo 权限。
确认密码后,就会回到StackEdit,你会看到你的账号被绑定了。
2.3.2 wordpress 绑定方法
它会提示你要登陆账户。登陆后,会提示你确认。点击批准。
绑定成功!
绑定成功后就可以绑定项目了!
2.4 个性化
你可以通过菜单中的Settings来访问个性化设置,以下是代码的中文翻译。
# 设置编辑器模式,light 或 dark
colorTheme: light
# 调节在编辑器和预览中的字体大小
fontSizeFactor: 1
# 在编辑器和预览中调整最大文本宽度
maxWidthFactor: 1
# 自动同步频率(MS)。最低为60000。
autoSyncEvery: 90000
# 编辑器设置
editor:
# 自动列表编号
listAutoNumber: true
# 在编辑器中显示图像
inlineImages: true
# 只使用等线字体
monospacedFontOnly: false
# 键盘快捷键
# 见https://craig.is/killing/mice
shortcuts:
mod+s: sync
mod+f: find
mod+alt+f: replace
mod+g: replace
mod+shift+b: bold
mod+shift+c: clist
mod+shift+k: code
mod+shift+h: heading
mod+shift+r: hr
mod+shift+g: image
mod+shift+i: italic
mod+shift+l: link
mod+shift+o: olist
mod+shift+q: quote
mod+shift+s: strikethrough
mod+shift+t: table
mod+shift+u: ulist
'= = > space':
method: expand
params:
- '==> '
- '⇒ '
'< = = space':
method: expand
params:
- '<== '
- '⇐ '
# 选项传递给html to pdf
# 见https://wkhtmltopdf.org/usage/wkhtmltopdf.txt
wkhtmltopdf:
marginTop: 25
marginRight: 25
marginBottom: 25
marginLeft: 25
# A3, A4, Legal 或者 Letter
pageSize: A4
# 选项传递给pandoc
# 见 https://pandoc.org/MANUAL.html
pandoc:
highlightStyle: kate
toc: true
tocDepth: 3
# HTML to Markdown 转换器选项
# 见 https://github.com/domchristie/turndown
turndown:
headingStyle: atx
hr: ----------
bulletListMarker: '-'
codeBlockStyle: fenced
fence: '```'
emDelimiter: _
strongDelimiter: '**'
linkStyle: inlined
linkReferenceStyle: full
# GitHub/GitLab 更改说明
git:
createFileMessage: '{{path}} created from https://stackedit.io/'
updateFileMessage: '{{path}} updated from https://stackedit.io/'
deleteFileMessage: '{{path}} deleted from https://stackedit.io/'
# 新文件的默认内容
newFileContent: |
# 此处 可以任意设置,为md代码
> Written with [StackEdit](https://stackedit.io/).
# 新文件的默认属性
newFileProperties: |
# 扩展程序:
# preset: gfm
2.5 成就
你可以探索功能来解锁成就(共93个)。你也可以进入边栏的badges,来查看怎么解锁成就。祝你探险愉快!
2.6 标题列表
便栏中的Table Of Contents 可以告诉你文章的结构。
2.7 导入或导出
你可以在边栏中找到Import/Export,看到这一些导入导出模式。有导入Markdown和导入HTML(自动转换为md文件),也可以导出md文件或转换为HTML导出。但是下面的导出为PDF和更多的如Word文档,是收费的。你需要赞助$5(约34.3765人民币)。赞助入口在你打开窗口的之后上面有一个红条,点击进入来赞助。(偷偷说一句,用html下载后可以找一些在线转换网站转换,逃~)
2.8 上传至博客
点击边栏中的Publish,如你已经绑定账号和项目,你可以直接上传md文件。如你还没有,请参照2.3中的内容绑定。
2.9 打印
点击边栏中的Print,来进入打印设置与预览界面。
2.10 重置StackEdit
在边栏中的Reset Application 来重置。重置后会删除你在浏览器中离线保存的(没有上传到网上的,已经上传的不受影响)文件,所以请慎重考虑。
3.遇到问题?
你可以在StackEdit的官方社区https://community.stackedit.io/寻求帮助,但是记住,尽量用英语哦!文档等信息在https://community.stackedit.io/c/how-to中。
Written with StackEdit.
[洛谷日报#204] StackEdit——Markdown 编辑器的功能介绍的更多相关文章
- [洛谷日报第62期]Splay简易教程 (转载)
本文发布于洛谷日报,特约作者:tiger0132 原地址 分割线下为copy的内容 [洛谷日报第62期]Splay简易教程 洛谷科技 18-10-0223:31 简介 二叉排序树(Binary Sor ...
- [洛谷日报第39期]比STL还STL?——pbds
[洛谷日报第39期]比STL还STL?——pbds 洛谷科技 发布时间:18-08-3116:37 __gnu_pbds食用教程 引入 某P党:“你们C++的STL库真强(e)大(xin),好多数 ...
- 【洛谷日报#26】GCC自带位运算系列函数
文章转自 洛谷 谈到GCC的黑科技,大家想到的一定是这句: #pragma GCC optimize (3)//吸氧 抑或是这句: #pragma GCC diagnostic error " ...
- 洛谷日报 & 原来博客(转载)
震惊,新的功能:可以按Ctrl + F 进行关键字查询. \(update\) on 10.26:把这两个月的日报也加入进去了,并且修复了几个错误. 本文会把小编用过的博客和比较好的博客放在这里. 可 ...
- 洛谷.4008.[NOI2003]editor文本编辑器(块状链表)
题目链接 st(n)表示sqrt(n) 为使块状链表不会退化,通常将每块的大小S维持在[st(n)/2,2st(n)]中,这样块数C也一定[st(n)/2,2st(n)]中 在此使用另一种方法(方便) ...
- 【洛谷 P4008】 [NOI2003]文本编辑器 (Splay)
题目链接 \(Splay\)先练到这吧(好像还有道毒瘤的维护数列诶,算了吧) 记录下光标的编号,维护就是\(Splay\)基操了. 另外数据有坑,数据是\(Windows\)下生成了,回车是'\n\r ...
- 洛谷【P2201】数列编辑器
我对模拟的理解:http://www.cnblogs.com/AKMer/p/9064018.html 题目传送门:https://www.luogu.org/problemnew/show/P220 ...
- 【洛谷日报#75】浅谈C++指针
放入我的博客食用效果更佳(有很多oi学习资料) 1.指针基础 1.引用 C++有一个东西叫引用,引用相当于给对象(如:变量)起了另一个名字,引用必须用对象初始化,一旦初始化,引用就会和初始化其的对象绑 ...
- BZOJ 3545 / 洛谷 P4197 Peaks 解题报告
P4197 Peaks 题目描述 在\(\text{Bytemountains}\)有\(N\)座山峰,每座山峰有他的高度\(h_i\).有些山峰之间有双向道路相连,共\(M\)条路径,每条路径有一个 ...
随机推荐
- 链表LinkedList、堆栈Stack、集合Set
链表LinkedList LinkedList 也像 ArrayList 一样实现了基本的 List 接口,但它在 List 中间执行插入和删除操作时比 ArrayList 更高效.然而,它在随机访问 ...
- 二 MongoDB数据类型和$type操作符
一.MongoDB中可以使用的类型如下表所示 二.$type操作符 举个例子:想获取指定集合中title为String类型的所有文档
- 网页前端video播放m3u8(HLS)
网页前端video播放m3u8(HLS) HLS (HTTP Live Streaming)是Apple公司研发的流媒体传输技术,包括一个m3u8的索引文件.多个ts分片文件和key加密串文件.这项技 ...
- 《深入理解java虚拟机》第3版笔记3
第3章 垃圾收集器与内存分配策略 可达性分析算法 在Java技术体系里面,固定可作为GC Roots的对象包括以下几种: 在虚拟机栈(栈帧中的本地变量表)中引用的对象,譬如各个线程被调用的方法堆栈中使 ...
- lambda与方法引用
哈喽,大家好,我是指北君. 虽然目前Java最新版本都已经到16了,但是绝大部分公司目前用的Java版本都是8,想当初Java8问世后,其Lambda表达式与方法引用可是最亮眼的新特性,目前,这两个特 ...
- python·那些不值钱的经验
时间:2018-11-22 整理:byzqy python读写文本文件 1 # -*- coding: utf-8 -*- 2 3 def read_file(file): 4 with open(f ...
- 如何实现LRU缓存?
面试官:来了,老弟,LRU缓存实现一下? 我:直接LinkedHashMap就好了. 面试官:不要用现有的实现,自己实现一个. 我:..... 面试官:回去等消息吧.... 大家好,我是程序员学长,今 ...
- AOP联盟通知类型和Spring编写代理半自动
一.cglib功能更强大 二.Spring核心jar包 三.AOP联盟通知 三.代码实现Spring半自动代理 1.环绕通知的切面 2.bean.xml配置 3.创建bean容器,获取bean,即已经 ...
- Elasticsearch的基本使用
1. 概述 之前聊了一下 Elasticsearch 的安装,今天我们来说说 Elasticsearch 的基本使用. 2. Elasticsearch索引的使用 索引(index)相当于是mysql ...
- PHP没有定时器?
确实,PHP没有类似于JS中的setInterval或者setTimeout这样的原生定时器相关的函数.但是我们可以通过其他方式来实现,比如使用declare. 先来看看是如何实现的,然后我们再好好学 ...