Nodejs 开源的MeteorJS应用,www.hast.me, Live Markdown Presentation
Nodejs 开源的MeteorJS应用,www.hast.me, Live Markdown Presentation
Hast.me, Live Markdown Presentation
因为经常做presentation,所以索性自己写了个可以实时播放的web应用。
Website: www.hast.me
Host 在 Amazon AWS不知道国内访问如何。
Github: https://github.com/zhouzhuojie/hast.
有几点自己也觉得挺有意思的
- 可以实时转换成Online播放,观众如果打开同样的地址会收听到播放页面的切换,以及任何的文字改动。
- Markdown随手写起,分页符号是“////”,打开网站后就是一个很完整的demo
- MathJax完美嵌入Markdown, 没有语法冲突。我用的是ipython-notebook的解决方案
- 代码高亮,Github模式
以下就直接copy了repo内的README, 如果大家上手过MeteorJS,应该很快能喜欢这个app。如果大家愿意star我的repo,或者提交issue和PR更好:),愿意和大家一起开发更多有意思的开源应用。
Hast
Hast is a WYSIWYG markdown flavor presentation tool made for everyone! We love markdown, did I mention it? It uses github style markdown. It quickly does the real time broadcasting and hot pushing changes. Hast uses Meteor, DeckJS, aceEditor, etc.
Website: Hast.me
How it works
Make sure you have NodeJS, Meteor, Meteorite installed.
$ curl https://install.meteor.com | /bin/sh
$ npm install -g meteorite
Clone the repo and run.
$ git clone --recursive https://github.com/zhouzhuojie/hast.git
$ cd hast
$ mrt
Sync between the editor and presentation
Broadcast to your audience
Control the slides and hot push your changes
Features
- Save as you type. Saved in LocalStorage if you are guest and in Server if you are logged in.
- Sharing public presentations is easy. Make it public through your archives.
- Sync everything, broadcast playing and changes made by the host.
- Easy user privacy control. Only the owner can change the presentation.
- Use iframe to include anything that is interesting. PDF, Video, Documents, even some data visualization like D3.
- MathJax is supported. E.g. $x^2+y^2=1$
Node.js 开源的MeteorJS应用,www.hast.me,Live Markdown Presentation
网站: www.hast.me
因为我经常需要做演示,所以决定自己开发一个可以实时播放的Web应用。
GitHub: https://github.com/zhouzhuojie/hast
该应用有几个我觉得非常有趣的特点:
- 实时共享:你可以实时将Markdown文档转换为在线演示,观众可以通过相同的地址同步看到演示页面的变化。
- 分页:使用“////”作为分页符,创建分页效果。
- MathJax支持:完美嵌入Markdown,没有语法冲突。
- 代码高亮:采用GitHub风格的代码高亮。
如何运行
确保你已经安装了Node.js、Meteor和Meteorite。
$ curl https://install.meteor.com | /bin/sh
$ npm install -g meteorite
克隆仓库并启动应用:
$ git clone --recursive https://github.com/zhouzhuojie/hast.git
$ cd hast
$ mrt
同步编辑器与演示
广播给观众
控制幻灯片和实时推送更改
该应用允许你保存当前进度,并且可以在本地存储(如果你是访客)或服务器上(如果你已登录)进行保存。公共演示也很容易分享,只需通过你的存档即可公开。
功能特性
- 自动保存:边写边保存。如果是访客用户,则保存在LocalStorage中;如果已登录,则保存在服务器上。
- 共享公共演示:通过存档可以轻松地将公共演示分享给其他人。
- 同步功能:广播当前播放状态和所有更改。
- 用户隐私控制:只有演示的所有者才能更改演示内容。
- 嵌入功能:通过iframe可以嵌入PDF、视频、文档等,甚至包括D3数据可视化。
- MathJax支持:例如,
$x^2 + y^2 = 1$
。
希望这些信息对你有所帮助!如果你对这个项目感兴趣,欢迎Star我的repo或提交Issue和Pull Request。
很棒的分享,数学老师有福了
这个想法不错
赞
首次运行报错,,关于npm啥的。。第二次也报错,第三次 ,成功了。
Node.js 开源的MeteorJS应用,www.hast.me,Live Markdown Presentation
Hast.me
是一个实时的Markdown演示工具,适用于所有需要制作和展示Markdown演示文稿的人。这个工具使用Meteor框架构建,并且结合了DeckJS、aceEditor等技术。
主要功能
- 实时同步:编辑器和演示页面实时同步,观众打开相同的URL时,能够看到演示页面的切换和任何文本修改。
- 分页支持:分页符为“////”,用于创建新的演示页面。
- MathJax集成:MathJax完美嵌入Markdown中,没有语法冲突。
- 代码高亮:使用GitHub风格的代码高亮显示。
使用方法
-
安装依赖 确保已经安装了Node.js、Meteor和Meteorite。
$ curl https://install.meteor.com | /bin/sh $ npm install -g meteorite
-
克隆仓库并运行 克隆仓库并进入目录,然后启动项目。
$ git clone --recursive https://github.com/zhouzhuojie/hast.git $ cd hast $ mrt
-
实时演示 打开浏览器,访问本地启动的项目地址(通常是
localhost:3000
),开始编写Markdown并实时预览。
示例代码
假设你有一个简单的Markdown文件example.md
,内容如下:
# Welcome to my presentation
This is the first slide.
////
## Slide 2
This is the second slide with MathJax:
$x^2 + y^2 = 1$
////
### Slide 3
Some code:
```python
def hello_world():
print("Hello, world!")
当你在`Hast.me`的编辑器中输入上述内容时,它会自动分为三个部分,并在右侧实时预览。
#### 特点总结
- **实时保存**:文本在输入时自动保存,如果是未登录用户则保存在LocalStorage中,登录用户则保存在服务器。
- **分享公开展示**:可以通过公开存档来分享你的演示。
- **权限控制**:只有演示的所有者才能更改内容。
- **外部资源嵌入**:可以使用iframe嵌入PDF、视频、文档等内容。
- **数学公式支持**:通过MathJax支持数学公式。
如果你有兴趣参与开发或提供反馈,可以访问GitHub仓库并提交问题或拉取请求。
#### GitHub链接
- [GitHub](https://github.com/zhouzhuojie/hast)
欢迎使用`Hast.me`进行演示!