Fork me on GitHub

Herr Knedel/Hal-hal hebat dengan kontainer: Remark42 adalah solusi komentar saya

Created Sat, 19 Jun 2021 00:00:00 +0000 Modified Sat, 01 Oct 2022 10:39:04 +0000 Schwierigkeitsgrad: Für jeden machbar

189 Words

Jika Anda menjalankan blog Anda sebagai situs statis, Anda mungkin menginginkan layanan mikro/vertikal yang menyediakan fungsi komentar dinamis. Blog ini, misalnya, direalisasikan dalam HUGO, sebuah “generator situs web” yang ditulis dalam GO untuk konten Markdown, dalam kasus saya, saya mengadaptasi file Docker Compose ini untuk saya dan memulainya dengan “docker-compose -f compose.yml up -d”. Saya telah menyimpan kunci API untuk autentikasi dengan Google dan Facebook. Saya juga memasukkan pengaturan server email untuk interaksi dengan pembaca.

version: '2'

services:
    remark:

        image: umputun/remark42:latest
        container_name: "remark42"
        restart: always

        logging:
          driver: json-file
          options:
              max-size: "10m"
              max-file: "5"

        ports:
          - "8050:8080"   

        environment:
            - REMARK_URL=https://www.christian-knedel.de/comments/ 
            - "SECRET=secret"          
            - SITE=www.adresse.de 
            - STORE_BOLT_PATH=/srv/var/db
            - BACKUP_PATH=/srv/var/backup

        volumes:
            - ./data:/srv/var

Setelah konfigurasi, layanan siap digunakan dan dapat diintegrasikan ke dalam situs web:

<script>
  var remark_config = {
    host: "https://www.christian-knedel.de/comments", 
    site_id: 'www.christian-knedel.de',
    components: ['embed'], 
    max_shown_comments: 10,
    theme: 'dark',
    locale: 'de',
    show_email_subscription: false
  };
</script>
<script>
  (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';
      s.defer = true;
      (d.head || d.body).appendChild(s);
    }
  })(remark_config.components || ['embed']);
</script>

<br>
<hr>
<br>
<div id="remark42"></div>

Dan seperti inilah penampilan Remark42: