Skip to content
Snippets Groups Projects

Compare revisions

Changes are shown as if the source revision was being merged into the target revision. Learn more about comparing revisions.

Source

Select target project
No results found

Target

Select target project
No results found
Show changes
Commits on Source (29)
Hide whitespace changes
Inline Side-by-side
Showing
with 335 additions and 420 deletions
README.md
View file @ f9d6c09c
![Build Status](https://gitlab.com/pages/hugo/badges/master/build.svg)
![](https://licensebuttons.net/l/by-nc-sa/4.0/88x31.png)
![](https://img.shields.io/badge/license-AGPL3.0-informational?logo=gnu&color=important)
---
Example [Hugo] website using GitLab Pages.
Learn more about GitLab Pages at https://pages.gitlab.io and the official
documentation https://docs.gitlab.com/ce/user/project/pages/.
---
<!-- START doctoc generated TOC please keep comment here to allow auto update -->
<!-- DON'T EDIT THIS SECTION, INSTEAD RE-RUN doctoc TO UPDATE -->
**Table of Contents** *generated with [DocToc](https://github.com/thlorenz/doctoc)*
- [GitLab CI](#gitlab-ci)
- [Building locally](#building-locally)
- [GitLab User or Group Pages](#gitlab-user-or-group-pages)
- [Did you fork this project?](#did-you-fork-this-project)
- [Troubleshooting](#troubleshooting)
<!-- END doctoc generated TOC please keep comment here to allow auto update -->
## GitLab CI
This project's static Pages are built by [GitLab CI][ci], following the steps
defined in [`.gitlab-ci.yml`](.gitlab-ci.yml).
Ceci est un exemple de site web construit grâce à [Hugo](https://gohugo.io) et à [GitLab Pages](https://about.gitlab.com/features/pages/).
## Building locally
L'adresse du site web construit est la suivante : https://misha.pages.unistra.fr/hugo/ .
To work locally with this project, you'll have to follow the steps below:
La documentation officielle d'Hugo se trouve [à cette adresse](https://gohugo.io/documentation/).
Vous pouvez en apprendre davantage sur les GitLab Pages [sur cette page](https://pages.gitlab.io) ; la documentation officielle se trouve [à cette adresse](https://docs.gitlab.com/ce/user/project/pages/).
1. Fork, clone or download this project
1. [Install][] Hugo
1. Preview your project: `hugo server`
1. Add content
1. Generate the website: `hugo` (optional)
Read more at Hugo's [documentation][].
### Preview your site
If you clone or download this project to your local computer and run `hugo server`,
your site can be accessed under `localhost:1313/hugo/`.
The theme used is adapted from http://themes.gohugo.io/beautifulhugo/.
## GitLab User or Group Pages
---
To use this project as your user/group website, you will need one additional
step: just rename your project to `namespace.gitlab.io`, where `namespace` is
your `username` or `groupname`. This can be done by navigating to your
project's **Settings**.
### Créer votre propre site
You'll need to configure your site too: change this line
in your `config.toml`, from `"https://pages.gitlab.io/hugo/"` to `baseurl = "https://namespace.gitlab.io"`.
Proceed equally if you are using a [custom domain][post]: `baseurl = "http(s)://example.com"`.
Pour créer très simplement votre propre site web, suivez les étapes suivantes :
Read more about [user/group Pages][userpages] and [project Pages][projpages].
1. Faites un clone de ce dépôt en un nouveau dépôt vous appartenant, que vous nommerez par exemple `hugo`, ou le nom de votre projet.
Pour cela, cliquez sur le bouton « _fork_ » en haut à droite de cette page, ou sur [ce lien](https://git.unistra.fr/misha/hugo/-/forks/new).
2. **Ne lisez pas la suite de ce texte ici !** Allez la lire sur votre dépôt à vous.
3. Modifiez la première ligne du fichier `config.yaml`.
Corrigez l'adresse web qui s'y trouve (originellement `https://misha.pages.unistra.fr/hugo/`) en fonction de ce que vous avez indiqué à l'étape 1.
Par exemple, si vous vous appelez `moi` et avez nommé votre dépôt `hugo`, il vous faut indiquer `https://moi.pages.unistra.fr/hugo/`.
4. C'est tout ! Votre site est en ligne à l'adresse que vous venez de renseigner ! Au cas où, elle est indiquée aussi sur [cette page](../../../pages).
## Did you fork this project?
---
If you forked this project for your own use, please go to your project's
**Settings** and remove the forking relationship, which won't be necessary
unless you want to contribute back to the upstream project.
### Aller plus loin
## Troubleshooting
* Le fichier `content/_index.md` correspond à la page d'accueil de votre site.
Comme tous les fichiers se terminant par `.md`, c'est un [fichier Markdown](https://docs.framasoft.org/fr/grav/markdown.html).
* Chaque fichier du répertoire `content/page` correspond à une page « statique » de votre site.
* Chaque fichier du répertoire `content/post` correspond à un article de blog de votre site.
* Le [fichier YAML](https://fr.wikipedia.org/wiki/YAML) `config.yaml` contient les paramètres de configuration de votre site.
* Le fichier `README.md` correspond à ce que vous êtes en train de lire.
1. CSS is missing! That means two things:
---
Either that you have wrongly set up the CSS URL in your templates, or
your static generator has a configuration option that needs to be explicitly
set in order to serve static assets under a relative URL.
### Qui je suis ?
[ci]: https://about.gitlab.com/gitlab-ci/
[hugo]: https://gohugo.io
[install]: https://gohugo.io/overview/installing/
[documentation]: https://gohugo.io/overview/introduction/
[userpages]: http://doc.gitlab.com/ee/pages/README.html#user-or-group-pages
[projpages]: http://doc.gitlab.com/ee/pages/README.html#project-pages
[post]: https://about.gitlab.com/2016/04/07/gitlab-pages-setup/#custom-domains
Moi, c'est [Régis Witz](https://orcid.org/0000-0002-8064-0977). Enchanté ! ʕᵔᴥᵔʔ
config.toml deleted 100644 → 0
View file @ b6a11977
baseurl = "https://pages.gitlab.io/hugo/"
contentdir = "content"
layoutdir = "layouts"
publishdir = "public"
title = "Beautiful Hugo"
canonifyurls = true
DefaultContentLanguage = "en"
theme = "beautifulhugo"
metaDataFormat = "yaml"
pygmentsUseClasses = true
pygmentCodeFences = true
#disqusShortname = "XXX"
#googleAnalytics = "XXX"
[Params]
subtitle = "Hugo Blog Template for GitLab Pages"
logo = "img/avatar-icon.png"
favicon = "img/favicon.ico"
dateFormat = "January 2, 2006"
commit = false
rss = true
comments = true
# gcse = "012345678901234567890:abcdefghijk" # Get your code from google.com/cse. Make sure to go to "Look and Feel" and change Layout to "Full Width" and Theme to "Classic"
#[[Params.bigimg]]
# src = "img/triangle.jpg"
# desc = "Triangle"
#[[Params.bigimg]]
# src = "img/sphere.jpg"
# desc = "Sphere"
#[[Params.bigimg]]
# src = "img/hexagon.jpg"
# desc = "Hexagon"
[Author]
name = "Some Person"
email = "youremail@domain.com"
facebook = "username"
googleplus = "+username" # or xxxxxxxxxxxxxxxxxxxxx
gitlab = "username"
github = "username"
twitter = "username"
reddit = "username"
linkedin = "username"
xing = "username"
stackoverflow = "users/XXXXXXX/username"
snapchat = "username"
instagram = "username"
youtube = "user/username" # or channel/channelname
soundcloud = "username"
spotify = "username"
bandcamp = "username"
itchio = "username"
keybase = "username"
[[menu.main]]
name = "Blog"
url = ""
weight = 1
[[menu.main]]
name = "About"
url = "page/about/"
weight = 3
[[menu.main]]
identifier = "samples"
name = "Samples"
weight = 2
[[menu.main]]
parent = "samples"
name = "Big Image Sample"
url = "post/2017-03-07-bigimg-sample"
weight = 1
[[menu.main]]
parent = "samples"
name = "Math Sample"
url = "post/2017-03-05-math-sample"
weight = 2
[[menu.main]]
parent = "samples"
name = "Code Sample"
url = "post/2016-03-08-code-sample"
weight = 3
[[menu.main]]
name = "Tags"
url = "tags"
weight = 3
config.yaml 0 → 100644
View file @ f9d6c09c
baseURL: "https://misha.pages.unistra.fr/hugo/"
contentdir: "content"
layoutdir: "layouts"
publishdir: "public"
canonifyURLs: true
#relativeURLs: true
#uglyURLs: true
theme: "beautifulhugo"
metaDataFormat: "yaml"
pygmentsUseClasses: true
pygmentCodeFences: true
params:
logo: "img/avatar-icon.png"
favicon: "img/favicon.ico"
commit: false
rss: true
comments: true
# bigimg:
# - src: "img/triangle.jpg"
# desc: "Triangle"
# - src: "img/sphere.jpg"
# desc: "Sphere"
# - src: "img/hexagon.jpg"
# desc: "Hexagon"
author:
name: "Some Person"
email: "youremail@domain.com"
gitlab: "username"
twitter: "username"
reddit: "username"
linkedin: "username"
stackoverflow: "users/XXXXXXX/username"
snapchat: "username"
instagram: "username"
itchio: "username"
menu:
main:
- name: "Articles"
url: "post/"
weight: 1
- name: "À propos"
url: "page/about/"
weight: 3
- identifier: "samples"
name: "À la une"
weight: 2
- parent: "samples"
name: "Markdown"
url: "post/syntaxe-markdown"
weight: 1
- parent: "samples"
name: "Mathématiques"
url: "post/maths"
weight: 2
- parent: "samples"
name: "Programmation"
url: "post/code-source"
weight: 3
- name: "Catégories"
url: "tags"
weight: 3
defaultContentLanguage: "fr"
languages:
fr:
languageName: Français
weight: 1
title: "Je suis sur le web !"
subtitle: "J'étais capable de faire un site sans que je n'en susse rien ..."
params:
dateFormat: "2/1/2006"
en:
languageName: English
weight: 2
title: "I'm on the Interwebs!"
subtitle: "I was able to do it all along!"
params:
dateFormat: "2006-1-2"
disableLanguages:
- en
content/_index.md
View file @ f9d6c09c
## Front Page Content
## Bienvenue !
This website is powered by [GitLab Pages](https://about.gitlab.com/features/pages/)
/ [Hugo](https://gohugo.io) and can be built in under 1 minute.
Literally. It uses the `beautifulhugo` theme which supports content on your front page.
Edit `/content/_index.md` to change what appears here. Delete `/content/_index.md`
if you don't want any content here.
Ce site web est construit grâce à [Hugo](https://gohugo.io) et à [GitLab Pages](https://about.gitlab.com/features/pages/).
Il peut être construit très rapidement. Par vous !
Head over to the [GitLab project](https://gitlab.com/pages/hugo) to get started.
Comment ?
* Le fichier `content/_index.md` correspond à la page d'accueil de votre site, c'est à dire ce que vous êtes en train de lire.
Comme tous les fichiers se terminant par `.md`, c'est un [fichier Markdown](https://docs.framasoft.org/fr/grav/markdown.html).
* Chaque fichier du répertoire `content/page` correspond à une page « statique » de votre site.
* Chaque fichier du répertoire `content/post` correspond à un article de blog de votre site.
* Le [fichier YAML](https://fr.wikipedia.org/wiki/YAML) `config.yaml` contient les paramètres de configuration de votre site.
Pour plus de renseignements, rendez-vous sur ce [projet GitLab](https://git.unistra.fr/misha/hugo) !
content/page/about.md
View file @ f9d6c09c
---
title: About me
subtitle: Why you'd want to hang out with me
title: Ateliers en SHS
subtitle: Échanger, se former, découvrir
comments: false
---
My name is The Dude. I have the following qualities:
Ces Ateliers sont des rendez-vous mensuels pour que les chercheur·euse·s,
doctorant·e·s et étudiant·e·s, novices ou confirmé·e·s, puissent :
- I rock a great beard
- I'm extremely loyal to my friends
- I like bowling
- échanger sur les pratiques, méthodes et expériences
- discuter des humanités numériques
- se former aux outils
- découvrir les acteurs locaux et nationaux
That rug really tied the room together.
### En savoir plus
### my history
To be honest, I'm having some trouble remembering right now, so why don't you
just watch [my movie](https://en.wikipedia.org/wiki/The_Big_Lebowski) and it
will answer **all** your questions.
Les Ateliers sont organisés par la Plateforme « Humanités Numériques » (PHUN).
Rendez-vous sur [cette page](https://www.misha.fr/plateformes/phun) pour davantage d'informations.
content/post/2015-01-04-first-post.md deleted 100644 → 0
View file @ b6a11977
---
title: First post!
date: 2015-01-05
---
This is my first post, how exciting!
\ No newline at end of file
content/post/2015-01-15-pirates.md deleted 100644 → 0
View file @ b6a11977
---
title: Pirates arrrr
date: 2015-01-15
---
Piracy is typically an act of robbery or criminal violence at sea. The term can include acts committed on land, in the air, or in other major bodies of water or on a shore. It does not normally include crimes committed against persons traveling on the same vessel as the perpetrator (e.g. one passenger stealing from others on the same vessel). The term has been used throughout history to refer to raids across land borders by non-state agents.
\ No newline at end of file
content/post/2015-01-19-soccer.md deleted 100644 → 0
View file @ b6a11977
---
title: Soccer
subtitle: Best sport ever!
date: 2015-01-19
---
From Wikipedia:
Association football, more commonly known as football or soccer,[2] is a sport played between two teams of eleven players with a spherical ball. It is played by 250 million players in over 200 countries, making it the world's most popular sport.[3][4][5][6] The game is played on a rectangular field with a goal at each end. The object of the game is to score by getting the ball into the opposing goal.
The goalkeepers are the only players allowed to touch the ball with their hands or arms while it is in play and then only in their penalty area. Outfield players mostly use their feet to strike or pass the ball, but may use their head or torso to strike the ball instead. The team that scores the most goals by the end of the match wins. If the score is level at the end of the game, either a draw is declared or the game goes into extra time and/or a penalty shootout depending on the format of the competition. The Laws of the Game were originally codified in England by The Football Association in 1863. Association football is governed internationally by the International Federation of Association Football (FIFA; French: Fédération Internationale de Football Association) which organises a World Cup every four years.[7]
\ No newline at end of file
content/post/2015-01-27-dear-diary.md deleted 100644 → 0
View file @ b6a11977
---
title: Dear diary
date: 2015-01-27
---
What is it with that Mary girl? Dragging me to school every day. As if I had a choice. What you don't hear in those nursery rhymes is that she starves me if I don't go to school with her; it's the only way I can stay alive! I'm thinking about being adopted by Little Bo Peep, sure I may get lost, but anything is better than being with Mary and those little brats at school (shudder, shudder).
\ No newline at end of file
content/post/2015-02-13-hamlet-monologue.md deleted 100644 → 0
View file @ b6a11977
---
title: To be
subtitle: ... or not to be?
date: 2015-02-13
---
To be, or not to be--that is the question:
Whether 'tis nobler in the mind to suffer
The slings and arrows of outrageous fortune
Or to take arms against a sea of troubles
And by opposing end them. To die, to sleep--
No more--and by a sleep to say we end
The heartache, and the thousand natural shocks
That flesh is heir to. 'Tis a consummation
Devoutly to be wished. To die, to sleep--
To sleep--perchance to dream: ay, there's the rub,
For in that sleep of death what dreams may come
When we have shuffled off this mortal coil,
Must give us pause. There's the respect
That makes calamity of so long life.
For who would bear the whips and scorns of time,
Th' oppressor's wrong, the proud man's contumely
The pangs of despised love, the law's delay,
The insolence of office, and the spurns
That patient merit of th' unworthy takes,
When he himself might his quietus make
With a bare bodkin? Who would fardels bear,
To grunt and sweat under a weary life,
But that the dread of something after death,
The undiscovered country, from whose bourn
No traveller returns, puzzles the will,
And makes us rather bear those ills we have
Than fly to others that we know not of?
Thus conscience does make cowards of us all,
And thus the native hue of resolution
Is sicklied o'er with the pale cast of thought,
And enterprise of great pitch and moment
With this regard their currents turn awry
And lose the name of action. -- Soft you now,
The fair Ophelia! -- Nymph, in thy orisons
Be all my sins remembered.
\ No newline at end of file
content/post/2015-02-20-test-markdown.md deleted 100644 → 0
View file @ b6a11977
---
title: Test markdown
subtitle: Each post also has a subtitle
date: 2015-02-20
tags: ["example", "markdown"]
---
You can write regular [markdown](http://markdowntutorial.com/) here and Jekyll will automatically convert it to a nice webpage. I strongly encourage you to [take 5 minutes to learn how to write in markdown](http://markdowntutorial.com/) - it'll teach you how to transform regular text into bold/italics/headings/tables/etc.
**Here is some bold text**
## Here is a secondary heading
Here's a useless table:
| Number | Next number | Previous number |
| :------ |:--- | :--- |
| Five | Six | Four |
| Ten | Eleven | Nine |
| Seven | Eight | Six |
| Two | Three | One |
How about a yummy crepe?
![Crepe](http://s3-media3.fl.yelpcdn.com/bphoto/cQ1Yoa75m2yUFFbY2xwuqw/348s.jpg)
Here's a code chunk with syntax highlighting:
```javascript
var foo = function(x) {
return(x + 5);
}
foo(3)
```
content/post/2015-02-26-flake-it-till-you-make-it.md deleted 100644 → 0
View file @ b6a11977
---
title: Flake it till you make it
subtitle: Excerpt from Soulshaping by Jeff Brown
date: 2015-02-26
bigimg: [{src: "/img/path.jpg", desc: "Path"}]
---
Under what circumstances should we step off a path? When is it essential that we finish what we start? If I bought a bag of peanuts and had an allergic reaction, no one would fault me if I threw it out. If I ended a relationship with a woman who hit me, no one would say that I had a commitment problem. But if I walk away from a seemingly secure route because my soul has other ideas, I am a flake?
The truth is that no one else can definitively know the path we are here to walk. It’s tempting to listen—many of us long for the omnipotent other—but unless they are genuine psychic intuitives, they can’t know. All others can know is their own truth, and if they’ve actually done the work to excavate it, they will have the good sense to know that they cannot genuinely know anyone else’s. Only soul knows the path it is here to walk. Since you are the only one living in your temple, only you can know its scriptures and interpretive structure.
At the heart of the struggle are two very different ideas of success—survival-driven and soul-driven. For survivalists, success is security, pragmatism, power over others. Success is the absence of material suffering, the nourishing of the soul be damned. It is an odd and ironic thing that most of the material power in our world often resides in the hands of younger souls. Still working in the egoic and material realms, they love the sensations of power and focus most of their energy on accumulation. Older souls tend not to be as materially driven. They have already played the worldly game in previous lives and they search for more subtle shades of meaning in this one—authentication rather than accumulation. They are often ignored by the culture at large, although they really are the truest warriors.
A soulful notion of success rests on the actualization of our innate image. Success is simply the completion of a soul step, however unsightly it may be. We have finished what we started when the lesson is learned. What a fear-based culture calls a wonderful opportunity may be fruitless and misguided for the soul. Staying in a passionless relationship may satisfy our need for comfort, but it may stifle the soul. Becoming a famous lawyer is only worthwhile if the soul demands it. It is an essential failure if you are called to be a monastic this time around. If you need to explore and abandon ten careers in order to stretch your soul toward its innate image, then so be it. Flake it till you make it.
\ No newline at end of file
content/post/2016-03-08-code-sample.md deleted 100644 → 0
View file @ b6a11977
---
title: Code Sample
subtitle: Using Hugo or Pygments
date: 2016-03-08
tags: ["example", "code"]
---
The following are two code samples using syntax highlighting.
<!--more-->
The following is a code sample using triple backticks ( ``` ) code fencing provided in Hugo. This is client side highlighting and does not require any special installation.
```javascript
var num1, num2, sum
num1 = prompt("Enter first number")
num2 = prompt("Enter second number")
sum = parseInt(num1) + parseInt(num2) // "+" means "add"
alert("Sum = " + sum) // "+" means combine into a string
```
The following is a code sample using the "highlight" shortcode provided in Hugo. This is server side highlighting and requires Python and Pygments to be installed.
{{< highlight javascript >}}
var num1, num2, sum
num1 = prompt("Enter first number")
num2 = prompt("Enter second number")
sum = parseInt(num1) + parseInt(num2) // "+" means "add"
alert("Sum = " + sum) // "+" means combine into a string
{{</ highlight >}}
And here is the same code with line numbers:
{{< highlight javascript "linenos=inline">}}
var num1, num2, sum
num1 = prompt("Enter first number")
num2 = prompt("Enter second number")
sum = parseInt(num1) + parseInt(num2) // "+" means "add"
alert("Sum = " + sum) // "+" means combine into a string
{{</ highlight >}}
content/post/2017-03-07-bigimg-sample.md deleted 100644 → 0
View file @ b6a11977
---
title: Big Image Sample
subtitle: Using Multiple Images
date: 2017-03-07
tags: ["example", "bigimg"]
bigimg: [{src: "/img/triangle.jpg", desc: "Triangle"}, {src: "/img/sphere.jpg", desc: "Sphere"}, {src: "/img/hexagon.jpg", desc: "Hexagon"}]
---
The image banners at the top of the page are refered to as "bigimg" in this theme. They are optional, and one more more can be specified. If more than one is specified, the images rotate every 10 seconds. In the front matter, bigimgs are specified using an array of hashes.
<!--more-->
A single bigimg can be specified in the front matter by the following YAML:
```
bigimg: [{src: "/img/triangle.jpg", desc: "Triangle"}]
```
Multiple bigimgs can be specified in the front matter by the following YAML:
```
bigimg: [{src: "/img/triangle.jpg", desc: "Triangle"},
{src: "/img/sphere.jpg", desc: "Sphere"},
{src: "/img/hexagon.jpg", desc: "Hexagon"}]
```
Also note that the description field is optional, and images could instead be specified by:
```
bigimg: [{src: "/img/triangle.jpg"},
{src: "/img/sphere.jpg"},
{src: "/img/hexagon.jpg"}]
```
The above YAML array of hashes were written in "flow" style. However when generating a new page or post with `hugo new post/mypost.md`, hugo may interpret the archetype for bigimg in the default YAML style. Defining multiple bigimg's complete with descriptions in this style would be specified by:
```
bigimg:
- {src: "/img/triangle.jpg", desc: "Triangle"}
- {src: "/img/sphere.jpg", desc: "Sphere"}
- {src: "/img/hexagon.jpg", desc: "Hexagon"}
```
Additional information can be found [in this YAML tutorial](https://rhnh.net/2011/01/31/yaml-tutorial/).
\ No newline at end of file
content/post/2017-03-20-photoswipe-gallery-sample.md deleted 100644 → 0
View file @ b6a11977
---
title: Photoswipe Gallery Sample
subtitle: Making a Gallery
date: 2017-03-20
tags: ["example", "photoswipe"]
---
Beautiful Hugo adds a few custom shortcodes created by [Li-Wen Yip](https://www.liwen.id.au/heg/) and [Gert-Jan van den Berg](https://github.com/GjjvdBurg/HugoPhotoSwipe) for making galleries with [PhotoSwipe](http://photoswipe.com) .
{{< gallery caption-effect="fade" >}}
{{< figure thumb="-thumb" link="/img/hexagon.jpg" >}}
{{< figure thumb="-thumb" link="/img/sphere.jpg" caption="Sphere" >}}
{{< figure thumb="-thumb" link="/img/triangle.jpg" caption="Triangle" alt="This is a long comment about a triangle" >}}
{{< /gallery >}}
{{< load-photoswipe >}}
<!--more-->
## Example
The above gallery was created using the following shortcodes:
```
{{</* gallery caption-effect="fade" */>}}
{{</* figure thumb="-thumb" link="/img/hexagon.jpg" */>}}
{{</* figure thumb="-thumb" link="/img/sphere.jpg" caption="Sphere" */>}}
{{</* figure thumb="-thumb" link="/img/triangle.jpg" caption="Triangle" alt="This is a long comment about a triangle" */>}}
{{</* /gallery */>}}
{{</* load-photoswipe */>}}
```
## Usage
For full details please see the [hugo-easy-gallery GitHub](https://github.com/liwenyip/hugo-easy-gallery/) page. Basic usages from above are:
- Create a gallery with open and close tags `{{</* gallery */>}}` and `{{</* /gallery */>}}`
- `{{</* figure src="image.jpg" */>}}` will use `image.jpg` for thumbnail and lightbox
- `{{</* figure src="thumb.jpg" link="image.jpg" */>}}` will use `thumb.jpg` for thumbnail and `image.jpg` for lightbox
- `{{</* figure thumb="-small" link="image.jpg" */>}}` will use `image-small.jpg` for thumbnail and `image.jpg` for lightbox
- All the [features/parameters](https://gohugo.io/extras/shortcodes) of Hugo's built-in `figure` shortcode work as normal, i.e. src, link, title, caption, class, attr (attribution), attrlink, alt
- `{{</* gallery caption-effect="fade" */>}}` will fade in captions for all figures in this gallery instead of the default slide-up behavior
- Many gallery styles for captions and hover effects exist; view the [hugo-easy-gallery GitHub](https://github.com/liwenyip/hugo-easy-gallery/) for all options
- Call `{{</* load-photoswipe */>}}` **once** anywhere you want on each page where you want to use PhotoSwipe
\ No newline at end of file
content/post/citations.md 0 → 100644
View file @ f9d6c09c
---
title: Citer
subtitle: ... ou ne pas citer ?
date: 2022-01-11
tags: ["shakespeare", "markdown"]
---
Voilà comment il est possible de citer un passage d'une œuvre.
> To be, or not to be--that is the question,
> Whether 'tis nobler in the mind to suffer
> The slings and arrows of outrageous fortune,
> Or to take arms against a sea of troubles,
> And by opposing end them. To die, to sleep --
> No more -- and by a sleep to say we end
> The heartache, and the thousand natural shocks
> That flesh is heir to. 'Tis a consummation
> Devoutly to be wished. To die, to sleep !
>
> To sleep, perchance to dream, ay, there's the rub,
> For in that sleep of death what dreams may come
> When we have shuffled off this mortal coil
> Must give us pause. There's the respect
> That makes calamity of so long life.
>
> -- <cite>[William Shakespeare][1]</cite>
[1]: https://journals.openedition.org/palimpsestes/425?file=1
Évidemment, vous pouvez rajouter du texte après.
Vous pouvez aussi remarquer la manière de rajouter un lien directement dans la citation,
ainsi qu'une méta-donnée supplémentaire au début du fichier : `tags`, pour donner une ou plusieurs catégories à chacun de vos articles.
content/post/code-source.md 0 → 100644
View file @ f9d6c09c
---
title: Citer du code machine
subtitle: En utilisant Hugo ou Pygments
date: 2022-02-22
tags: ["exemple", "code"]
---
Vous pouvez aussi citer du code machine, par exemple du [Python](https://fr.wikipedia.org/wiki/Python_(langage)) ou du [R](https://fr.wikipedia.org/wiki/R_(langage)).
<!--more-->
Ci-dessous, un extrait de code en langage R, cité en le délimitant avec ` ``` `.
```r
mafonction <- function(arg1, arg2) {
# ... ici un peu de code ...
return(object)
}
sommedescarres <- function(x) {
return(sum(x^2)) # Renvoie la somme des carrés des éléments de x
}
```
Ci-dessous, le même code, cité en utilisant le shortcode `highlight`.
{{< highlight r >}}
mafonction <- function(arg1, arg2) {
# ... ici un peu de code ...
return(object)
}
sommedescarres <- function(x) {
return(sum(x^2)) # Renvoie la somme des carrés des éléments de x
}
{{</ highlight >}}
Ci-dessous, la même chose avec des numéros de ligne, et en langage Python :
{{< highlight python "linenos=inline">}}
def mafonction(arg1, arg2):
# ... ici un peu de code ...
return o
def sommedescarres(x):
return sum(x^2) # Renvoie la somme des carrés des éléments de x
{{</ highlight >}}
content/post/2017-03-05-math-sample.md → content/post/maths.md
View file @ f9d6c09c
---
title: Math Sample
subtitle: Using KaTeX
date: 2017-03-05
tags: ["example", "math"]
title: Formules mathématiques
subtitle: En utilisant KaTeX
date: 2022-02-20
tags: ["exemple", "math"]
---
KaTeX can be used to generate complex math formulas. It supports in-line math using the `\\( ... \\)` delimiters, like this: \\( E = mc^2 \\). By default, it does *not* support in-line delimiters `$...$` because those occur too commonly in typical webpages. It supports displayed math using the `$$` or `\\[...\\]` delimiters, like this:
Des formules mathématiques complexes peuvent être affichées en utilisant le module KaTeX.
Formula 1:
<!--more-->
Vous pouvez insérer une formule directement dans le texte, en utilisant la syntaxe `\\( ... \\)`, comme ceci : \\( E = mc^2 \\).
Vous pouvez afficher des formules plus volumineuses en les encadrant de `$$` ou de `\\[...\\]`, comme ceci :
Première méthode :
$$
\phi = \frac{(1+\sqrt{5})}{2} = 1.6180339887\cdots
$$
Formula 2: (same formula, different delimiter)
Seconde méthode : (même formule, syntaxe différente)
\\[
\phi = \frac{(1+\sqrt{5})}{2} = 1.6180339887\cdots
\\]
Additional details can be found on [GitHub](https://github.com/Khan/KaTeX) or on the [Wiki](http://tiddlywiki.com/plugins/tiddlywiki/katex/).
<!--more-->
Pour en savoir plus, consultez [ce wiki](http://tiddlywiki.com/plugins/tiddlywiki/katex/), ou directement [le dépôt de KaTeX](https://github.com/Khan/KaTeX).
### Example 1
If the text between $$ contains newlines it will rendered in display mode:
### Exemple 1
```
$$
f(x) = \int_{-\infty}^\infty\hat f(\xi)\,e^{2 \pi i \xi x}\,d\xi
......@@ -33,7 +37,8 @@ f(x) = \int_{-\infty}^\infty\hat f(\xi)\,e^{2 \pi i \xi x}\,d\xi
$$
### Example 2
### Exemple 2
```
$$
\frac{1}{\Bigl(\sqrt{\phi \sqrt{5}}-\phi\Bigr) e^{\frac25 \pi}} = 1+\frac{e^{-2\pi}} {1+\frac{e^{-4\pi}} {1+\frac{e^{-6\pi}} {1+\frac{e^{-8\pi}} {1+\cdots} } } }
......@@ -44,7 +49,8 @@ $$
$$
### Example 3
### Exemple 3
```
$$
1 + \frac{q^2}{(1-q)}+\frac{q^6}{(1-q)(1-q^2)}+\cdots = \prod_{j=0}^{\infty}\frac{1}{(1-q^{5j+2})(1-q^{5j+3})}, \quad\quad \text{for }\lvert q\rvert<1.
......@@ -54,17 +60,20 @@ $$
1 + \frac{q^2}{(1-q)}+\frac{q^6}{(1-q)(1-q^2)}+\cdots = \prod_{j=0}^{\infty}\frac{1}{(1-q^{5j+2})(1-q^{5j+3})}, \quad\quad \text{for }\lvert q\rvert<1.
$$
### Example 4
Remember, certain characters are rendered by markdown, so you may need to workaround those issues. You can find the complete list of KaTeX supported functions here: [https://khan.github.io/KaTeX/docs/supported.html](https://khan.github.io/KaTeX/docs/supported.html)
### Exemple 4
[Rappelez-vous]({{< ref "syntaxe-markdown.md" >}} "Article sur la syntaxe Markdown") que certains caractères ont une signification bien précise en Markdown.
En conséquence, il est nécessaire d'utiliser des alternatives.
Vous pouvez utilisr la syntaxe complète de KaTeX [sur cette page](https://khan.github.io/KaTeX/docs/supported.html).
For example, the `'` character can be replaced with `^\prime`:
Par exemple, le caractère `'` peut être remplacé par `^\prime`:
$$
G^\prime = G - u
$$
The `"` character can be replaced with `^{\prime\prime}`:
Le caractère `"` peut être remplacé par `^{\prime\prime}`:
$$
G^{\prime\prime} = G^\prime - v
......
content/post/premier-post.md 0 → 100644
View file @ f9d6c09c
---
title: Premier article!
date: 2022-01-05
---
Voici mon premier article, comme c'est excitant !
content/post/syntaxe-markdown.md 0 → 100644
View file @ f9d6c09c
---
title: Langage Markdown
subtitle: Introduction à la syntaxe
date: 2022-02-20
tags: ["exemple", "markdown", "images"]
---
Vous pouvez écrire directement du [Markdown](https://fr.wikipedia.org/wiki/Markdown), et il sera automatiquement converti en une page web.
<!--more-->
Au cas où vous en auriez besoin, [cette page-ci](https://www.leppf.com/site/spip.php?article154) décrit les principales choses à savoir concernant la syntaxe Markdown ; cela vous apprendra comment mettre du texte *en italiques* ou **en gras**, comment définir des titres de différents niveaux, comment construire des tables, et ainsi de suite.
Vous pouvez aussi consacrer quelques minutes pour apprendre pas à pas le Markdown [sur cette page-là](http://markdowntutorial.com/fr/).
**Ceci est du texte en gras**
## Voilà un titre secondaire
Que diriez vous d'une délicieuse crêpe ?
<!-- ceci est un commentaire, pour préciser que c'est trop bon les crêpes ! -->
![Crepe](http://s3-media3.fl.yelpcdn.com/bphoto/cQ1Yoa75m2yUFFbY2xwuqw/348s.jpg)
Et pourquoi pas une table pour manger autour ?
| Colonne | Autre colonne | Et une autre |
| :------ |:------------- | :----------- |
| Cinq | Six | Quatre |
| Dix | ʕᵔᴥᵔʔ | Neuf |
| Sept | Huit | ◖(｡◕‿◕｡)◗ ♪♫ |
| Deux | Trois | Deux mille vingt deux |