问答博客资讯标签用户活动
logo极客观点logo项目管理logoHarmonyOS
开发者社区
javascript
前端
python
node.js
react
vue.js
php
laravel
go
人工智能
mysql
linux
ios
java
android
css
typescript
spring
程序员
logoONES 研发管理logo思否企业问答logo安谋科技 XPU

在我的网站中可视化 README.md 文件

社区维基
1
新手上路，请多包涵

我想在我的网站上可视化来自 github 中项目的 README.md 文件。做这个的最好方式是什么？喜欢获取降价代码并在本地处理降价？或者有办法从 github 上获取已经处理过的 markdown 吗？

原文由 Daniel 发布，翻译遵循 CC BY-SA 4.0 许可协议

Stack Overflow 翻译htmlgithubmarkdown
阅读 505
1 个回答
得票最新
社区维基
1

一种可能的解决方案是使用基于 javascript 的降价解析器，例如 https://github.com/evilstreak/markdown-js 。

该库可以从浏览器加载并可以显示降价。在此示例中（取自上述站点），您需要获取 markdown 并将其插入站点的输出中：

 <!DOCTYPE html>
<html>
  <body>
    <textarea id="text-input" oninput="this.editor.update()"
              rows="6" cols="60">Insert proxied **Markdown** here.</textarea>
    <div id="preview"> </div>
    <script src="lib/markdown.js"></script>
    <script>
      function Editor(input, preview) {
        this.update = function () {
          preview.innerHTML = markdown.toHTML(input.value);
        };
        input.editor = this;
        this.update();
      }
      var $ = function (id) { return document.getElementById(id); };
      new Editor($("text-input"), $("preview"));
    </script>
  </body>
</html>

原文由 wbeckler 发布，翻译遵循 CC BY-SA 3.0 许可协议

撰写回答
你尚未登录，登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进，让解决方法与时俱进
推荐问题