-
Notifications
You must be signed in to change notification settings - Fork 4
/
Copy pathindex.html
130 lines (122 loc) · 5.34 KB
/
index.html
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
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Open-source comments</title>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link href="https://lisakov.com/favicon.ico" rel="icon">
<script src="js/jquery-3.3.1.min.js"></script>
<script src="js/jquery.dataTables.min.js"></script>
<script src="js/dataTables.buttons.min.js"></script>
<script src="js/buttons.colVis.min.js"></script>
<!-- <script src="js/dataTables.fixedColumns.min.js"></script> -->
<script src="js/dataTables.searchHighlight.min.js"></script>
<script src="js/jquery.highlight.js"></script>
<link rel="stylesheet" href="css/buttons.dataTables.css" media="screen" type="text/css">
<link rel="stylesheet" href="css/jquery.dataTables.min.css" media="screen" type="text/css">
<!-- <link rel="stylesheet" href="css/fixedColumns.dataTables.min.css" media="screen" type="text/css"> -->
<link rel="stylesheet" href="css/osc.css" media="screen" type="text/css">
</head>
<body>
<div class="preamble"><h1>Open-source self-hosted comments for a static website</h1>
<p>This comparison table is inspired by
<a href="http://staticsitegenerators.net/">staticsitegenerators.net</a>. Contribute at
<a href="https://github.com/pozitron57/open-source-comments">github</a> —
add the missing data. Github-related data (stars, open issues + PR, etc.)
are updated daily automatically. Want different columns? Noted a bug? Submit
an <a href="https://github.com/pozitron57/open-source-comments/issues/new">issue</a>.</p>
<h2>What’s wrong with Disqus</h2>
<p>Disqus loads absurd amount of tracking services, which exposes your visitors’
personal data and significantly increases loading time. See, e.g.,
<a href="http://donw.io/post/github-comments/#what-s-wrong-with-disqus">this post</a>.</p>
<h2>What’s not covered here</h2>
<p>For a static website, one usually wants a lightweight commenting server with
as little dependencies as possible. Few commenting engines listed on the page
are provided by heavy applications (e.g.,
<a href="https://github.com/discourse/discourse">discourse</a>,
<a href="https://github.com/debiki/talkyard">talkyard</a>), but the majority are
relatively lightweight applications designed specifically to provide
comments for the static pages.</p>
<p>This page prioritizes information on self-hosted comments. However, there
are other open-source solutions, including implementations of third-party
services (e.g., Github issues, such as
<a href="https://github.com/imsun/gitment">[1]</a>,
<a href="https://github.com/gitalk/gitalk">[2]</a>,
<a href="https://github.com/Blankj/awesome-comment">[3]</a>,
<a href="https://github.com/utterance/utterances">[4]</a>).</p>
<p>There are also <a href="https://github.com/linkeddata/dokieli">dokieli</a> and
<a href="https://web.hypothes.is/">hypothesis</a>, that provide annotation-like
functinality.</p>
<p>Also, there is an
<a href="https://github.com/tessalt/echo-chamber-js">echo-chamber</a>.</p>
<blockquote>
<p>When a user submits a comment, echochamber.js will save the comment to the
user's LocalStorage, so when they return to the page, they can be
confident that their voice is being heard, and feel engaged with your very
engaging content. It does not make any HTTP requests. Since LocalStorage
is only local, you and your database need not be burdened with other
people's opinions.</p>
</blockquote>
<h2>Stars vs. time</h2>
<p>The figure below shows some of the top competitors except for Discourse (as
it's not just a light commenting server like others). The figure is useful to
indirectly estimate how active the project is.</p>
<a href="stars-v-date.png">
<img src="stars-v-date.png" alt="Plot stars vs. time" width="800px" />
</a>
<h2>Choose columns to show</h2>
</div>
<table id="results" class="display" style="width:100%"></table>
<script src="data.js"></script>
<script>
$(document).ready(function() {
$('#results').DataTable({
pageLength: -1,
lengthMenu: [ [5, 10, 20, -1], [5, 10, 20, "All"] ],
dom: 'Blftipr',
paging:true,
data:osc_data,
columns:cols,
order:[[0,"desc"]],
searchHighlight: true,
info:true,
scrollX:true,
searching:true,
buttons: [
{extend: 'columnsToggle'},
{extend: 'colvisGroup', text: 'Show all columns', show: ':hidden'},
'colvisRestore'],
columnDefs: [
{ "type": "num", "targets": 1 },
{targets: "_all", className: "dt-center"},
{ "visible": false,
"targets": [
4,6,7,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
]
},
],
});
});
</script>
<script data-isso="https://comments.lisakov.com/"
data-isso-lang="en"
data-isso-reply-notifications="true"
src="https://comments.lisakov.com/js/embed.min.js">
</script>
<div class="isso-comments"><h2>Share your experience</h2>
<p>Please share your experience if you are using one of the commenting systems
listed in the table. Write a short summary and provide your "Likes" and
"Dislikes" to help others to decide which commenting system suits them
best.</p>
<section id="isso-thread"></section>
</div>
<footer>
<p>Powered by
<a href="https://www.datatables.net">DataTables</a> and
<a href="https://posativ.org/isso">Isso</a><br>
Last updated: 2025-01-20 <br>
© S. Lisakov</p>
</footer>
</body>
</html>