60 lines
1.5 KiB
Plaintext
60 lines
1.5 KiB
Plaintext
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width,initial-scale=1">
|
|
<title>remark42 counter</title>
|
|
|
|
<style>
|
|
body {
|
|
padding: 0;
|
|
margin: 0;
|
|
}
|
|
|
|
.container {
|
|
max-width: 800px;
|
|
margin: 40px;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div class="container">
|
|
<p>
|
|
First counter with url from data-attribute:
|
|
<span class="remark42__counter" data-url="https://remark42.com/demo/"></span>
|
|
(<a href="http://127.0.0.1:8080/web/" target="_blank">note</a>)
|
|
</p>
|
|
|
|
<p>
|
|
Second counter with url from global remark config:
|
|
<span class="remark42__counter"></span>
|
|
(<a href="http://127.0.0.1:8080/web/" target="_blank">note</a>)
|
|
</p>
|
|
|
|
<p>
|
|
If it can't get url from data-attribute or remark config, it will try to use window.location.href for it.
|
|
</p>
|
|
</div>
|
|
|
|
<script>
|
|
var remark_config = {
|
|
site_id: 'remark',
|
|
host: '<%= htmlWebpackPlugin.options.remarkUrl %>',
|
|
url: 'https://remark42.com/demo/',
|
|
components: ['counter']
|
|
};
|
|
|
|
(function(c) {
|
|
for(var i = 0; i < c.length; i++){
|
|
var d = document, s = d.createElement('script');
|
|
s.src = remark_config.host + '/web/' +c[i] +'.js';
|
|
(d.head || d.body).appendChild(s);
|
|
}
|
|
})(remark_config.components || ['embed']);
|
|
</script>
|
|
<noscript>
|
|
Please enable JavaScript to view the comments powered by Remark.
|
|
</noscript>
|
|
</body>
|
|
</html>
|