bonartm / hugo-quiz Goto Github PK
View Code? Open in Web Editor NEWA custom hugo shortcode for interactive quizzes
Home Page: https://bonartm.github.io/hugo-quiz/
License: MIT License
A custom hugo shortcode for interactive quizzes
Home Page: https://bonartm.github.io/hugo-quiz/
License: MIT License
Dear valuable contributor,
I am creating the quiz for my site. The only issue is we could not support multi-answer for the question (can choose multiple answer for one question). Can you please help to update and share it with many many thanks?
Regards,
Viet
This would make installation workflow much more convinient. Checkout https://gohugo.io/hugo-modules/theme-components/ for this
Hello
Thanks for hugo and js scrips. Pretty cool !
Do you have any idea about a special needs:
I would like to do not display the scores to the candidate or any people.
The teacher or "admin" are only the person authorized to display the scores. It should be by sent mail ou just a thru a web page.
Thanks for your ideas !
Cheers
Hello,
I successfully integrated 'hugo-quiz' into my website. However, I encountered an issue I'd like to address. Despite using Hugo without minification for the quiz-specific pages, I faced corruption problems in the production environment due to the CDN (CloudFlare).
I resolved this by configuring CloudFlare "Page Rules" to disable "Performance" for these pages.
However, I believe it would be more effective if this issue could be resolved on your end. Perhaps allowing the option to pass a JSON array with the questions instead of relying on Markdown could be a viable solution.
I would like to see a "Back" button starting with question 2 in a quiz - in case you realize that you've made a mistake in a previous answer.
Hi @bonartm
Where do I set the options for shuffling questions /others?
https://github.com/bonartm/quizdown-js/blob/main/docs/options.md
hi there, one thing I do not get. From where should I install (and to where) the "quizdown.js". Cannot find it. Or can't I see it. Or am I to stupid - it is already quick later here.
Hello,
Thanks for hugo quiz.
first of all, I want to say that I am a beginner and I have perhaps missed something. I also want to state that I am not able to determine whether my problem is due to hugo-quiz or blogdown.
I have tried to install hugo-quiz using blogdown (from Rstudio team).
Here are the steps that I have followed:
Firstly, create blogdown with the hugo-theme-learn
This step works.
Secondly Try to modify some content
I have created new md files, and Rmarkdown files.
This step works.
Thirdly
I have added the custom-header.html file in the directory ./layouts/partials/custom-header.html
and the "quidown.html" file in the ./layouts/shortcodes
I run the local server. It works.
Fourthly
I add a markdown file with a quiz in the directory :
./content/basics/Statistiques/Quizz
I first added the file while the local server was on. I could have a quiz.
However, when I stopped the server and try to serve anew the site, it does not work anymore and I receive an error message instead.
".\content\basics\Statistiques\Quizz\index.md:1:1": unable to process menus for page "basics\\Statistiques\\Quizz\\index.md": invalid character 's' looking for beginning of value
Rebuild failed:
Logged 1 error(s)
I have tried several things :
The file name is "index.md"
The content of the file is exactly:
---
title: "quizz test"
author: "NS"
date: "27/05/2022"
categories: ["R"]
tags: ["R Markdown", "Introduction", "Généralités"]
draft: false
images: []
menu:
docs:
parent: "statistiques"
weight: 100
---
# Hugo Quiz
{{< quizdown >}}
---
primary_color: orange
secondary_color: lightgray
text_color: black
shuffle_questions: false
---
## The sound of dog
---
shuffle_answers: false
---
What do dogs sound like?
> Some hint
- [ ] yes
- [ ] no
- [ ] `self.sound = "meow"`
- [x] wuff
## Put the [days](https://en.wikipedia.org/wiki/Day) in order!
> Monday is the *first* day of the week.
1. Monday
2. Tuesday
3. Wednesday
4. Friday
5. Saturday
{{< /quizdown >}}
(Sorry for my ignorance, this is the first time I hear of hugo, so I might be missing something totally obvious)
With current master when I:
cd demo
hugo server -D
the server starts, but serves an empty page:
$ wget -qO- "http://localhost:1313/hugo-quiz/"
<pre>
</pre>
I don't know why, but cdn.jsdelivr.net always responds with 200 (full load) instead of 304 (Not Modified) - so, JavaScript is not cached at all; it hugely impacts performance.
I use this in my Hugo "head" as per instructions:
{{/* Put custom HTML markup before the end of <head>. */}}
<script
src="https://cdn.jsdelivr.net/npm/quizdown@latest/public/build/quizdown.js">
</script>
<script
src="https://cdn.jsdelivr.net/npm/quizdown@latest/public/build/extensions/quizdownKatex.js">
</script>
<script
src="https://cdn.jsdelivr.net/npm/quizdown@latest/public/build/extensions/quizdownHighlight.js">
</script>
<script>quizdown.register(quizdownHighlight).register(quizdownKatex).init()</script>
Hi!
It would be great, if the quiz would allow to show explanations when a wrong answer was chosen.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.