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

Video Demo at Youtube

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$

6 回复

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风格的代码高亮显示。

使用方法

  1. 安装依赖 确保已经安装了Node.js、Meteor和Meteorite。

    $ curl https://install.meteor.com | /bin/sh
    $ npm install -g meteorite
    
  2. 克隆仓库并运行 克隆仓库并进入目录,然后启动项目。

    $ git clone --recursive https://github.com/zhouzhuojie/hast.git
    $ cd hast
    $ mrt
    
  3. 实时演示 打开浏览器,访问本地启动的项目地址(通常是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`进行演示!
回到顶部