mirror of https://github.com/aya-rs/aya
You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
422 lines
22 KiB
HTML
422 lines
22 KiB
HTML
<!DOCTYPE HTML>
|
|
<html lang="en" class="sidebar-visible no-js light">
|
|
<head>
|
|
<!-- Book generated using mdBook -->
|
|
<meta charset="UTF-8">
|
|
<title>Logging Packets - Building eBPF Programs With Aya</title>
|
|
<!-- Custom HTML head -->
|
|
<meta content="text/html; charset=utf-8" http-equiv="Content-Type">
|
|
<meta name="description" content="">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<meta name="theme-color" content="#ffffff" />
|
|
|
|
<link rel="icon" href="../favicon.svg">
|
|
<link rel="shortcut icon" href="../favicon.png">
|
|
<link rel="stylesheet" href="../css/variables.css">
|
|
<link rel="stylesheet" href="../css/general.css">
|
|
<link rel="stylesheet" href="../css/chrome.css">
|
|
<link rel="stylesheet" href="../css/print.css" media="print">
|
|
<!-- Fonts -->
|
|
<link rel="stylesheet" href="../FontAwesome/css/font-awesome.css">
|
|
<link rel="stylesheet" href="../fonts/fonts.css">
|
|
<!-- Highlight.js Stylesheets -->
|
|
<link rel="stylesheet" href="../highlight.css">
|
|
<link rel="stylesheet" href="../tomorrow-night.css">
|
|
<link rel="stylesheet" href="../ayu-highlight.css">
|
|
|
|
<!-- Custom theme stylesheets -->
|
|
</head>
|
|
<body>
|
|
<!-- Provide site root to javascript -->
|
|
<script type="text/javascript">
|
|
var path_to_root = "../";
|
|
var default_theme = window.matchMedia("(prefers-color-scheme: dark)").matches ? "navy" : "light";
|
|
</script>
|
|
|
|
<!-- Work around some values being stored in localStorage wrapped in quotes -->
|
|
<script type="text/javascript">
|
|
try {
|
|
var theme = localStorage.getItem('mdbook-theme');
|
|
var sidebar = localStorage.getItem('mdbook-sidebar');
|
|
|
|
if (theme.startsWith('"') && theme.endsWith('"')) {
|
|
localStorage.setItem('mdbook-theme', theme.slice(1, theme.length - 1));
|
|
}
|
|
|
|
if (sidebar.startsWith('"') && sidebar.endsWith('"')) {
|
|
localStorage.setItem('mdbook-sidebar', sidebar.slice(1, sidebar.length - 1));
|
|
}
|
|
} catch (e) { }
|
|
</script>
|
|
|
|
<!-- Set the theme before any content is loaded, prevents flash -->
|
|
<script type="text/javascript">
|
|
var theme;
|
|
try { theme = localStorage.getItem('mdbook-theme'); } catch(e) { }
|
|
if (theme === null || theme === undefined) { theme = default_theme; }
|
|
var html = document.querySelector('html');
|
|
html.classList.remove('no-js')
|
|
html.classList.remove('light')
|
|
html.classList.add(theme);
|
|
html.classList.add('js');
|
|
</script>
|
|
|
|
<!-- Hide / unhide sidebar before it is displayed -->
|
|
<script type="text/javascript">
|
|
var html = document.querySelector('html');
|
|
var sidebar = 'hidden';
|
|
if (document.body.clientWidth >= 1080) {
|
|
try { sidebar = localStorage.getItem('mdbook-sidebar'); } catch(e) { }
|
|
sidebar = sidebar || 'visible';
|
|
}
|
|
html.classList.remove('sidebar-visible');
|
|
html.classList.add("sidebar-" + sidebar);
|
|
</script>
|
|
|
|
<nav id="sidebar" class="sidebar" aria-label="Table of contents">
|
|
<div class="sidebar-scrollbox">
|
|
<ol class="chapter"><li class="chapter-item expanded "><a href="../intro/index.html"><strong aria-hidden="true">1.</strong> Introduction</a></li><li class="chapter-item expanded "><a href="../ebpf/index.html"><strong aria-hidden="true">2.</strong> eBPF Program Limitiations</a></li><li class="chapter-item expanded "><a href="../start/index.html"><strong aria-hidden="true">3.</strong> Getting Started</a></li><li><ol class="section"><li class="chapter-item expanded "><a href="../start/development.html"><strong aria-hidden="true">3.1.</strong> Development Environment</a></li><li class="chapter-item expanded "><a href="../start/hello-xdp.html"><strong aria-hidden="true">3.2.</strong> Hello XDP!</a></li><li class="chapter-item expanded "><a href="../start/logging-packets.html" class="active"><strong aria-hidden="true">3.3.</strong> Logging Packets</a></li></ol></li></ol>
|
|
</div>
|
|
<div id="sidebar-resize-handle" class="sidebar-resize-handle"></div>
|
|
</nav>
|
|
|
|
<div id="page-wrapper" class="page-wrapper">
|
|
|
|
<div class="page">
|
|
<div id="menu-bar-hover-placeholder"></div>
|
|
<div id="menu-bar" class="menu-bar sticky bordered">
|
|
<div class="left-buttons">
|
|
<button id="sidebar-toggle" class="icon-button" type="button" title="Toggle Table of Contents" aria-label="Toggle Table of Contents" aria-controls="sidebar">
|
|
<i class="fa fa-bars"></i>
|
|
</button>
|
|
<button id="theme-toggle" class="icon-button" type="button" title="Change theme" aria-label="Change theme" aria-haspopup="true" aria-expanded="false" aria-controls="theme-list">
|
|
<i class="fa fa-paint-brush"></i>
|
|
</button>
|
|
<ul id="theme-list" class="theme-popup" aria-label="Themes" role="menu">
|
|
<li role="none"><button role="menuitem" class="theme" id="light">Light (default)</button></li>
|
|
<li role="none"><button role="menuitem" class="theme" id="rust">Rust</button></li>
|
|
<li role="none"><button role="menuitem" class="theme" id="coal">Coal</button></li>
|
|
<li role="none"><button role="menuitem" class="theme" id="navy">Navy</button></li>
|
|
<li role="none"><button role="menuitem" class="theme" id="ayu">Ayu</button></li>
|
|
</ul>
|
|
<button id="search-toggle" class="icon-button" type="button" title="Search. (Shortkey: s)" aria-label="Toggle Searchbar" aria-expanded="false" aria-keyshortcuts="S" aria-controls="searchbar">
|
|
<i class="fa fa-search"></i>
|
|
</button>
|
|
</div>
|
|
|
|
<h1 class="menu-title">Building eBPF Programs With Aya</h1>
|
|
|
|
<div class="right-buttons">
|
|
<a href="../print.html" title="Print this book" aria-label="Print this book">
|
|
<i id="print-button" class="fa fa-print"></i>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="search-wrapper" class="hidden">
|
|
<form id="searchbar-outer" class="searchbar-outer">
|
|
<input type="search" id="searchbar" name="searchbar" placeholder="Search this book ..." aria-controls="searchresults-outer" aria-describedby="searchresults-header">
|
|
</form>
|
|
<div id="searchresults-outer" class="searchresults-outer hidden">
|
|
<div id="searchresults-header" class="searchresults-header"></div>
|
|
<ul id="searchresults">
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<!-- Apply ARIA attributes after the sidebar and the sidebar toggle button are added to the DOM -->
|
|
<script type="text/javascript">
|
|
document.getElementById('sidebar-toggle').setAttribute('aria-expanded', sidebar === 'visible');
|
|
document.getElementById('sidebar').setAttribute('aria-hidden', sidebar !== 'visible');
|
|
Array.from(document.querySelectorAll('#sidebar a')).forEach(function(link) {
|
|
link.setAttribute('tabIndex', sidebar === 'visible' ? 0 : -1);
|
|
});
|
|
</script>
|
|
|
|
<div id="content" class="content">
|
|
<main>
|
|
<h1 id="logging-packets"><a class="header" href="#logging-packets">Logging Packets</a></h1>
|
|
<p>In the previous chapter, our XDP application ran for 10 seconds and permitted some traffic.
|
|
There was however no output on the console, so you just have to trust that it was working correctly. Let's expand this program to log the traffic that is being permitted</p>
|
|
<h2 id="getting-data-to-user-space"><a class="header" href="#getting-data-to-user-space">Getting Data to User-Space</a></h2>
|
|
<h3 id="sharing-data"><a class="header" href="#sharing-data">Sharing Data</a></h3>
|
|
<p>To get data from kernel-space to user-space we use an eBPF map. There are numerous types of maps to chose from, but in this example we'll be using a PerfEventArray.</p>
|
|
<p>While we could go all out and extract data all the way up to L7, we'll constrain our firewall to L3, and to make things easier, IPv4 only.
|
|
The data structure that we'll need to send information to user-space will need to hold an IPv4 address and an action for Permit/Deny, we'll encode both as a <code>u32</code>.</p>
|
|
<p>Let's go ahead and add that to <code>myapp-common/src/lib.rs</code></p>
|
|
<pre><code class="language-rust ignore">#[repr(C)]
|
|
pub struct PacketLog {
|
|
pub ipv4_address: u32,
|
|
pub action: u32,
|
|
}
|
|
|
|
#[cfg(feature = "user")]
|
|
unsafe impl aya::Pod for PacketLog {}
|
|
</code></pre>
|
|
<blockquote>
|
|
<p>💡 <strong>HINT: Struct Alignment</strong></p>
|
|
<p>Structs must be aligned to 8 byte boundaries. You can do this manually, or alternatively you may use <code>#[repr(packed)]</code>. If you do not do this, the eBPF verifier will get upset and emit an <code>invalid indirect read from stack</code> error.</p>
|
|
</blockquote>
|
|
<p>We implement the <code>aya::Pod</code> trait for our struct since it is Plain Old Data as can be safely converted to a byte-slice and back.</p>
|
|
<h3 id="ebpf-map-creation"><a class="header" href="#ebpf-map-creation">eBPF: Map Creation</a></h3>
|
|
<p>Let's create a map called <code>EVENTS</code> in <code>myapp-ebpf/src/main.rs</code></p>
|
|
<pre><code class="language-rust ignore">use aya_bpf::macros::map;
|
|
use aya_bpf::maps::PerfMap;
|
|
use myapp_common::PacketLog;
|
|
|
|
#[map(name = "EVENTS")]
|
|
static mut EVENTS: PerfMap<PacketLog> = PerfMap::<PacketLog>::with_max_entries(1024, 0);
|
|
</code></pre>
|
|
<p>When the eBPF program is loaded by Aya, the map will be created for us.</p>
|
|
<h3 id="userspace-map-creation"><a class="header" href="#userspace-map-creation">Userspace: Map Creation</a></h3>
|
|
<p>After our call to <code>probe.attach()</code> we'll add the following code.</p>
|
|
<pre><code class="language-rust ignore">use aya::maps::AsyncPerfEventArray;
|
|
|
|
let mut perf_array = AsyncPerfEventArray::try_from(bpf.map_mut("EVENTS")?)?;
|
|
</code></pre>
|
|
<p>Our <code>perf_array</code> is a mutable reference to the map that was created after the XDP program was loaded by Aya.</p>
|
|
<h2 id="writing-data"><a class="header" href="#writing-data">Writing Data</a></h2>
|
|
<p>Now we've got our maps set up, let's add some data!</p>
|
|
<h3 id="generating-bindings-to-vmlinuxh"><a class="header" href="#generating-bindings-to-vmlinuxh">Generating Bindings To vmlinux.h</a></h3>
|
|
<p>To get useful data to add to our maps, we first need some useful data structures to populate with data from the <code>XdpContext</code>.
|
|
We want to log the Source IP Address of incoming traffic, so we'll need to:</p>
|
|
<ol>
|
|
<li>Read the Ethernet Header to determine if this is an IPv4 Packet</li>
|
|
<li>Read the Source IP Address from the IPv4 Header</li>
|
|
</ol>
|
|
<p>The two structs in the kernel for this are <code>ethhdr</code> from <code>uapi/linux/if_ether.h</code> and <code>iphdr</code> from <code>uapi/linux/ip.h</code>.
|
|
If I were to use bindgen to generate Rust bindings for those headers, I'd be tied to the kernel version of the system that I'm developing on.
|
|
This is where <code>aya-gen</code> comes in to play. It can easily generate bindings for using the BTF information in <code>/sys/kernel/btf/vmlinux</code>.</p>
|
|
<p>Once the bindings are generated and checked in to our repository they shouldn't need to be regenerated again unless we need to add a new struct.</p>
|
|
<p>Lets use <code>xtask</code> to automate this so we can easily reproduce this file in future.</p>
|
|
<p>We'll add the following content to <code>xtask/src/codegen.rs</code></p>
|
|
<pre><code class="language-rust ignore">use aya_gen::btf_types;
|
|
use std::{
|
|
fs::File,
|
|
io::Write,
|
|
path::{Path, PathBuf},
|
|
};
|
|
|
|
pub fn generate() -> Result<(), anyhow::Error> {
|
|
let dir = PathBuf::from("myapp-ebpf/src");
|
|
let names: Vec<&str> = vec!["ethhdr", "iphdr"];
|
|
let bindings = btf_types::generate(Path::new("/sys/kernel/btf/vmlinux"), &names, false)?;
|
|
// Write the bindings to the $OUT_DIR/bindings.rs file.
|
|
let mut out = File::create(dir.join("bindings.rs"))?;
|
|
write!(out, "{}", bindings).expect("unable to write bindings to file");
|
|
Ok(())
|
|
}
|
|
</code></pre>
|
|
<p>This will generate a file called <code>myapp-ebpf/src/bindings.rs</code>. If you've chosen an application name other than <code>myapp</code> you'll need to adjust the path appropriately.</p>
|
|
<p>Add a new dependencies to <code>xtask/Cargo.toml</code>:</p>
|
|
<pre><code class="language-toml">[dependencies]
|
|
aya-gen = { git = "http://github.com/alessandrod/aya", branch = "main" }
|
|
</code></pre>
|
|
<p>And finally, we must register the command in <code>xtask/src/main.rs</code>:</p>
|
|
<pre><code class="language-rust ignore">mod build_ebpf;
|
|
mod codegen;
|
|
|
|
use std::process::exit;
|
|
|
|
use structopt::StructOpt;
|
|
#[derive(StructOpt)]
|
|
pub struct Options {
|
|
#[structopt(subcommand)]
|
|
command: Command,
|
|
}
|
|
|
|
#[derive(StructOpt)]
|
|
enum Command {
|
|
BuildEbpf(build_ebpf::Options),
|
|
Codegen,
|
|
}
|
|
|
|
fn main() {
|
|
let opts = Options::from_args();
|
|
|
|
use Command::*;
|
|
let ret = match opts.command {
|
|
BuildEbpf(opts) => build_ebpf::build(opts),
|
|
Codegen => codegen::generate(),
|
|
};
|
|
|
|
if let Err(e) = ret {
|
|
eprintln!("{:#}", e);
|
|
exit(1);
|
|
}
|
|
}
|
|
</code></pre>
|
|
<p>Once we've generated our file using <code>cargo xtask codegen</code> from the root of the project.</p>
|
|
<p>These can then be accessed from within <code>myapp-ebpf/src/main.rs</code>:</p>
|
|
<pre><code class="language-rust ignore">mod bindings;
|
|
use bindings::{ethhdr, iphdr};
|
|
</code></pre>
|
|
<h3 id="getting-packet-data-from-the-context"><a class="header" href="#getting-packet-data-from-the-context">Getting Packet Data From The Context</a></h3>
|
|
<p>The <code>XdpContext</code> contains two fields, <code>data</code> and <code>data_end</code>.
|
|
<code>data</code> is a pointer to the start of the data in kernel memory and <code>data_end</code>, a pointer to the end of the data in kernel memory. In order to access this data and ensure that the eBPF verifier is happy, we'll introduce a helper function:</p>
|
|
<pre><code class="language-rust ignore">#[inline(always)]
|
|
unsafe fn ptr_at<T>(ctx: &XdpContext, offset: usize) -> Result<*const T, ()> {
|
|
let start = ctx.data();
|
|
let end = ctx.data_end();
|
|
let len = mem::size_of::<T>();
|
|
|
|
if start + offset + len > end {
|
|
return Err(());
|
|
}
|
|
|
|
Ok((start + offset) as *const T)
|
|
}
|
|
</code></pre>
|
|
<p>This function will ensure that before we access any data, we check that it's contained between <code>data</code> and <code>data_end</code>.
|
|
It is marked as <code>unsafe</code> because when calling the function, you must ensure that there is a valid <code>T</code> at that location or there will be undefined behaviour.</p>
|
|
<h3 id="writing-data-to-the-map"><a class="header" href="#writing-data-to-the-map">Writing Data To The Map</a></h3>
|
|
<p>With our helper function in place, we can:</p>
|
|
<ol>
|
|
<li>Read the Ethertype field to check if we have an IPv4 packet.</li>
|
|
<li>Read the IPv4 Source Address from the IP header</li>
|
|
</ol>
|
|
<p>First let's add another dependency on <code>memoffset = "0.6"</code> to <code>myapp-ebpf/Cargo.toml</code>, and then we'll change our <code>try_xdp_firewall</code> function to look like this:</p>
|
|
<pre><code class="language-rust ignore">use memoffset::offset_of;
|
|
|
|
fn try_xdp_firewall(ctx: XdpContext) -> Result<u32, ()> {
|
|
let h_proto = u16::from_be(unsafe { *ptr_at(&ctx, offset_of!(ethhdr, h_proto))? });
|
|
if h_proto != ETH_P_IP {
|
|
return Ok(xdp_action::XDP_PASS)
|
|
}
|
|
let source = u32::from_be(unsafe { *ptr_at(&ctx, ETH_HDR_LEN + offset_of!(iphdr, saddr))? });
|
|
|
|
let log_entry = PacketLog{
|
|
ipv4_address: source,
|
|
action: xdp_action::XDP_PASS,
|
|
};
|
|
unsafe { EVENTS.output(&ctx, &log_entry, 0); }
|
|
Ok(xdp_action::XDP_PASS)
|
|
}
|
|
</code></pre>
|
|
<blockquote>
|
|
<p>💡 <strong>HINT: Reading Fields Using <code>offset_of!</code></strong></p>
|
|
<p>As there is limited stack space, it's more memory efficient to use the <code>offset_of!</code> macro to read
|
|
a single field from a struct, rather than reading the whole struct and accessing the field by name.</p>
|
|
</blockquote>
|
|
<p>Once we have our IPv4 source address, we can create a <code>PacketLog</code> struct and output this to our PerfEventArray</p>
|
|
<h2 id="reading-data"><a class="header" href="#reading-data">Reading Data</a></h2>
|
|
<h3 id="going-async"><a class="header" href="#going-async">Going Async</a></h3>
|
|
<p>In order to read from the <code>AsyncPerfEventArray</code>, we have to call <code>AsyncPerfEventArray::open()</code> for each online CPU, then we have to poll the file descriptor for events.
|
|
While this is do-able using <code>PerfEventArray</code> and <code>mio</code> or <code>epoll</code>, the code is much less easy to follow. Instead, we'll use <code>tokio</code> to make our user-space application async.</p>
|
|
<p>Let's add some dependencies to <code>myapp/src/Cargo.toml</code>:</p>
|
|
<pre><code class="language-toml">[dependencies]
|
|
aya = { git = "https://github.com/alessandrod/aya", branch="main", features=["async_tokio"] }
|
|
myapp-common = { path = "../myapp-common", features=["userspace"] }
|
|
anyhow = "1.0.42"
|
|
bytes = "1"
|
|
tokio = { version = "1.9.0", features = ["full"] }
|
|
</code></pre>
|
|
<p>And adjust our <code>myapp/src/main.rs</code> to look like this:</p>
|
|
<pre><code class="language-rust ignore">use aya::{
|
|
maps::perf::AsyncPerfEventArray,
|
|
programs::{Xdp, XdpFlags},
|
|
util::online_cpus,
|
|
Bpf,
|
|
};
|
|
use bytes::BytesMut;
|
|
use std::{
|
|
convert::{TryFrom, TryInto},
|
|
env, fs, net,
|
|
};
|
|
use tokio::{signal, task};
|
|
|
|
use myapp_common::PacketLog;
|
|
|
|
#[tokio::main]
|
|
async fn main() -> Result<(), anyhow::Error> {
|
|
let path = match env::args().nth(1) {
|
|
Some(iface) => iface,
|
|
None => panic!("not path provided"),
|
|
};
|
|
let iface = match env::args().nth(2) {
|
|
Some(iface) => iface,
|
|
None => "eth0".to_string(),
|
|
};
|
|
|
|
let data = fs::read(path)?;
|
|
let mut bpf = Bpf::load(&data, None)?;
|
|
|
|
let probe: &mut Xdp = bpf.program_mut("xdp")?.try_into()?;
|
|
probe.load()?;
|
|
probe.attach(&iface, XdpFlags::default())?;
|
|
|
|
let mut perf_array = AsyncPerfEventArray::try_from(bpf.map_mut("EVENTS")?)?;
|
|
|
|
for cpu_id in online_cpus()? {
|
|
let mut buf = perf_array.open(cpu_id, None)?;
|
|
task::spawn(async move {
|
|
let mut buffers = (0..10)
|
|
.map(|_| BytesMut::with_capacity(1024))
|
|
.collect::<Vec<_>>();
|
|
|
|
loop {
|
|
let events = buf.read_events(&mut buffers).await.unwrap();
|
|
for i in 0..events.read {
|
|
let buf = &mut buffers[i];
|
|
let ptr = buf.as_ptr() as *const PacketLog;
|
|
let data = unsafe { ptr.read_unaligned() };
|
|
let src_addr = net::Ipv4Addr::from(data.ipv4_address);
|
|
println!("LOG: SRC {}, ACTION {}", src_addr, data.action);
|
|
}
|
|
}
|
|
});
|
|
}
|
|
signal::ctrl_c().await.expect("failed to listen for event");
|
|
Ok::<_, anyhow::Error>(())
|
|
}
|
|
</code></pre>
|
|
<p>This will now spawn a <code>tokio::task</code> to read each of the <code>AsyncPerfEventArrayBuffers</code> contained in out <code>AsyncPerfEventArray</code>.
|
|
When we receive an event, we use <code>read_unaligned</code> to read our data into a <code>PacketLog</code>.
|
|
We then use <code>println!</code> to log the event to the console.
|
|
We no longer need to sleep, as we run until we receive the <code>CTRL+C</code> signal.</p>
|
|
<h2 id="running-the-program"><a class="header" href="#running-the-program">Running the program</a></h2>
|
|
<pre><code class="language-console">$ cargo build
|
|
$ cargo xtask build-ebpf
|
|
$ sudo ./target/debug/myapp ./target/bpfel-unknown-none/debug/myapp wlp2s0
|
|
LOG: SRC 192.168.1.205, ACTION 2
|
|
LOG: SRC 192.168.1.21, ACTION 2
|
|
LOG: SRC 192.168.1.21, ACTION 2
|
|
LOG: SRC 18.168.253.132, ACTION 2
|
|
LOG: SRC 18.168.253.132, ACTION 2
|
|
LOG: SRC 18.168.253.132, ACTION 2
|
|
LOG: SRC 140.82.121.6, ACTION 2
|
|
</code></pre>
|
|
|
|
</main>
|
|
|
|
<nav class="nav-wrapper" aria-label="Page navigation">
|
|
<!-- Mobile navigation buttons -->
|
|
<a rel="prev" href="../start/hello-xdp.html" class="mobile-nav-chapters previous" title="Previous chapter" aria-label="Previous chapter" aria-keyshortcuts="Left">
|
|
<i class="fa fa-angle-left"></i>
|
|
</a>
|
|
<div style="clear: both"></div>
|
|
</nav>
|
|
</div>
|
|
</div>
|
|
|
|
<nav class="nav-wide-wrapper" aria-label="Page navigation">
|
|
<a rel="prev" href="../start/hello-xdp.html" class="nav-chapters previous" title="Previous chapter" aria-label="Previous chapter" aria-keyshortcuts="Left">
|
|
<i class="fa fa-angle-left"></i>
|
|
</a>
|
|
</nav>
|
|
|
|
</div>
|
|
|
|
<script type="text/javascript">
|
|
window.playground_copyable = true;
|
|
</script>
|
|
<script src="../elasticlunr.min.js" type="text/javascript" charset="utf-8"></script>
|
|
<script src="../mark.min.js" type="text/javascript" charset="utf-8"></script>
|
|
<script src="../searcher.js" type="text/javascript" charset="utf-8"></script>
|
|
<script src="../clipboard.min.js" type="text/javascript" charset="utf-8"></script>
|
|
<script src="../highlight.js" type="text/javascript" charset="utf-8"></script>
|
|
<script src="../book.js" type="text/javascript" charset="utf-8"></script>
|
|
|
|
<!-- Custom JS scripts -->
|
|
</body>
|
|
</html>
|