我想在我的网站上展示来自Github项目的README.md文件,如何做到最好?是获取Markdown代码并在本地处理Markdown,还是有一种方法可以从Github获取已经处理过的Markdown内容?
我想在我的网站上展示来自Github项目的README.md文件,如何做到最好?是获取Markdown代码并在本地处理Markdown,还是有一种方法可以从Github获取已经处理过的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>
这里有一种更好的方法,似乎更符合问题要求,并且它确实适合我的需求。
这个方法采用了一个服务端的后端处理器,可以动态地将Markdown转换为HTML并提供给客户端。
以下是PHP的代码示例,但是其他语言也被支持并在链接中有文档说明:
PHP
Download PHP Markdown (or PHP Markdown Extra) and PHP SmartyPants from Michel Fortin.
Put markdown.php and smartypants.php somewhere in PHP's include path (or in the same directory as render.php).
Add an alias in your Apache config:
Alias /markdown/ "/var/www/support/markdown/"
- Add rewrite rules. This can be done in the .htaccess file for a specific folder, or in the global Apache config. Some common extensions are included, but you can adjust them to your needs. (You might want to process all text as Markdown by adding "txt".)
# display Markdown as HTML by default RewriteEngine on RewriteRule .+\.(markdown|mdown|md|mkd)$ /markdown/render.php RewriteRule .+\.(markdown|mdown|md|mkd)\-text$ /markdown/render.php [L]
https://github.com/zhlicen/md.htm 这是 zeromd.js 的一个示例。 只需提供 md.htm 文件和 md 文件,并通过 url 直接访问: /md.htm?src=README.md
或者直接使用我的 github 页面,例如: https://b.0-0.plus/blog/md.htm?src=https://raw.githubusercontent.com/microsoft/vscode/main/README.md