Skip to content

Instantly share code, notes, and snippets.

@Ancientwood
Last active June 25, 2021 06:11
Show Gist options
  • Save Ancientwood/28f5a8f0e08becd8d03bf4b2bfb8c8fa to your computer and use it in GitHub Desktop.
Save Ancientwood/28f5a8f0e08becd8d03bf4b2bfb8c8fa to your computer and use it in GitHub Desktop.
autoindex
<!-- autoindex.html 20.06, see https://phus.lu -->
<script>
!function () {
var website_title = 'SHARE'
var datetime_format = '%Y-%m-%d %H:%M'
var show_readme_md = true
var enable_footer_js = true
var max_name_length = 50
var dom = {
element: null,
get: function (o) {
var obj = Object.create(this)
obj.element = (typeof o == "object") ? o : document.createElement(o)
return obj
},
add: function (o) {
var obj = dom.get(o)
this.element.appendChild(obj.element)
return obj
},
text: function (t) {
this.element.appendChild(document.createTextNode(t))
return this
},
html: function (s) {
this.element.innerHTML = s
return this
},
attr: function (k, v) {
this.element.setAttribute(k, v)
return this
}
}
head = dom.get(document.head)
head.add('meta').attr('charset', 'utf-8')
head.add('meta').attr('name', 'viewport').attr('content', 'width=device-width,initial-scale=1')
if (!document.title) {
document.write(["<div class="container">",
"<h3>nginx.conf</h3>",
"<textarea rows=8 cols=50>",
"# download autoindex.html to /wwwroot/",
"location ~ ^(.*)/$ {",
" charset utf-8;",
" autoindex on;",
" autoindex_localtime on;",
" autoindex_exact_size off;",
" add_after_body /autoindex.html;",
"}",
"</textarea>",
"</div>"].join("
"))
return
}
var bodylines = document.body.innerHTML.split('
')
document.body.innerHTML = ''
var titlehtml = document.title.replace(//$/, '').split('/').slice(1).reduce(function (acc, v, i, a) {
return acc + '<a href="/' + a.slice(0, i + 1).join('/') + '/">' + v + '</a>/'
}, 'Index of /')
if (website_title) {
document.title = website_title + ' - ' + document.title
}
head.add('meta').attr('name', 'description').attr('content', document.title)
div = dom.get('div').attr('class', 'container')
div.add('table').add('tbody').add('tr').add('th').html(titlehtml)
tbody = div.add('table').attr('class', 'table-hover').add('tbody')
names = ['Name', 'Date', 'Size']
thead = tbody.add('tr')
for (i = 0; i < names.length; i++)
thead.add('td').add('a').attr('href', 'javascript:sortby(' + i + ')').attr('class', 'octicon arrow-up').text(names[i]);
var insert = function (filename, datetime, size) {
if (//$/.test(filename)) {
css = 'file-directory'
size = ''
} else if (/.(zip|7z|bz2|gz|tar|tgz|tbz2|xz|cab)$/.test(filename)) {
css = 'file-zip'
} else if (/.(py|js|php|pl|rb|sh|bash|lua|sql|go|rs|java|c|h|cpp|cxx|hpp)$/.test(filename)) {
css = 'file-code'
} else if (/.(jpg|png|bmp|gif|ico|webp)$/.test(filename)) {
css = 'file-media'
} else if (/.(flv|mp4|mkv|avi|mkv|vp9)$/.test(filename)) {
css = 'device-camera-video'
} else {
css = 'file'
}
displayname = decodeURIComponent(filename.replace(//$/, ''))
if (displayname.length > max_name_length)
displayname = displayname.substring(0, max_name_length - 3) + '..>';
if (!isNaN(Date.parse(datetime))) {
d = new Date(datetime)
pad = function (s) {
return s < 10 ? '0' + s : s
}
mon = function (m) {
return ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'][m]
}
datetime = datetime_format
.replace('%Y', d.getFullYear())
.replace('%m', pad(d.getMonth() + 1))
.replace('%d', pad(d.getDate()))
.replace('%H', pad(d.getHours()))
.replace('%M', pad(d.getMinutes()))
.replace('%S', pad(d.getSeconds()))
.replace('%b', mon(d.getMonth()))
}
tr = tbody.add('tr')
tr.add('td').add('a').attr('class', 'octicon ' + css).attr('href', filename).text(displayname)
tr.add('td').text(datetime)
tr.add('td').text(size)
}
var readme = '', footer = ''
insert('../', '', '-')
for (var i in bodylines) {
if (m = /s*<a href="(.+?)">(.+?)</a>s+(S+)s+(S+)s+(S+)s*/.exec(bodylines[i])) {
filename = m[1]
datetime = m[3] + ' ' + m[4]
size = m[5]
insert(filename, datetime, size)
switch (filename.toLowerCase()) {
case 'readme.md':
readme = filename
break
case 'footer.js':
footer = filename
break
}
}
}
document.body.appendChild(div.element)
if (show_readme_md && readme !== '') {
tbody = div.add('table').add('tbody');
tbody.add('tr').add('th').attr('class', 'octicon octicon-book').text(readme)
tbody.add('tr').add('td').add('div').attr('id', 'readme').attr('class', 'markdown-body')
xhr = new XMLHttpRequest()
xhr.open('GET', location.pathname.replace(/[^/]+$/, '') + readme, true)
xhr.onload = function () {
if (xhr.status < 200 && xhr.status >= 400)
return
wait = function (name, callback) {
var interval = 10; // ms
window.setTimeout(function () {
if (window[name]) {
callback(window[name])
} else {
window.setTimeout(arguments.callee, interval)
}
}, interval)
}
wait('marked', function () {
document.getElementById("readme").innerHTML = marked(xhr.responseText)
})
}
xhr.send()
div.add('script').attr('src', 'https://cdn.staticfile.org/marked/0.7.0/marked.min.js')
div.add('link').attr('rel', 'stylesheet').attr('href', 'https://cdn.staticfile.org/github-markdown-css/3.0.1/github-markdown.min.css')
}
div.add('table').html(
'<tr><th colspan="4">🌐 UserAgent</th></tr>' +
'<tr><td colspan="4" id="user_agent">' + navigator.userAgent + '</td></tr>'
)
/*
if (enable_footer_js && footer !== '') {
div.add('script').attr('src', footer)
}
*/
}()
function sortby(index) {
rows = document.getElementsByClassName('table-hover')[0].rows
link = rows[0].getElementsByTagName('a')[index]
arrow = link.className == 'octicon arrow-down' ? 1 : -1
link.className = 'octicon arrow-' + (arrow == 1 ? 'up' : 'down');
[].slice.call(rows).slice(2).map(function (e, i) {
type = e.getElementsByTagName('a')[0].className == 'octicon file-directory' ? 0 : 1
text = e.getElementsByTagName('td')[index].innerText
if (index === 0) {
value = text
} else if (index === 1) {
value = new Date(text).getTime()
} else if (index === 2) {
m = {'G': 1024 * 1024 * 1024, 'M': 1024 * 1024, 'K': 1024}
value = parseInt(text || 0) * (m[text[text.search(/[KMG]B?$/)]] || 1)
}
return {type: type, value: value, index: i, html: e.innerHTML}
}).sort(function (a, b) {
if (a.type != b.type)
return a.type - b.type
if (a.value != b.value)
return a.value < b.value ? -arrow : arrow
return a.index < b.index ? -arrow : arrow
}).forEach(function (e, i) {
rows[2 + i].innerHTML = e.html
})
}
</script>
<style>
body {
margin: 0;
font-family: "ubuntu", "Tahoma", "Microsoft YaHei", Arial, Serif;
}
.container {
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
@media (min-width: 768px) {
.container {
max-width: 750px;
}
}
@media (min-width: 992px) {
.container {
max-width: 970px;
}
}
@media (min-width: 1200px) {
.container {
max-width: 1170px;
}
}
table {
width: 100%;
max-width: 100%;
margin-bottom: 20px;
border: 1px solid #ddd;
padding: 0;
border-collapse: collapse;
}
table th {
font-size: 14px;
}
table tr {
border: 1px solid #ddd;
padding: 5px;
}
table tr:nth-child(odd) {
background: #f9f9f9
}
table th, table td {
border: 1px solid #ddd;
font-size: 14px;
line-height: 20px;
padding: 3px;
text-align: left;
}
a {
color: #337ab7;
text-decoration: none;
}
a:hover, a:focus {
color: #2a6496;
text-decoration: underline;
}
table.table-hover > tbody > tr:hover > td,
table.table-hover > tbody > tr:hover > th {
background-color: #f5f5f5;
}
.markdown-body {
float: left;
font-family: "ubuntu", "Tahoma", "Microsoft YaHei", Arial, Serif;
}
/* octicons */
.octicon {
background-position: center left;
background-repeat: no-repeat;
padding-left: 16px;
}
.file {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='16' viewBox='0 0 12 16'%3E%3Cpath d='M6 5L2 5 2 4 6 4 6 5 6 5ZM2 8L9 8 9 7 2 7 2 8 2 8ZM2 10L9 10 9 9 2 9 2 10 2 10ZM2 12L9 12 9 11 2 11 2 12 2 12ZM12 4.5L12 14C12 14.6 11.6 15 11 15L1 15C0.5 15 0 14.6 0 14L0 2C0 1.5 0.5 1 1 1L8.5 1 12 4.5 12 4.5ZM11 5L8 2 1 2 1 14 11 14 11 5 11 5Z' fill='%237D94AE'/%3E%3C/svg%3E");
}
.file-directory {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='16' viewBox='0 0 14 16'%3E%3Cpath d='M13 4L7 4 7 3C7 2.3 6.7 2 6 2L1 2C0.5 2 0 2.5 0 3L0 13C0 13.6 0.5 14 1 14L13 14C13.6 14 14 13.6 14 13L14 5C14 4.5 13.6 4 13 4L13 4ZM6 4L1 4 1 3 6 3 6 4 6 4Z' fill='%237D94AE'/%3E%3C/svg%3E");
}
.file-zip {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='16' viewBox='0 0 12 16'%3E%3Cpath d='M8.5 1L1 1C0.4 1 0 1.4 0 2L0 14C0 14.6 0.4 15 1 15L11 15C11.6 15 12 14.6 12 14L12 4.5 8.5 1ZM11 14L1 14 1 2 4 2 4 3 5 3 5 2 8 2 11 5 11 14 11 14ZM5 4L5 3 6 3 6 4 5 4 5 4ZM4 4L5 4 5 5 4 5 4 4 4 4ZM5 6L5 5 6 5 6 6 5 6 5 6ZM4 6L5 6 5 7 4 7 4 6 4 6ZM5 8L5 7 6 7 6 8 5 8 5 8ZM4 9.3C3.4 9.6 3 10.3 3 11L3 12 7 12 7 11C7 9.9 6.1 9 5 9L5 8 4 8 4 9.3 4 9.3ZM6 10L6 11 4 11 4 10 6 10 6 10Z' fill='%237D94AE'/%3E%3C/svg%3E");
}
.file-code {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='16' viewBox='0 0 12 16'%3E%3Cpath d='M8.5,1 L1,1 C0.45,1 0,1.45 0,2 L0,14 C0,14.55 0.45,15 1,15 L11,15 C11.55,15 12,14.55 12,14 L12,4.5 L8.5,1 L8.5,1 Z M11,14 L1,14 L1,2 L8,2 L11,5 L11,14 L11,14 Z M5,6.98 L3.5,8.5 L5,10 L4.5,11 L2,8.5 L4.5,6 L5,6.98 L5,6.98 Z M7.5,6 L10,8.5 L7.5,11 L7,10.02 L8.5,8.5 L7,7 L7.5,6 L7.5,6 Z' fill='%237D94AE' /%3E%3C/svg%3E");
}
.file-media {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='16' viewBox='0 0 12 16'%3E%3Cpath d='M6 5L8 5 8 7 6 7 6 5 6 5ZM12 4.5L12 14C12 14.6 11.6 15 11 15L1 15C0.5 15 0 14.6 0 14L0 2C0 1.5 0.5 1 1 1L8.5 1 12 4.5 12 4.5ZM11 5L8 2 1 2 1 13 4 8 6 12 8 10 11 13 11 5 11 5Z' fill='%237D94AE'/%3E%3C/svg%3E");
}
.device-camera-video {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='M15.2,2.09 L10,5.72 L10,3 C10,2.45 9.55,2 9,2 L1,2 C0.45,2 0,2.45 0,3 L0,12 C0,12.55 0.45,13 1,13 L9,13 C9.55,13 10,12.55 10,12 L10,9.28 L15.2,12.91 C15.53,13.14 16,12.91 16,12.5 L16,2.5 C16,2.09 15.53,1.86 15.2,2.09 L15.2,2.09 Z' fill='%237D94AE' /%3E%3C/svg%3E");
}
.octicon-book {
padding-left: 20px;
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='M3,5 L7,5 L7,6 L3,6 L3,5 L3,5 Z M3,8 L7,8 L7,7 L3,7 L3,8 L3,8 Z M3,10 L7,10 L7,9 L3,9 L3,10 L3,10 Z M14,5 L10,5 L10,6 L14,6 L14,5 L14,5 Z M14,7 L10,7 L10,8 L14,8 L14,7 L14,7 Z M14,9 L10,9 L10,10 L14,10 L14,9 L14,9 Z M16,3 L16,12 C16,12.55 15.55,13 15,13 L9.5,13 L8.5,14 L7.5,13 L2,13 C1.45,13 1,12.55 1,12 L1,3 C1,2.45 1.45,2 2,2 L7.5,2 L8.5,3 L9.5,2 L15,2 C15.55,2 16,2.45 16,3 L16,3 Z M8,3.5 L7.5,3 L2,3 L2,12 L8,12 L8,3.5 L8,3.5 Z M15,3 L9.5,3 L9,3.5 L9,12 L15,12 L15,3 L15,3 Z' /%3E%3C/svg%3E");
}
.arrow-down {
font-weight: bold;
text-decoration: none !important;
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='16' viewBox='0 0 10 16'%3E%3Cpolygon id='Shape' points='7 7 7 3 3 3 3 7 0 7 5 13 10 7'%3E%3C/polygon%3E%3C/svg%3E");
}
.arrow-up {
font-weight: bold;
text-decoration: none !important;
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='16' viewBox='0 0 10 16'%3E%3Cpolygon id='Shape' points='5 3 0 9 3 9 3 13 7 13 7 9 10 9'%3E%3C/polygon%3E%3C/svg%3E");
}
</style>
<!-- markdown for nginx, see https://phus.lu -->
<script>
!function () {
var render_readme = true
var dom = {
element: null,
get: function (o) {
var obj = Object.create(this)
obj.element = (typeof o == "object") ? o : document.createElement(o)
return obj
},
add: function (o) {
var obj = dom.get(o)
this.element.appendChild(obj.element)
return obj
},
text: function (t) {
this.element.appendChild(document.createTextNode(t))
return this
},
attr: function (k, v) {
this.element.setAttribute(k, v)
return this
}
}
if (!document.head) return
head = dom.get(document.head)
head.add('meta').attr('charset', 'utf-8')
head.add('meta').attr('name', 'viewport').attr('content', 'width=device-width,initial-scale=1')
if (!document.body) {
document.write(["<div class="container">",
"<h3>nginx.conf</h3>",
"<textarea rows=6 cols=50>",
"# download markdown.html to /wwwroot",
"location ~ \.md$ {",
" default_type text/html;",
" add_after_body /markdown.html;",
"}",
"</textarea>",
"</div>"].join("
"))
return
}
var bodytext = document.body.innerHTML
document.body.innerHTML = ''
div = dom.get('div').attr('class', 'container')
div.add('script').attr('src', 'https://cdn.staticfile.org/marked/0.7.0/marked.min.js')
div.add('link').attr('rel', 'stylesheet').attr('href', 'https://cdn.staticfile.org/github-markdown-css/3.0.1/github-markdown.min.css')
title = decodeURIComponent(document.location.pathname.replace(/.*//, '').replace(/.html$/, ''))
document.title = '《' + title.replace(/.md$/, '') + '》'
tbody = div.add('table').add('tbody')
tbody.add('tr').add('th').text(title).attr('class', 'octicon-book')
tbody.add('tr').add('td').add('div').attr('id', 'readme').attr('class', 'markdown-body')
wait = function (name, callback) {
var interval = 10; // ms
window.setTimeout(function () {
if (window[name]) {
callback(window[name])
} else {
window.setTimeout(arguments.callee, interval)
}
}, interval)
}
wait('marked', function () {
document.getElementById("readme").innerHTML = marked(bodytext)
})
document.body.appendChild(div.element)
}()
</script>
<style>
body {
margin: 0;
font-family: "ubuntu", "Tahoma", "Microsoft YaHei", Arial, Serif;
}
.markdown-body {
float: left;
font-family: "ubuntu", "Tahoma", "Microsoft YaHei", Arial, Serif;
}
.container {
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
@media (min-width: 768px) {
.container {
max-width: 80%;
}
}
@media (min-width: 992px) {
.container {
max-width: 70%;
}
}
@media (min-width: 1200px) {
.container {
max-width: 60%;
}
}
table {
width: 100%;
max-width: 100%;
margin-bottom: 20px;
border: 1px solid #ddd;
padding: 0;
border-collapse: collapse;
}
table th {
font-size: 14px;
}
table tr {
border: 1px solid #ddd;
padding: 5px;
}
table th, table td {
border: 1px solid #ddd;
font-size: 14px;
line-height: 20px;
padding: 3px;
text-align: left;
}
.octicon-book {
background-position: center left;
background-repeat: no-repeat;
padding-left: 20px;
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='M3,5 L7,5 L7,6 L3,6 L3,5 L3,5 Z M3,8 L7,8 L7,7 L3,7 L3,8 L3,8 Z M3,10 L7,10 L7,9 L3,9 L3,10 L3,10 Z M14,5 L10,5 L10,6 L14,6 L14,5 L14,5 Z M14,7 L10,7 L10,8 L14,8 L14,7 L14,7 Z M14,9 L10,9 L10,10 L14,10 L14,9 L14,9 Z M16,3 L16,12 C16,12.55 15.55,13 15,13 L9.5,13 L8.5,14 L7.5,13 L2,13 C1.45,13 1,12.55 1,12 L1,3 C1,2.45 1.45,2 2,2 L7.5,2 L8.5,3 L9.5,2 L15,2 C15.55,2 16,2.45 16,3 L16,3 Z M8,3.5 L7.5,3 L2,3 L2,12 L8,12 L8,3.5 L8,3.5 Z M15,3 L9.5,3 L9,3.5 L9,12 L15,12 L15,3 L15,3 Z' /%3E%3C/svg%3E");
}
</style>
server {
listen 80;
listen [::]:80;
server_name _;
root /;
index index.html;
charset utf-8;
location ~ /lock {
auth_basic "User Auth";
auth_basic_user_file /etc/nginx/auth.passwd;
try_files $uri $uri/ =404;
autoindex on;
autoindex_localtime on;
autoindex_exact_size off;
add_after_body /.autoindex.html;
}
location ~ ^(.*)/$ {
try_files $uri $uri/ =404;
autoindex on;
autoindex_localtime on;
autoindex_exact_size off;
add_after_body /.autoindex.html;
}
location ~ \.md$ {
default_type text/html;
add_after_body /.markdown.html;
}
}
<!DOCTYPE html>
<link rel="dns-prefetch" href="//jsonp.afeld.me/" />
<link rel="dns-prefetch" href="//www.bing.com/" />
<meta name="robots" content="noindex">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Wallpaper</title>
<style>
body {
margin: 0;
background: #515151;
font-family: "Helvetica Neue", "Luxi Sans", "DejaVu Sans", Tahoma, "Hiragino Sans GB", "Microsoft Yahei", sans-serif;
}
.container {
position: relative;
margin: 0 auto;
}
.container img {
vertical-align: middle;
resize: both;
width: 100%;
}
.container .banner {
position: absolute;
top: 0;
background: rgba(0, 0, 0, 0.5);
color: #f1f1f1;
width: 100%;
padding: 0px;
}
</style>
<div class="container">
<div class="banner"><p>Loading</p></div>
</div>
<script type="text/javascript">
function pixiv(data) {
var imgs = []
works = data.response.works
for (var i = 0; i < works.length; i++) {
work = works[i].work
if (work.width < 1280 || work.width < work.height)
continue
imgs.push({title: work.title, url: work.image_urls.large, created_time: work.created_time.replace(' ', 'T')})
}
imgs.sort(function (img1, img2) { return Date.parse(img2.created_time) - Date.parse(img1.created_time) })
//console.log(imgs)
img = document.createElement("img")
img.src = imgs[0].url
document.getElementsByClassName('container')[0].appendChild(img)
document.getElementsByTagName('p')[0].innerHTML = '【pixiv 动漫美图】' + imgs[0].title
}
function bing(data) {
copyright = data.images[0].copyright
title = (//.test(copyright) ? '' : 'Wallpaper ') + copyright.replace(/\s*\(.+?\)$/, '')
img = document.createElement("img")
img.src = 'https://www.bing.com' + data.images[0].url
document.getElementsByClassName('container')[0].appendChild(img)
document.getElementsByTagName('p')[0].innerHTML = title
}
function w360(data) {
var imgs = []
data = data.data
for (var i = 0; i < data.length; i++) {
if (!/^(|4K|||)/.test(data[i].utag))
continue
imgs.push({title: data[i].utag, url: data[i].url})
}
i = Math.floor(imgs.length * Math.random());
img = document.createElement("img")
img.src = imgs[i].url
document.getElementsByClassName('container')[0].appendChild(img)
document.getElementsByTagName('p')[0].innerHTML = '【360 精选壁纸】' + imgs[i].title
}
!function() {
callback = location.search ? location.search.substring(1) : "bing"
switch (callback) {
case "bing":
url = 'https://www.bing.com/HPImageArchive.aspx?format=js&idx=0&n=1&mkt=zh-CN'
break
case "pixiv":
url = 'https://api.pixiv.moe/v1/ranking'
break
case "360":
callback = "w360"
case "w360":
url = 'http://wallpaper.apc.360.cn/index.php?c=WallPaper&a=getAppsByOrder&order=create_time&start=0&count=100&from=360chrome'
break
case "moe":
url = 'https://raw.githubusercontent.com/yql/yql-tables/master/data/htmlstring.xml'
break
default:
document.getElementsByTagName('p')[0].innerHTML = 'Failed'
return
}
script = document.createElement("script")
script.src = "https://jsonp.afeld.me/?url=" + encodeURIComponent(url) + "&callback=" + callback
document.body.appendChild(script)
setTimeout(function () {
if (document.getElementsByTagName('img').length > 0) return
document.getElementsByTagName('p')[0].innerHTML += '.'
setTimeout(arguments.callee, 500)
}, 500)
}()
</script>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment