安裝 Tampermonkey 後，點 Raw 下載→→→→→→→→→→→→→→→→→→→→→→→→→→→→→→→→→→→→→→→→→→→→→→→→↘

slido-mark-as-read.user.js

// ==UserScript==
// @name         slido mark as read
// @namespace    https://flandre.tw
// @version      0.0.2
// @description  Add "mark as read" function to slido question
// @author       FlandreDaisuki
// @match        https://app.sli.do/event/*
// @require      https://unpkg.com/[email protected]/dist/winkblue.umd.js
// @icon         https://www.google.com/s2/favicons?sz=64&domain=sli.do
// @grant        none
// ==/UserScript==

/* global winkblue */
winkblue.on('[data-testid="question-list-item"]', (questionListItemEl) => {
  console.log(questionListItemEl);
  const questionHeaderEl = questionListItemEl.querySelector('.question-item__header-center');
  const labelEl = document.createElement('label');
  labelEl.innerHTML = `<input type="checkbox">`;
  questionHeaderEl.insertAdjacentElement('afterend', labelEl);
});

winkblue.on('.question-form-ui + .content-header', (contentHeaderEl) => {
  contentHeaderEl.insertAdjacentHTML('afterend', `
    <label style="display: block; text-align: right;">
    隱藏已讀
    <input type="checkbox" id="hide-all-read">
    </label>
  `);
});

document.body.insertAdjacentHTML('beforeend', `
<style>
[data-testid="question-list-item"]:has(label > input:checked) .question-item__body {
  opacity: 0.3;
  text-decoration-line: line-through;
}
#live-tabpanel-questions:has(input#hide-all-read:checked) [data-testid="question-list-item"]:has(label > input:checked) {
  display: none;
}
</style>
`);