You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
321 lines
10 KiB
321 lines
10 KiB
<!DOCTYPE html> |
|
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en-us"> |
|
<head> |
|
<title> |
|
tools // Hagfi.sh |
|
</title> |
|
|
|
<link href="http://gmpg.org/xfn/11" rel="profile"> |
|
<meta http-equiv="content-type" content="text/html; charset=utf-8"> |
|
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1"> |
|
|
|
<meta name="description" content=""> |
|
<meta name="keywords" content=""> |
|
<meta name="author" content=""> |
|
<meta name="generator" content="Hugo 0.92.0" /> |
|
|
|
<meta property="og:title" content="tools" /> |
|
<meta property="og:description" content="" /> |
|
<meta property="og:type" content="website" /> |
|
<meta property="og:locale" content="en_US" /> |
|
<meta property="og:url" content="https://blog.hagfi.sh/categories/tools/" /> |
|
|
|
|
|
|
|
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/pure/0.5.0/base-min.css"> |
|
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/pure/0.5.0/pure-min.css"> |
|
|
|
|
|
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/pure/0.5.0/grids-responsive-min.css"> |
|
|
|
|
|
|
|
<link rel="stylesheet" href="https://blog.hagfi.sh//css/redlounge.css"> |
|
<link rel="stylesheet" href="https://blog.hagfi.sh//css/prism.css"> |
|
<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css" rel="stylesheet"> |
|
<link href='//fonts.googleapis.com/css?family=Raleway:400,200,100,700,300,500,600,800' rel='stylesheet' type='text/css'> |
|
<link href='//fonts.googleapis.com/css?family=Libre+Baskerville:400,700,400italic' rel='stylesheet' type='text/css'> |
|
|
|
|
|
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="/touch-icon-144-precomposed.png"> |
|
<link rel="shortcut icon" type="image/x-icon" href="/img/favicon.png"> |
|
|
|
|
|
<link href="https://blog.hagfi.sh/categories/tools/index.xml" rel="alternate" type="application/rss+xml" title="Hagfi.sh" /> |
|
|
|
<script src="//cdnjs.cloudflare.com/ajax/libs/moment.js/2.18.1/moment.js"></script> |
|
<script src="//cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.min.js"></script> |
|
<script src="//cdnjs.cloudflare.com/ajax/libs/axios/0.18.0/axios.min.js"></script> |
|
<script src="//cdnjs.cloudflare.com/ajax/libs/fuse.js/3.2.1/fuse.min.js"></script> |
|
<script src="//cdn.jsdelivr.net/npm/vuewordcloud@18.7.11/VueWordCloud.js"></script> |
|
<script src="https://blog.hagfi.sh//js/prism.js"></script> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<script type="application/javascript"> |
|
var doNotTrack = false; |
|
if (!doNotTrack) { |
|
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ |
|
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), |
|
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) |
|
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga'); |
|
ga('create', 'UA-124890410-1', 'auto'); |
|
|
|
ga('send', 'pageview'); |
|
} |
|
</script> |
|
|
|
|
|
</head> |
|
|
|
<body> |
|
<div id="layout" class="pure-g"> |
|
<div class="sidebar pure-u-1 pure-u-md-1-4" id="app"> |
|
<div class="header"> |
|
|
|
|
|
|
|
|
|
<h1 class="brand-title"><a href="/">Hagfi.sh</a></h1> |
|
<h2 class="brand-tagline">A devops guide to the galaxy</h2> |
|
|
|
<div class="counters"> |
|
<a class="counter" href="/">13 |
|
<div class="counter-sub">Documents</div> |
|
</a> |
|
<a class="counter" href="/tags">29 |
|
<div class="counter-sub">Tags</div> |
|
</a> |
|
<a class="counter" href="/categories">3 |
|
<div class="counter-sub">Categories</div> |
|
</a> |
|
</div> |
|
|
|
<nav class="nav"> |
|
|
|
</nav> |
|
|
|
<div class="search-wrapper"> |
|
<input |
|
type="text" |
|
placeholder="Search ..." |
|
v-model="search" |
|
@keydown.down.prevent="navigate(1)" |
|
@keydown.up.prevent="navigate(-1)" |
|
@keyup.enter.prevent="navigate(result[selected].href)" |
|
ref="searchInput" |
|
class="search" |
|
/> |
|
|
|
<svg height="100" width="100" ref="resultPoint" class="result-point"> |
|
<circle cx="5" cy="5" r="5" fill="#FFF" /> |
|
</svg> |
|
|
|
<ul class="result-items"> |
|
<li v-for="r, i of result" class="result-item" ref="resultItem"> |
|
<div class="result-item-wrapper" :class="{ 'result-item-selected': selected === i }"> |
|
<div class="result-item-left"> |
|
<span class="post-date"> |
|
<span class="post-date-day"><sup v-text="moment(r.date).format('D')"></sup></span><span class="post-date-separator" v-text="'/'"></span><span class="post-date-month" v-text="moment(r.date).format('MMM')"></span> <span class="post-date-year" v-text="moment(r.date).format('YYYY')"></span> |
|
</span> |
|
<template v-if="r.author">By <a class="post-author" v-text="r.author"></a></template> |
|
</div> |
|
<div class="result-item-left"> |
|
<span class="result-item-separator nav-item-separator" v-text="'//'"></span><a :href="r.href" v-text="r.title" class="result-item-link"></a> |
|
</div> |
|
</div> |
|
</li> |
|
</ul> |
|
</div> |
|
|
|
|
|
|
|
</div> |
|
</div> |
|
|
|
|
|
<div class="content pure-u-1 pure-u-md-3-4"> |
|
<a name="top"></a> |
|
|
|
|
|
<div class="posts"> |
|
|
|
<section class="post"> |
|
<header class="post-header"> |
|
|
|
<h1 class="post-title"> |
|
<a href="/tools/fatrace/">Fatrace: Report system wide file access events</a> |
|
</h1> |
|
</header> |
|
<p class="post-meta"> |
|
|
|
<span class="post-date"> |
|
<span class="post-date-day"><sup>5</sup></span><span class="post-date-separator">/</span><span class="post-date-month">Nov</span> <span class="post-date-year">2018</span> |
|
</span> |
|
|
|
|
|
By <a class="post-author" >Kristof Vandam</a> |
|
|
|
|
|
<span class="post-reading-time"><i class="fa fa-clock-o"></i> <em>1 min. read</em></span> |
|
|
|
|
|
<div class="post-categories"> |
|
|
|
|
|
<a class="post-category post-category-tools" href="https://blog.hagfi.sh//categories/tools">tools</a> |
|
|
|
<a class="post-category post-category-administration" href="https://blog.hagfi.sh//categories/administration">administration</a> |
|
|
|
</div> |
|
|
|
</p> |
|
|
|
<article class="post-summary"> |
|
<p>fatrace watches every file on server (except from itself and other kernel file systems).</p> |
|
</article> |
|
<div class="read-more-link"> |
|
<a href="/tools/fatrace/"><span class="read-more-slashes">//</span>Read More...</a> |
|
</div> |
|
|
|
</section> |
|
|
|
<section class="post"> |
|
<header class="post-header"> |
|
|
|
<h1 class="post-title"> |
|
<a href="/tools/ncdu/">NCDU: NCurses Disk Usage</a> |
|
</h1> |
|
</header> |
|
<p class="post-meta"> |
|
|
|
<span class="post-date"> |
|
<span class="post-date-day"><sup>17</sup></span><span class="post-date-separator">/</span><span class="post-date-month">Sep</span> <span class="post-date-year">2018</span> |
|
</span> |
|
|
|
|
|
By <a class="post-author" >Kristof Vandam</a> |
|
|
|
|
|
<span class="post-reading-time"><i class="fa fa-clock-o"></i> <em>2 min. read</em></span> |
|
|
|
|
|
<div class="post-categories"> |
|
|
|
|
|
<a class="post-category post-category-tools" href="https://blog.hagfi.sh//categories/tools">tools</a> |
|
|
|
<a class="post-category post-category-administration" href="https://blog.hagfi.sh//categories/administration">administration</a> |
|
|
|
</div> |
|
|
|
</p> |
|
|
|
<article class="post-summary"> |
|
<p>ncdu is a command line tool to scan and calculate directory and file sizes.</p> |
|
</article> |
|
<div class="read-more-link"> |
|
<a href="/tools/ncdu/"><span class="read-more-slashes">//</span>Read More...</a> |
|
</div> |
|
|
|
</section> |
|
|
|
</div> |
|
|
|
<div class="footer"> |
|
<hr class="thin" /> |
|
<div class="pure-menu pure-menu-horizontal pure-menu-open"> |
|
<ul class="footer-menu"> |
|
|
|
</ul> |
|
</div> |
|
|
|
<p>© 2022. All rights reserved.</p> |
|
</div> |
|
</div> |
|
</div> |
|
<script> |
|
var app = new Vue({ |
|
el: '#app', |
|
data: { |
|
fuse: null, |
|
search: "", |
|
result: [], |
|
index: [], |
|
selected: 0 |
|
}, |
|
mounted() { |
|
let self = this |
|
|
|
|
|
window.addEventListener("keypress", function(e) { |
|
self.$refs.searchInput.focus() |
|
}) |
|
|
|
let options = { |
|
shouldSort: true, |
|
threshold: 0.6, |
|
location: 0, |
|
distance: 100, |
|
maxPatternLength: 32, |
|
minMatchCharLength: 1, |
|
keys: [ |
|
"title", |
|
"author", |
|
"date", |
|
"content" |
|
] |
|
} |
|
axios.get('/index.json') |
|
.then(function (response) { |
|
self.index = response.data |
|
self.fuse = new Fuse(response.data, options) |
|
}) |
|
.catch(function (error) { |
|
}) |
|
}, |
|
watch: { |
|
result(nval, oval) { |
|
nval.length > 0 ? this.pointer(0) : this.pointer(-1) |
|
}, |
|
search(nval, oval) { |
|
this.result = this.fuse.search(nval) |
|
} |
|
}, |
|
methods: { |
|
navigate(val) { |
|
switch (val) { |
|
case 1: if (this.selected < this.result.length - 1) { this.selected++ }; break; |
|
case -1: if (this.selected > 0 ) { this.selected-- }; break; |
|
default: window.location.href = val; break; |
|
} |
|
this.pointer(this.selected) |
|
}, |
|
pointer(selected) { |
|
let self = this |
|
|
|
if (selected >= 0) { |
|
Vue.nextTick().then(function() { |
|
let height = self.$refs.resultItem[selected].clientHeight |
|
let top = self.$refs.resultItem[selected].getBoundingClientRect().top |
|
let left = self.$refs.resultItem[selected].getBoundingClientRect().left |
|
|
|
self.$refs.resultPoint.style.top = (top+height/2)+'px' |
|
self.$refs.resultPoint.style.left = (left-20)+'px' |
|
}) |
|
} else { |
|
this.$refs.resultPoint.style.left = '-50px' |
|
return |
|
} |
|
} |
|
} |
|
}) |
|
</script> |
|
</body> |
|
</html>
|
|
|