GithubHelp home page GithubHelp logo

1-2-3 / remark-it Goto Github PK

View Code? Open in Web Editor NEW
161.0 5.0 49.0 13.27 MB

markdown -> slideshow ——Write PPT like a programmer

Home Page: https://1-2-3.github.io/remark-it/

License: MIT License

CSS 64.97% HTML 28.02% JavaScript 7.01%
remarkjs html-slide-template css markdown-html-remarkjs

remark-it's Introduction

  • 👋 Hi, I’m @1-2-3
  • 👀 I’m interested in interesting tools.
  • 🌱 I’m currently learning influxDB.
  • 💞️ I’m looking to collaborate on ...
  • 📫 How to reach me ...

remark-it's People

Contributors

1-2-3 avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar

remark-it's Issues

Separate local source for markdown?

First off, thanks for this template. Really slick and useful.

I'm wondering if it is possible to have a separate file with the markdown source in it like mentioned in the remark.js documentation:

External Markdown

Depending on your preference, you might want to keep the Markdown source in a separate file. Using the sourceUrl field, a URL may be specified which will get loaded synchronously and used instead of the two former options:

var slideshow = remark.create({
 sourceUrl: 'markdown.md'
});

When working locally, with your slideshow HTML opened directly from disk, using the sourceUrl won't work out of the box. This requires hosting your files using a web server, which can be accomplished in multiple ways, e.g. by running python3 -m http.server in the directory of your index.html file. With a web server up and running, say on port 8000, you should be able to access your files via http://localhost:8000.

Naively removing the <textarea> and sticking in sourceUrl as described above doesn't seem to work. Cheers!

The latest mermaid version does not work

It seems that there were some breaking changes introduced by mermaid, and the theme does not work with the latest versions. It would be great to make it work so we can generate new diagrams that were not available in the old version.

italics in text ?

I was developing a presentation and found that italics ( italic text) don't seem to work. Is this a feature of the fonts used in typo css ? If so, is there an obvious way to change fonts ?

FR:支持 vscode 扩展

目前在用 marp 做 ppt,就是因为它有 vscode 的扩展,能够预览,非常直观。直接写 markdown 就可以了,不需要编辑 html,编辑完直接导出为 html,在线或离线版。
考虑到 vscode 的用户基数,也是个很好的推广平台。

可否增加 pangu.js 的支持

这个模板非常好,基本是平时撰写 Slides 的主力。有时候需要使用中英文混排,需要“盘古之白”。在 docsify 中可以很容易设置,但在 remark 体系不太容易搞定。如果增加这个就太感谢了。

关于导出路径

建议把导出路径用单引号包围,因为文件路径如果包含空格,会被识别错误。
image
不大会用提交功能,所以在这提issue了 XD
之前那个错别字是这儿,感觉好像没提交上的样子:
image

16:9比例内容显示不完全

将示例ppt中window ratio"4:3"从改为 "16:9"后,Border Layout的Y方向的显示变窄,原有内容超出了页面范围,因此下半部分无法正常查看,请问还需要在哪里设置来保证显示内容在页面内。

S 2021-05-27_16-37-00

S 2021-05-27_16-37-42

code blocks lose their indenting

I started to experiment with your example by inserting a code block (e.g.)

def foo(bar):
     return bar + 1

and was a little surprised that it rendered as

def foo(bar):
return bar+1

I noticed that your code sample on slide 7 also collapses the white space

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.