htmlpreview.github.com/index.html at master · bastionhost/htmlpreview.github.com · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>HTML 预览</title>
	<meta name="description" content="GitHub, BitBucket 等无法友好的预览HTML渲染后的效果，此工具用于以浏览器渲染方式预览HTML。">
	<style>
	body {
		font: 12px 'Helvetica Neue', Helvetica, Arial, freesans, clean, sans-serif;
		color: #333;
	}
	h1 {
		font-size: 20px;
	}
	a {
		color: #666;
	}
	#previewform {
		display: none;
		padding: 20px;
		text-align: center;
	}
	strong {
		color: #333;
		background-color: #FAFFA6;
		padding: 0.1em;
	}
	#footer {
		margin: 20px 0;
		font-size: 10px;
		color: #666;
	}
	</style>
</head>
<body>
	<form id="previewform" onsubmit="location.href='/?'+this.file.value;return false">
		<h1>HTML 预览</h1>
		<p>
			填写要预览的HTML文件地址：
			<input type="url" id="file" value="" placeholder="https://raw.githubusercontent.com/iamsk/demo/master/index.html" size="70" autofocus>
			<input type="submit" value="预览">
		</p>
		<p>或直接访问：<a href="https://view.bastionhost.org/?https://raw.githubusercontent.com/bastionhost/bastionhost.github.io/master/index.html"><strong>https://view.bastionhost.org/?</strong>https://raw.githubusercontent.com/bastionhost/bastionhost.github.io/master/index.html</a></p>
		<footer id="footer">Developed by <a href="https://github.com/niutech">niu tech</a></footer>
	</form>
	<script src="/htmlpreview.js"></script>
</body>
</html>