yann/yannstatic
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
60aaf290a0
yannstatic/static/2022/11/21/VPS-Contabo-Debian-11-Yunohost.html

3334 lines
265 KiB
HTML
Raw Normal View History

first commit
2024-10-31 20:18:37 +01:00
<!DOCTYPE html><html lang="fr">
<head><meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no"><title>Contabo Debian 11 Bullseye - Yunohost xoyize.xyz - YannStatic</title>
<meta name="description" content="Installation Yunohost sur un serveur VPS Contabo">
<link rel="canonical" href="https://static.rnmkcy.eu/2022/11/21/VPS-Contabo-Debian-11-Yunohost.html"><link rel="alternate" type="application/rss+xml" title="YannStatic" href="/feed.xml">
<!-- - include head/favicon.html - -->
<link rel="shortcut icon" type="image/png" href="/assets/favicon/favicon.png"><link rel="stylesheet" href="/assets/css/main.css"><link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.13/css/all.css" ><!-- start custom head snippets --><link rel="stylesheet" href="/assets/css/expand.css">
<!-- end custom head snippets --><script>(function() {
window.isArray = function(val) {
return Object.prototype.toString.call(val) === '[object Array]';
};
window.isString = function(val) {
return typeof val === 'string';
};
window.hasEvent = function(event) {
return 'on'.concat(event) in window.document;
};
window.isOverallScroller = function(node) {
return node === document.documentElement || node === document.body || node === window;
};
window.isFormElement = function(node) {
var tagName = node.tagName;
return tagName === 'INPUT' || tagName === 'SELECT' || tagName === 'TEXTAREA';
};
window.pageLoad = (function () {
var loaded = false, cbs = [];
window.addEventListener('load', function () {
var i;
loaded = true;
if (cbs.length > 0) {
for (i = 0; i < cbs.length; i++) {
cbs[i]();
}
}
});
return {
then: function(cb) {
cb && (loaded ? cb() : (cbs.push(cb)));
}
};
})();
})();
(function() {
window.throttle = function(func, wait) {
var args, result, thisArg, timeoutId, lastCalled = 0;
function trailingCall() {
lastCalled = new Date;
timeoutId = null;
result = func.apply(thisArg, args);
}
return function() {
var now = new Date,
remaining = wait - (now - lastCalled);
args = arguments;
thisArg = this;
if (remaining <= 0) {
clearTimeout(timeoutId);
timeoutId = null;
lastCalled = now;
result = func.apply(thisArg, args);
} else if (!timeoutId) {
timeoutId = setTimeout(trailingCall, remaining);
}
return result;
};
};
})();
(function() {
var Set = (function() {
var add = function(item) {
var i, data = this._data;
for (i = 0; i < data.length; i++) {
if (data[i] === item) {
return;
}
}
this.size ++;
data.push(item);
return data;
};
var Set = function(data) {
this.size = 0;
this._data = [];
var i;
if (data.length > 0) {
for (i = 0; i < data.length; i++) {
add.call(this, data[i]);
}
}
};
Set.prototype.add = add;
Set.prototype.get = function(index) { return this._data[index]; };
Set.prototype.has = function(item) {
var i, data = this._data;
for (i = 0; i < data.length; i++) {
if (this.get(i) === item) {
return true;
}
}
return false;
};
Set.prototype.is = function(map) {
if (map._data.length !== this._data.length) { return false; }
var i, j, flag, tData = this._data, mData = map._data;
for (i = 0; i < tData.length; i++) {
for (flag = false, j = 0; j < mData.length; j++) {
if (tData[i] === mData[j]) {
flag = true;
break;
}
}
if (!flag) { return false; }
}
return true;
};
Set.prototype.values = function() {
return this._data;
};
return Set;
})();
window.Lazyload = (function(doc) {
var queue = {js: [], css: []}, sources = {js: {}, css: {}}, context = this;
var createNode = function(name, attrs) {
var node = doc.createElement(name), attr;
for (attr in attrs) {
if (attrs.hasOwnProperty(attr)) {
node.setAttribute(attr, attrs[attr]);
}
}
return node;
};
var end = function(type, url) {
var s, q, qi, cbs, i, j, cur, val, flag;
if (type === 'js' || type ==='css') {
s = sources[type], q = queue[type];
s[url] = true;
for (i = 0; i < q.length; i++) {
cur = q[i];
if (cur.urls.has(url)) {
qi = cur, val = qi.urls.values();
qi && (cbs = qi.callbacks);
for (flag = true, j = 0; j < val.length; j++) {
cur = val[j];
if (!s[cur]) {
flag = false;
}
}
if (flag && cbs && cbs.length > 0) {
for (j = 0; j < cbs.length; j++) {
cbs[j].call(context);
}
qi.load = true;
}
}
}
}
};
var load = function(type, urls, callback) {
var s, q, qi, node, i, cur,
_urls = typeof urls === 'string' ? new Set([urls]) : new Set(urls), val, url;
if (type === 'js' || type ==='css') {
s = sources[type], q = queue[type];
for (i = 0; i < q.length; i++) {
cur = q[i];
if (_urls.is(cur.urls)) {
qi = cur;
break;
}
}
val = _urls.values();
if (qi) {
callback && (qi.load || qi.callbacks.push(callback));
callback && (qi.load && callback());
} else {
q.push({
urls: _urls,
callbacks: callback ? [callback] : [],
load: false
});
for (i = 0; i < val.length; i++) {
node = null, url = val[i];
if (s[url] === undefined) {
(type === 'js' ) && (node = createNode('script', { src: url }));
(type === 'css') && (node = createNode('link', { rel: 'stylesheet', href: url }));
if (node) {
node.onload = (function(type, url) {
return function() {
end(type, url);
};
})(type, url);
(doc.head || doc.body).appendChild(node);
s[url] = false;
}
}
}
}
}
};
return {
js: function(url, callback) {
load('js', url, callback);
},
css: function(url, callback) {
load('css', url, callback);
}
};
})(this.document);
})();
</script><script>
(function() {
var TEXT_VARIABLES = {
version: '2.2.6',
sources: {
font_awesome: 'https://use.fontawesome.com/releases/v5.0.13/css/all.css',
jquery: '/assets/js/jquery.min.js',
leancloud_js_sdk: '//cdn.jsdelivr.net/npm/leancloud-storage@3.13.2/dist/av-min.js',
chart: 'https://cdn.bootcss.com/Chart.js/2.7.2/Chart.bundle.min.js',
gitalk: {
js: 'https://cdn.bootcss.com/gitalk/1.2.2/gitalk.min.js',
css: 'https://cdn.bootcss.com/gitalk/1.2.2/gitalk.min.css'
},
valine: 'https://unpkg.com/valine/dist/Valine.min.js'
},
site: {
toc: {
selectors: 'h1,h2,h3'
}
},
paths: {
search_js: '/assets/search.js'
}
};
window.TEXT_VARIABLES = TEXT_VARIABLES;
})();
</script>
</head>
<body>
<div class="root" data-is-touch="false">
<div class="layout--page js-page-root"><!----><div class="page__main js-page-main page__viewport hide-footer has-aside has-aside cell cell--auto">
<div class="page__main-inner"><div class="page__header d-print-none"><header class="header"><div class="main">
<div class="header__title">
<div class="header__brand"><svg id="svg" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="400" height="478.9473684210526" viewBox="0, 0, 400,478.9473684210526"><g id="svgg"><path id="path0" d="M308.400 56.805 C 306.970 56.966,303.280 57.385,300.200 57.738 C 290.906 58.803,278.299 59.676,269.200 59.887 L 260.600 60.085 259.400 61.171 C 258.010 62.428,256.198 63.600,255.645 63.600 C 255.070 63.600,252.887 65.897,252.598 66.806 C 252.460 67.243,252.206 67.600,252.034 67.600 C 251.397 67.600,247.206 71.509,247.202 72.107 C 247.201 72.275,246.390 73.190,245.400 74.138 C 243.961 75.517,243.598 76.137,243.592 77.231 C 243.579 79.293,241.785 83.966,240.470 85.364 C 239.176 86.740,238.522 88.365,237.991 91.521 C 237.631 93.665,236.114 97.200,235.554 97.200 C 234.938 97.200,232.737 102.354,232.450 104.472 C 232.158 106.625,230.879 109.226,229.535 110.400 C 228.933 110.926,228.171 113.162,226.434 119.500 C 226.178 120.435,225.795 121.200,225.584 121.200 C 225.373 121.200,225.200 121.476,225.200 121.813 C 225.200 122.149,224.885 122.541,224.500 122.683 C 223.606 123.013,223.214 123.593,223.204 124.600 C 223.183 126.555,220.763 132.911,219.410 134.562 C 218.443 135.742,217.876 136.956,217.599 138.440 C 217.041 141.424,215.177 146.434,214.532 146.681 C 214.240 146.794,214.000 147.055,214.000 147.261 C 214.000 147.467,213.550 148.086,213.000 148.636 C 212.450 149.186,212.000 149.893,212.000 150.208 C 212.000 151.386,208.441 154.450,207.597 153.998 C 206.319 153.315,204.913 150.379,204.633 147.811 C 204.365 145.357,202.848 142.147,201.759 141.729 C 200.967 141.425,199.200 137.451,199.200 135.974 C 199.200 134.629,198.435 133.224,196.660 131.311 C 195.363 129.913,194.572 128.123,193.870 125.000 C 193.623 123.900,193.236 122.793,193.010 122.540 C 190.863 120.133,190.147 118.880,188.978 115.481 C 188.100 112.928,187.151 111.003,186.254 109.955 C 185.358 108.908,184.518 107.204,183.847 105.073 C 183.280 103.273,182.497 101.329,182.108 100.753 C 181.719 100.177,180.904 98.997,180.298 98.131 C 179.693 97.265,178.939 95.576,178.624 94.378 C 178.041 92.159,177.125 90.326,175.023 87.168 C 174.375 86.196,173.619 84.539,173.342 83.486 C 172.800 81.429,171.529 79.567,170.131 78.785 C 169.654 78.517,168.697 77.511,168.006 76.549 C 167.316 75.587,166.594 74.800,166.402 74.800 C 166.210 74.800,164.869 73.633,163.421 72.206 C 160.103 68.936,161.107 69.109,146.550 69.301 C 133.437 69.474,128.581 70.162,126.618 72.124 C 126.248 72.495,125.462 72.904,124.872 73.033 C 124.282 73.163,123.088 73.536,122.219 73.863 C 121.349 74.191,119.028 74.638,117.061 74.858 C 113.514 75.254,109.970 76.350,108.782 77.419 C 107.652 78.436,100.146 80.400,97.388 80.400 C 95.775 80.400,93.167 81.360,91.200 82.679 C 90.430 83.195,89.113 83.804,88.274 84.031 C 85.875 84.681,78.799 90.910,74.400 96.243 L 73.400 97.456 73.455 106.028 C 73.526 117.055,74.527 121.238,77.820 124.263 C 78.919 125.273,80.400 127.902,80.400 128.842 C 80.400 129.202,81.075 130.256,81.900 131.186 C 83.563 133.059,85.497 136.346,86.039 138.216 C 86.233 138.886,87.203 140.207,88.196 141.153 C 89.188 142.098,90.000 143.104,90.000 143.388 C 90.000 144.337,92.129 148.594,92.869 149.123 C 93.271 149.410,93.600 149.831,93.600 150.059 C 93.600 150.286,93.932 150.771,94.337 151.136 C 94.743 151.501,95.598 153.004,96.237 154.475 C 96.877 155.947,97.760 157.351,98.200 157.596 C 98.640 157.841,99.900 159.943,101.000 162.267 C 102.207 164.817,103.327 166.644,103.825 166.876 C 104.278 167.087,105.065 168.101,105.573 169.130 C 107.658 173.348,108.097 174.093,110.006 176.647 C 111.103 178.114,112.000 179.725,112.000 180.227 C 112.000 181.048,113.425 183.163,114.678 184.200 C 115.295 184.711,117.396 188.733,117.720 190.022 C 117.855 190.562,118.603 191.633,119.381 192.402 C 120.160 193.171,121.496 195.258,122.351 197.039 C 123.206 198.820,124.167 200.378,124.487 200.501 C 124.807 200.624,125.953 202.496,127.034 204.662 C 128.114 206.828,129.676 209.299,130.505 210.153 C 131.333 211.007,132.124 212.177,132.262 212.753 C 132.618 214.239,134.291 217.048,136.288 219.5
" href="/">YannStatic</a></div><!--<button class="button button--secondary button--circle search-button js-search-toggle"><i class="fas fa-search"></i></button>--><!-- <li><button class="button button--secondary button--circle search-button js-search-toggle"><i class="fas fa-search"></i></button></li> -->
<!-- Champ de recherche -->
<div id="searchbox" class="search search--dark" style="visibility: visible">
<div class="main">
<div class="search__header"></div>
<div class="search-bar">
<div class="search-box js-search-box">
<div class="search-box__icon-search"><i class="fas fa-search"></i></div>
<input id="search-input" type="text" />
<!-- <div class="search-box__icon-clear js-icon-clear">
<a><i class="fas fa-times"></i></a>
</div> -->
</div>
</div>
</div>
</div>
<!-- Script pointing to search-script.js -->
<script>/*!
* Simple-Jekyll-Search
* Copyright 2015-2020, Christian Fei
* Licensed under the MIT License.
*/
(function(){
'use strict'
var _$Templater_7 = {
compile: compile,
setOptions: setOptions
}
const options = {}
options.pattern = /\{(.*?)\}/g
options.template = ''
options.middleware = function () {}
function setOptions (_options) {
options.pattern = _options.pattern || options.pattern
options.template = _options.template || options.template
if (typeof _options.middleware === 'function') {
options.middleware = _options.middleware
}
}
function compile (data) {
return options.template.replace(options.pattern, function (match, prop) {
const value = options.middleware(prop, data[prop], options.template)
if (typeof value !== 'undefined') {
return value
}
return data[prop] || match
})
}
'use strict';
function fuzzysearch (needle, haystack) {
var tlen = haystack.length;
var qlen = needle.length;
if (qlen > tlen) {
return false;
}
if (qlen === tlen) {
return needle === haystack;
}
outer: for (var i = 0, j = 0; i < qlen; i++) {
var nch = needle.charCodeAt(i);
while (j < tlen) {
if (haystack.charCodeAt(j++) === nch) {
continue outer;
}
}
return false;
}
return true;
}
var _$fuzzysearch_1 = fuzzysearch;
'use strict'
/* removed: const _$fuzzysearch_1 = require('fuzzysearch') */;
var _$FuzzySearchStrategy_5 = new FuzzySearchStrategy()
function FuzzySearchStrategy () {
this.matches = function (string, crit) {
return _$fuzzysearch_1(crit.toLowerCase(), string.toLowerCase())
}
}
'use strict'
var _$LiteralSearchStrategy_6 = new LiteralSearchStrategy()
function LiteralSearchStrategy () {
this.matches = function (str, crit) {
if (!str) return false
str = str.trim().toLowerCase()
crit = crit.trim().toLowerCase()
return crit.split(' ').filter(function (word) {
return str.indexOf(word) >= 0
}).length === crit.split(' ').length
}
}
'use strict'
var _$Repository_4 = {
put: put,
clear: clear,
search: search,
setOptions: __setOptions_4
}
/* removed: const _$FuzzySearchStrategy_5 = require('./SearchStrategies/FuzzySearchStrategy') */;
/* removed: const _$LiteralSearchStrategy_6 = require('./SearchStrategies/LiteralSearchStrategy') */;
function NoSort () {
return 0
}
const data = []
let opt = {}
opt.fuzzy = false
opt.limit = 10
opt.searchStrategy = opt.fuzzy ? _$FuzzySearchStrategy_5 : _$LiteralSearchStrategy_6
opt.sort = NoSort
opt.exclude = []
function put (data) {
if (isObject(data)) {
return addObject(data)
}
if (isArray(data)) {
return addArray(data)
}
return undefined
}
function clear () {
data.length = 0
return data
}
function isObject (obj) {
return Boolean(obj) && Object.prototype.toString.call(obj) === '[object Object]'
}
function isArray (obj) {
return Boolean(obj) && Object.prototype.toString.call(obj) === '[object Array]'
}
function addObject (_data) {
data.push(_data)
return data
}
function addArray (_data) {
const added = []
clear()
for (let i = 0, len = _data.length; i < len; i++) {
if (isObject(_data[i])) {
added.push(addObject(_data[i]))
}
}
return added
}
function search (crit) {
if (!crit) {
return []
}
return findMatches(data, crit, opt.searchStrategy, opt).sort(opt.sort)
}
function __setOptions_4 (_opt) {
opt = _opt || {}
opt.fuzzy = _opt.fuzzy || false
opt.limit = _opt.limit || 10
opt.searchStrategy = _opt.fuzzy ? _$FuzzySearchStrategy_5 : _$LiteralSearchStrategy_6
opt.sort = _opt.sort || NoSort
opt.exclude = _opt.exclude || []
}
function findMatches (data, crit, strategy, opt) {
const matches = []
for (let i = 0; i < data.length && matches.length < opt.limit; i++) {
const match = findMatchesInObject(data[i], crit, strategy, opt)
if (match) {
matches.push(match)
}
}
return matches
}
function findMatchesInObject (obj, crit, strategy, opt) {
for (const key in obj) {
if (!isExcluded(obj[key], opt.exclude) && strategy.matches(obj[key], crit)) {
return obj
}
}
}
function isExcluded (term, excludedTerms) {
for (let i = 0, len = excludedTerms.length; i < len; i++) {
const excludedTerm = excludedTerms[i]
if (new RegExp(excludedTerm).test(term)) {
return true
}
}
return false
}
/* globals ActiveXObject:false */
'use strict'
var _$JSONLoader_2 = {
load: load
}
function load (location, callback) {
const xhr = getXHR()
xhr.open('GET', location, true)
xhr.onreadystatechange = createStateChangeListener(xhr, callback)
xhr.send()
}
function createStateChangeListener (xhr, callback) {
return function () {
if (xhr.readyState === 4 && xhr.status === 200) {
try {
callback(null, JSON.parse(xhr.responseText))
} catch (err) {
callback(err, null)
}
}
}
}
function getXHR () {
return window.XMLHttpRequest ? new window.XMLHttpRequest() : new ActiveXObject('Microsoft.XMLHTTP')
}
'use strict'
var _$OptionsValidator_3 = function OptionsValidator (params) {
if (!validateParams(params)) {
throw new Error('-- OptionsValidator: required options missing')
}
if (!(this instanceof OptionsValidator)) {
return new OptionsValidator(params)
}
const requiredOptions = params.required
this.getRequiredOptions = function () {
return requiredOptions
}
this.validate = function (parameters) {
const errors = []
requiredOptions.forEach(function (requiredOptionName) {
if (typeof parameters[requiredOptionName] === 'undefined') {
errors.push(requiredOptionName)
}
})
return errors
}
function validateParams (params) {
if (!params) {
return false
}
return typeof params.required !== 'undefined' && params.required instanceof Array
}
}
'use strict'
var _$utils_9 = {
merge: merge,
isJSON: isJSON
}
function merge (defaultParams, mergeParams) {
const mergedOptions = {}
for (const option in defaultParams) {
mergedOptions[option] = defaultParams[option]
if (typeof mergeParams[option] !== 'undefined') {
mergedOptions[option] = mergeParams[option]
}
}
return mergedOptions
}
function isJSON (json) {
try {
if (json instanceof Object && JSON.parse(JSON.stringify(json))) {
return true
}
return false
} catch (err) {
return false
}
}
var _$src_8 = {};
(function (window) {
'use strict'
let options = {
searchInput: null,
resultsContainer: null,
json: [],
success: Function.prototype,
searchResultTemplate: '<li><a href="{url}" title="{desc}">{title}</a></li>',
templateMiddleware: Function.prototype,
sortMiddleware: function () {
return 0
},
noResultsText: 'No results found',
limit: 10,
fuzzy: false,
debounceTime: null,
exclude: []
}
let debounceTimerHandle
const debounce = function (func, delayMillis) {
if (delayMillis) {
clearTimeout(debounceTimerHandle)
debounceTimerHandle = setTimeout(func, delayMillis)
} else {
func.call()
}
}
const requiredOptions = ['searchInput', 'resultsContainer', 'json']
/* removed: const _$Templater_7 = require('./Templater') */;
/* removed: const _$Repository_4 = require('./Repository') */;
/* removed: const _$JSONLoader_2 = require('./JSONLoader') */;
const optionsValidator = _$OptionsValidator_3({
required: requiredOptions
})
/* removed: const _$utils_9 = require('./utils') */;
window.SimpleJekyllSearch = function (_options) {
const errors = optionsValidator.validate(_options)
if (errors.length > 0) {
throwError('You must specify the following required options: ' + requiredOptions)
}
options = _$utils_9.merge(options, _options)
_$Templater_7.setOptions({
template: options.searchResultTemplate,
middleware: options.templateMiddleware
})
_$Repository_4.setOptions({
fuzzy: options.fuzzy,
limit: options.limit,
sort: options.sortMiddleware,
exclude: options.exclude
})
if (_$utils_9.isJSON(options.json)) {
initWithJSON(options.json)
} else {
initWithURL(options.json)
}
const rv = {
search: search
}
typeof options.success === 'function' && options.success.call(rv)
return rv
}
function initWithJSON (json) {
_$Repository_4.put(json)
registerInput()
}
function initWithURL (url) {
_$JSONLoader_2.load(url, function (err, json) {
if (err) {
throwError('failed to get JSON (' + url + ')')
}
initWithJSON(json)
})
}
function emptyResultsContainer () {
options.resultsContainer.innerHTML = ''
}
function appendToResultsContainer (text) {
options.resultsContainer.innerHTML += text
}
function registerInput () {
options.searchInput.addEventListener('input', function (e) {
if (isWhitelistedKey(e.which)) {
emptyResultsContainer()
debounce(function () { search(e.target.value) }, options.debounceTime)
}
})
}
function search (query) {
if (isValidQuery(query)) {
emptyResultsContainer()
render(_$Repository_4.search(query), query)
}
}
function render (results, query) {
const len = results.length
if (len === 0) {
return appendToResultsContainer(options.noResultsText)
}
for (let i = 0; i < len; i++) {
results[i].query = query
appendToResultsContainer(_$Templater_7.compile(results[i]))
}
}
function isValidQuery (query) {
return query && query.length > 0
}
function isWhitelistedKey (key) {
return [13, 16, 20, 37, 38, 39, 40, 91].indexOf(key) === -1
}
function throwError (message) {
throw new Error('SimpleJekyllSearch --- ' + message)
}
})(window)
}());
</script>
<!-- Configuration -->
<script>
SimpleJekyllSearch({
searchInput: document.getElementById('search-input'),
resultsContainer: document.getElementById('results-container'),
json: '/search.json',
//searchResultTemplate: '<li><a href="https://static.rnmkcy.eu{url}">{date}&nbsp;{title}</a></li>'
searchResultTemplate: '<li><a href="{url}">{date}&nbsp;{title}</a></li>'
})
</script>
<!-- Fin déclaration champ de recherche --></div><nav class="navigation">
MAJ 28/11/2024
2024-11-28 11:42:23 +01:00
<ul><li class="navigation__item"><a href="/archive.html">Etiquettes</a></li><li class="navigation__item"><a href="/htmldoc.html">Documents</a></li><li class="navigation__item"><a href="/liens_ttrss.html">Liens</a></li><li class="navigation__item"><a href="/syntaxe-markdown.html">Aide</a></li></ul>
first commit
2024-10-31 20:18:37 +01:00
</nav></div>
</header>
</div><div class="page__content"><div class ="main"><div class="grid grid--reverse">
<div class="col-main cell cell--auto"><!-- start custom main top snippet --><div id="results-container" class="search-result js-search-result"></div><!-- end custom main top snippet -->
<article itemscope itemtype="http://schema.org/Article"><div class="article__header"><header><h1 style="color:Tomato;">Contabo Debian 11 Bullseye - Yunohost xoyize.xyz</h1></header></div><meta itemprop="headline" content="Contabo Debian 11 Bullseye - Yunohost xoyize.xyz"><div class="article__info clearfix"><ul class="left-col menu"><li>
_includes/article-list.html
2024-11-08 14:10:33 +01:00
<a class="button button--secondary button--pill button--sm" style="color:#00FFFF" href="/archive.html?tag=vps">vps</a>
first commit
2024-10-31 20:18:37 +01:00
</li></ul><ul class="right-col menu"><li>
<i class="far fa-calendar-alt"></i>&nbsp;<span title="Création" style="color:#FF00FF">21&nbsp;nov.&nbsp;&nbsp;2022</span>
<span title="Modification" style="color:#00FF7F">18&nbsp;déc.&nbsp;&nbsp;2023</span></li></ul></div><meta itemprop="datePublished" content="2023-12-18T00:00:00+01:00">
<meta itemprop="keywords" content="vps"><div class="js-article-content">
<div class="layout--article"><!-- start custom article top snippet -->
<style>
#myBtn {
display: none;
position: fixed;
bottom: 10px;
right: 10px;
z-index: 99;
font-size: 12px;
font-weight: bold;
border: none;
outline: none;
background-color: white;
color: black;
cursor: pointer;
padding: 5px;
border-radius: 4px;
}
#myBtn:hover {
background-color: #555;
}
</style>
<button onclick="topFunction()" id="myBtn" title="Haut de page">&#8679;</button>
<script>
//Get the button
var mybutton = document.getElementById("myBtn");
// When the user scrolls down 20px from the top of the document, show the button
window.onscroll = function() {scrollFunction()};
function scrollFunction() {
if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
mybutton.style.display = "block";
} else {
mybutton.style.display = "none";
}
}
// When the user clicks on the button, scroll to the top of the document
function topFunction() {
document.body.scrollTop = 0;
document.documentElement.scrollTop = 0;
}
</script>
<!-- end custom article top snippet -->
<div class="article__content" itemprop="articleBody"><details>
<summary><b>Afficher/cacher Sommaire</b></summary>
<!-- affichage sommaire -->
<div class="toc-aside js-toc-root"></div>
</details><p><em>Installation Yunohost sur un serveur VPS Contabo</em></p>
<p><a href="https://contabo.com/en/"><img src="/images/contabo-logo-a.png" alt="Contabo" /></a></p>
<p>Fournisseur : <strong>Contabo</strong><br />
Accès client : <a href="https://my.contabo.com/">https://my.contabo.com/</a><br />
Nom du plan : <strong>VPS S SSD</strong><br />
Location Nuremberg (EU)<br />
RAM garantie : <strong>8192 Mb</strong><br />
Bande passante mensuelle illimitée<br />
<strong>Espace disque SSD 200 Go</strong><br />
Système d’exploitation : <strong>Debian 11</strong><br />
Technologie de virtualisation <strong>KVM</strong><br />
Emplacement du serveur Allemagne <img src="/images/de.png" alt="" /><br />
Frais d’installation 0.00 EUR<br />
Coût annuel 86.28€/An TTC<br />
Méthodes de paiement PayPal</p>
<p>IP address <strong>109.123.254.249</strong><br />
Accès client : <a href="https://my.contabo.com/">https://my.contabo.com/</a></p>
<p>Autorisation à deux facteurs : <a href="https://my.contabo.com/">https://my.contabo.com/</a> → Customer details et <strong>Activate 2-factor authentication</strong><br />
Activer le reverse DNS IPV4 et IPV6 pour le domaine xoyize.xyz : Control panel → Reverse DNS management<br />
Désactiver VNC: Your services → Manage → VPS Control → Manage → Disable VNC et valider par un clic sur Disable</p>
<p>Sous-réseau IPv6 <br />
<em>Chaque serveur dédié et chaque VPS est livré avec un sous-réseau IPv6 /64 en plus de son adresse IPv4. Vous pouvez utiliser les adresses de ce sous-réseau librement sur le serveur/VPS associé. IPv6 est déjà préconfiguré sur nos serveurs mais doit être activé explicitement dans certains cas. Vous trouverez comment activer IPv6 et d’autres informations sur le sujet dans notre tutoriel.</em></p>
<table>
<thead>
<tr>
<th style="text-align: left">type d’abonnement</th>
<th style="text-align: left">adresse IPv4</th>
<th style="text-align: left">sous-réseau IPv6</th>
</tr>
</thead>
<tbody>
<tr>
<td style="text-align: left">VPS S SSD (no setup)</td>
<td style="text-align: left">109.123.254.249</td>
<td style="text-align: left">2a02:c206:2108:3749::1 / 64</td>
</tr>
</tbody>
</table>
<h2 id="debian-bullseye">Debian bullseye</h2>
<p><img src="/images/debian11-logo-a.png" alt="" height="60" /></p>
<p>PARAMETRES D’ACCES:<br />
L’adresse IPv4 du VPS est : 109.123.254.249<br />
L’adresse IPv6 du VPS est : 2a02:c206:2108:3749::1</p>
<p>On se connecte en root sur le VPS</p>
<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>ssh root@109.123.254.249
</code></pre></div></div>
<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>Linux vmi1083749.contaboserver.net 5.10.0-12-amd64 #1 SMP Debian 5.10.103-1 (2022-03-07) x86_64
_____
/ ___/___ _ _ _____ _ ___ ___
| | / _ \| \| |_ _/ \ | _ )/ _ \
| |__| (_) | .` | | |/ _ \| _ \ (_) |
\____\___/|_|\_| |_/_/ \_|___/\___/
Welcome!
This server is hosted by Contabo. If you have any questions or need help,
please don't hesitate to contact us at support@contabo.com.
root@vmi1083749:~#
</code></pre></div></div>
<h3 id="mise-à-jour--réseau-ipv6">Mise à jour + Réseau IPV6</h3>
<p><strong>Mise à jour</strong>, exécuter <code class="language-plaintext highlighter-rouge">apt update &amp;&amp; apt upgrade</code><br />
<strong>Quelques outils</strong>, exécuter <code class="language-plaintext highlighter-rouge">apt install tree tmux</code><br />
<strong>Activation ipv6</strong>, exécuter <code class="language-plaintext highlighter-rouge">enable_ipv6</code> puis redémarrer <code class="language-plaintext highlighter-rouge">reboot</code> et se reconnecter ssh</p>
<p>Vérifier l’adressage : <code class="language-plaintext highlighter-rouge">ip a</code></p>
<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>1: lo: &lt;LOOPBACK,UP,LOWER_UP&gt; mtu 65536 qdisc noqueue state UNKNOWN group default qlen 1000
link/loopback 00:00:00:00:00:00 brd 00:00:00:00:00:00
inet 127.0.0.1/8 scope host lo
valid_lft forever preferred_lft forever
inet6 ::1/128 scope host
valid_lft forever preferred_lft forever
2: eth0: &lt;BROADCAST,MULTICAST,UP,LOWER_UP&gt; mtu 1500 qdisc pfifo_fast state UP group default qlen 1000
link/ether 00:50:56:48:b5:5b brd ff:ff:ff:ff:ff:ff
altname enp0s18
altname ens18
inet 109.123.254.249/20 brd 109.123.255.255 scope global eth0
valid_lft forever preferred_lft forever
inet6 2a02:c206:2108:3749::1/64 scope global
valid_lft forever preferred_lft forever
inet6 fe80::250:56ff:fe48:b55b/64 scope link
valid_lft forever preferred_lft forever
</code></pre></div></div>
<h3 id="date-et-heure--synchro">Date et heure + Synchro</h3>
<p><img src="/images/timezone-france.png" alt="" height="40" /><br />
Activer le fuseau Europe/Paris</p>
<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>timedatectl set-timezone Europe/Paris
</code></pre></div></div>
<p>Horloge système synchronisée</p>
<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>timedatectl
</code></pre></div></div>
<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code> Local time: Mon 2022-11-14 17:15:19 CET
Universal time: Mon 2022-11-14 16:15:19 UTC
RTC time: Mon 2022-11-14 16:15:20
Time zone: Europe/Paris (CET, +0100)
System clock synchronized: yes
NTP service: active
RTC in local TZ: no
</code></pre></div></div>
<h3 id="reconfigurer-locales">Reconfigurer locales</h3>
<p>Activer uniquement <strong>en_US.UTF-8</strong> et <strong>fr_FR.UTF-8</strong></p>
<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>dpkg-reconfigure locales
</code></pre></div></div>
<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>Generating locales (this might take a while)...
en_US.UTF-8... done
fr_FR.UTF-8... done
Generation complete.
</code></pre></div></div>
<h2 id="yunohost-xoyizexyz">Yunohost xoyize.xyz</h2>
<p><img src="/images/yunohost.png" alt=" " /></p>
<h3 id="installation-et-configuration">Installation et configuration</h3>
<h4 id="installer-yunohost">Installer yunohost</h4>
<ul>
<li><a href="https://yunohost.org/fr/install/hardware:vps_debian">Installer YunoHost</a></li>
</ul>
<p>Installation d’un nouveau YunoHost sur un Debian 11/Bullseye</p>
<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>curl https://install.yunohost.org | bash
</code></pre></div></div>
<p>Patienter …</p>
<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>
┌───────────────────────────┤ SSH Configuration ├────────────────────────────┐
│ │
│ To improve the security of your server, it is recommended to let YunoHost │
│ manage the SSH configuration. │
│ Your current SSH configuration differs from the recommended configuration. │
│ If you let YunoHost reconfigure it, the way you connect to your server │
│ through SSH will change in the following way: │
│ - you will not be able to connect as root through SSH. Instead you should │
│ use the admin user ; │
│ │
│ Do you agree to let YunoHost apply those changes to your configuration and │
│ therefore affect the way you connect through SSH ? │
│ │
│ &lt;Yes&gt; &lt;No&gt; │
│ │
└────────────────────────────────────────────────────────────────────────────┘
Choix Yes
===============================================================================
You should now proceed with Yunohost post-installation. This is where you will
be asked for :
- the main domain of your server ;
- the administration password.
You can perform this step :
- from the command line, by running 'yunohost tools postinstall' as root
- or from your web browser, by accessing :
- https://109.123.254.249/ (global IP, if you're on a VPS)
If this is your first time with YunoHost, it is strongly recommended to take
time to read the administator documentation and in particular the sections
'Finalizing your setup' and 'Getting to know YunoHost'. It is available at
the following URL : https://yunohost.org/admindoc
===============================================================================
</code></pre></div></div>
<h4 id="post-installation">Post-installation</h4>
<p class="info">Vous devez faire la post-installation pour configurer l’application Borg.</p>
<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>yunohost tools postinstall
</code></pre></div></div>
<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>Main domain: xoyize.xyz
New administration password: ****************
Confirm new administration password: ****************
Info: Installing YunoHost...
[...]
Success! YunoHost is now configured
Warning: The post-install completed! To finalize your setup, please consider:
- adding a first user through the 'Users' section of the webadmin (or 'yunohost user create &lt;username&gt;' in command-line);
- diagnose potential issues through the 'Diagnosis' section of the webadmin (or 'yunohost diagnosis run' in command-line);
- reading the 'Finalizing your setup' and 'Getting to know YunoHost' parts in the admin documentation: https://yunohost.org/admindoc.
</code></pre></div></div>
<blockquote>
<p>Le mot de passe root remplacé par celui de l’admin yunohost</p>
</blockquote>
<p>Motd</p>
<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>rm /etc/motd &amp;&amp; nano /etc/motd
</code></pre></div></div>
<div class="language-bash highlighter-rouge"><div class="highlight"><pre class="highlight"><code> ___ _ _
/ __| ___ _ _ | |_ __ _ | |__ ___
| <span class="o">(</span>__ / _ <span class="se">\|</span> <span class="s1">' \| _|/ _` || '</span>_ <span class="se">\/</span> _ <span class="se">\ </span>
<span class="se">\_</span>__|<span class="se">\_</span>__/|_||_|<span class="se">\_</span>_|<span class="se">\_</span>_,_||_.__/<span class="se">\_</span>__/
__ __ _ _
<span class="se">\ \ </span>/ /_ _ _ _ ___ | |_ ___ ___| |_
<span class="se">\ </span>V /| <span class="o">||</span> <span class="o">||</span> <span class="s1">' \ / _ \| '</span> <span class="se">\ </span>/ _ <span class="se">\(</span>_-&lt;| _|
|_| <span class="se">\_</span>,_||_||_|<span class="se">\_</span>__/|_||_|<span class="se">\_</span>__//__/ <span class="se">\_</span>_|
_
__ __ ___ _ _ <span class="o">(</span>_<span class="o">)</span> ___ ___ __ __ _ _ ___
<span class="se">\ \ </span>// _ <span class="se">\|</span> <span class="o">||</span> <span class="o">||</span> <span class="o">||</span>_ // <span class="nt">-_</span><span class="o">)</span> _ <span class="se">\ \ </span>/| <span class="o">||</span> <span class="o">||</span>_ /
/_<span class="se">\_\\</span>___/ <span class="se">\_</span>, <span class="o">||</span>_|/__|<span class="se">\_</span>__|<span class="o">(</span>_<span class="o">)</span>/_<span class="se">\_\ \_</span>, |/__|
|__/ |__/
</code></pre></div></div>
<h4 id="créer-utilisateur-yako">Créer utilisateur yako</h4>
<p>Création utilisateur yako</p>
<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>yunohost user create yako
</code></pre></div></div>
<p><img src="/images/xoyize005.png" alt="" /></p>
<p>Ajouter le droit de connexion ssh à un utilisateur (FACULTATIF)</p>
<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>yunohost user permission add ssh yako
</code></pre></div></div>
<p><img src="/images/xoyize006.png" alt="" /></p>
<h4 id="domaines-et-dns-ovh">Domaines et DNS OVH</h4>
<p><img src="/images/dns-logo.png" alt="" width="50" /></p>
<p>Configuration DNS domaine par défaut <strong>xoyize.xyz</strong></p>
<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>yunohost domain dns-conf xoyize.xyz
</code></pre></div></div>
<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>; Basic ipv4/ipv6 records
@ 3600 IN A 109.123.254.249
@ 3600 IN AAAA 2a02:c206:2108:3749::1
; Mail
@ 3600 IN MX 10 xoyize.xyz.
@ 3600 IN TXT "v=spf1 a mx -all"
mail._domainkey 3600 IN TXT "v=DKIM1; h=sha256; k=rsa; p=MIGfMA0GCSqGSIb3DQEBAQUAA4GNADCBiQKBgQDXV7LKSP5+k//o9S8zaZAq1Y6w/V+lGXDQK8i4wA4NvN2xCcdrPxKbiUTwwGVm4FijBu/8bTIb7Qoz0eBGqh8ZJPaVQqqV/sf8eZui+KD3HBp+eM4shNDgzTOPdpIDfhAHzR2i/RFqj/wA3/iOqnzCaZejSF1ZsltbkM0/PdD6VwIDAQAB"
_dmarc 3600 IN TXT "v=DMARC1; p=none"
; XMPP
_xmpp-client._tcp 3600 IN SRV 0 5 5222 xoyize.xyz.
_xmpp-server._tcp 3600 IN SRV 0 5 5269 xoyize.xyz.
muc 3600 IN CNAME xoyize.xyz.
pubsub 3600 IN CNAME xoyize.xyz.
vjud 3600 IN CNAME xoyize.xyz.
xmpp-upload 3600 IN CNAME xoyize.xyz.
; Extra
* 3600 IN A 109.123.254.249
* 3600 IN AAAA 2a02:c206:2108:3749::1
@ 3600 IN CAA 128 issue "letsencrypt.org"
</code></pre></div></div>
<p><img src="/images/ovh-logo-a.png" alt="" /><br />
Se connecter à l’espace client du site OVH : <strong>Web cloud → Domaines → xoyize.xyz → Zone DNS</strong><br />
Cliquer sur <strong>“Modifier en mode textuel”</strong>, garder les 4 premières lignes :<br />
<img src="/images/dns-ovh-zone.png" alt="" width="600" /><br />
puis effacer tout ce qu’il y a en-dessous, et le remplacer par la configuration donnée par votre serveur ( <code class="language-plaintext highlighter-rouge">yunohost domain dns-conf</code>)</p>
<h4 id="activer-certificats-ssl-lets-encrypt">Activer Certificats SSL Let’s Encrypt</h4>
<p><img src="/images/LetsEncrypt-a.png" alt="" /><br />
On active les certificats SSL pour le domaine xoyize.xyz</p>
<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>yunohost domain cert-install xoyize.xyz --no-checks
</code></pre></div></div>
<p>Résultat</p>
<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>[...]
Success! Configuration updated for 'nginx'
Success! Let's Encrypt certificate now installed for the domain 'xoyize.xyz'
</code></pre></div></div>
<h4 id="openssh-clé-et-script">OpenSSH, clé et script</h4>
<p><img src="/images/openssh-logo.png" alt="OpenSSH" height="70" /><br />
<u>sur l'ordinateur de bureau</u>
Générer une paire de clé curve25519-sha256 (ECDH avec Curve25519 et SHA2) nommé <strong>xoyize-ed25519</strong> pour une liaison SSH avec le serveur KVM.</p>
<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>ssh-keygen -t ed25519 -o -a 100 -f ~/.ssh/xoyize-ed25519
</code></pre></div></div>
<p>Envoyer les clés publiques sur le serveur KVM</p>
<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>ssh-copy-id -i ~/.ssh/xoyize-ed25519.pub admin@109.123.254.249
</code></pre></div></div>
<p><u>sur le serveur Yunohost</u>
On se connecte</p>
<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>ssh admin@109.123.254.249
</code></pre></div></div>
<p>Sur votre serveur, la modification du fichier de configuration SSH pour désactiver l’authentification par mot de passe est gérée par un paramètre système</p>
<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>sudo yunohost settings set security.ssh.password_authentication -v no
</code></pre></div></div>
<p>Modifier le port SSH</p>
<p><em>Pour empêcher les tentatives de connexion SSH par des robots qui analysent Internet à la recherche de tout serveur sur lequel SSH est activé, vous pouvez modifier le port SSH. Ceci est géré par un paramètre système, qui prend en charge la mise à jour de la configuration SSH et Fail2Ban.</em></p>
<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>sudo yunohost settings set security.ssh.port -v 55249
</code></pre></div></div>
<p>Accès depuis le poste distant avec la clé privée</p>
<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>ssh -p 55249 -i ~/.ssh/xoyize-ed25519 admin@109.123.254.249
</code></pre></div></div>
<h4 id="journal">Journal</h4>
<p>La façon de s’assurer que vous pouvez visualiser tous les messages de journal est d’ajouter l’utilisateur à un groupe existant tel que adm ou systemd-journal.</p>
<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>sudo usermod -a -G systemd-journal $USER
</code></pre></div></div>
<h3 id="historique-de-la-ligne-de-commande">Historique de la ligne de commande</h3>
<p>Ajoutez la recherche d’historique de la ligne de commande au terminal<br />
Se connecter en utilisateur debian<br />
Tapez un début de commande précédent, puis utilisez shift + up (flèche haut) pour rechercher l’historique filtré avec le début de la commande.</p>
<div class="language-bash highlighter-rouge"><div class="highlight"><pre class="highlight"><code><span class="c"># Global, tout utilisateur</span>
<span class="nb">echo</span> <span class="s1">'"\e[1;2A": history-search-backward'</span> | <span class="nb">sudo tee</span> <span class="nt">-a</span> /etc/inputrc
<span class="nb">echo</span> <span class="s1">'"\e[1;2B": history-search-forward'</span> | <span class="nb">sudo tee</span> <span class="nt">-a</span> /etc/inputrc
</code></pre></div></div>
<h3 id="outils-scripts-motd-et-ssh_rc_bash">Outils, scripts motd et ssh_rc_bash</h3>
<p><img src="/images/bash-shell-logo.png" alt="" height="50" /><br />
Installer utilitaires</p>
<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>sudo apt install rsync curl tmux jq figlet git tree
</code></pre></div></div>
<p>Motd</p>
<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>sudo rm /etc/motd &amp;&amp; sudo nano /etc/motd
</code></pre></div></div>
<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code> ___ _ _
/ __| ___ _ _ | |_ __ _ | |__ ___
| (__ / _ \| ' \| _|/ _` || '_ \/ _ \
\___|\___/|_||_|\__|\__,_||_.__/\___/
__ __ _ _
\ \ / /_ _ _ _ ___ | |_ ___ ___| |_
\ V /| || || ' \ / _ \| ' \ / _ \(_-&lt;| _|
|_| \_,_||_||_|\___/|_||_|\___//__/ \__|
_
__ __ ___ _ _ (_) ___ ___ __ __ _ _ ___
\ \ // _ \| || || ||_ // -_) _ \ \ /| || ||_ /
/_\_\\___/ \_, ||_|/__|\___|(_)/_\_\ \_, |/__|
|__/ |__/
</code></pre></div></div>
<p>Script <strong>ssh_rc_bash</strong></p>
<blockquote>
<p><strong>ATTENTION!!! Les scripts sur connexion peuvent poser des problèmes pour des appels externes autres que ssh</strong></p>
</blockquote>
<div class="language-shell highlighter-rouge"><div class="highlight"><pre class="highlight"><code>wget https://static.xoyaz.xyz/files/ssh_rc_bash
<span class="nb">chmod</span> +x ssh_rc_bash <span class="c"># rendre le bash exécutable</span>
./ssh_rc_bash <span class="c"># exécution</span>
</code></pre></div></div>
<p><img src="/images/xoyize018.png" alt="" /></p>
<h3 id="ajout-domaine-et-utilisateur">Ajout Domaine et utilisateur</h3>
<p>Administration web</p>
<ul>
<li>Créer les domaines <strong>cinay.eu</strong> et <strong>yanfi.net</strong></li>
<li>Modifier les DNS OVH pour les domaines concernés</li>
<li>Certificats Let’s Encrypt</li>
<li>Créer les utilisateurs</li>
</ul>
<h2 id="sauvegardes">Sauvegardes</h2>
<h3 id="borg">Borg</h3>
<p><img src="/images/borg-logo-a.png" alt="" height="50" /></p>
<h4 id="borg-backup-vers-boîte-stockage">Borg Backup vers boîte stockage</h4>
<p>On installe application <strong>Borg Backup</strong> sur yunohost avec le dépôt <code class="language-plaintext highlighter-rouge">ssh://u326239@u326239.your-storagebox.de:23/./backup/borg/xoyize.xyz</code><br />
<img src="/images/xoyize009a.png" alt="" /><br />
Cliquer sur “Installer”</p>
<p><img src="/images/xoyize009b.png" alt="" /><br />
Repository : <code class="language-plaintext highlighter-rouge">ssh://u326239@u326239.your-storagebox.de:23/./backup/borg/xoyize.xyz</code></p>
<p>Clé publique : <code class="language-plaintext highlighter-rouge">ssh-ed25519 AAAAC3NzaC1lZDI1NTE5AAAAIP22CR01zSOd+QFKQO2h5Z183sCKKS29qr+PI35RjPRj root@xoyize.xyz</code></p>
<p>Depuis un poste ayant accès à la boîte de stockage, on récupère le fichier <code class="language-plaintext highlighter-rouge">authorized_keys</code> de la boîte de stockage <strong>bx11-yann</strong> dans un fichier nommé <code class="language-plaintext highlighter-rouge">storagebox_authorized_keys</code></p>
<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>echo -e "get .ssh/authorized_keys storagebox_authorized_keys" | sftp -P 23 -i ~/.ssh/bx11-yann-ed25519 u326239@u326239.your-storagebox.de
cat &gt;&gt; storagebox_authorized_keys
</code></pre></div></div>
<p>Copier/coller le contenu du fichier du fichier de clef publique (fichier <code class="language-plaintext highlighter-rouge">cat /root/.ssh/id_borg_ed25519.pub</code>* de la machine à sauvegarder <strong>Yunohost xoyize.xyz</strong> ) dans ce terminal, et presser <strong>[Ctrl]+[D]</strong> pour valider.</p>
<p>On renvoie le fichier modifié <code class="language-plaintext highlighter-rouge">storagebox_authorized_keys</code> dans le fichier <code class="language-plaintext highlighter-rouge">authorized_keys</code> de la boîte de stockage <strong>bx11-yann</strong></p>
<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>echo -e "put storagebox_authorized_keys .ssh/authorized_keys" | sftp -P 23 -i ~/.ssh/bx11-yann-ed25519 u326239@u326239.your-storagebox.de
</code></pre></div></div>
<h4 id="tester-la-configuration-borg">Tester la configuration borg</h4>
<p>Tester la connexion</p>
<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>sftp -P 23 -i /root/.ssh/id_borg_ed25519 u326239@u326239.your-storagebox.de
</code></pre></div></div>
<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>The authenticity of host '[u326239.your-storagebox.de]:23 ([2a01:4f8:b23:2000::35]:23)' can't be established.
ECDSA key fingerprint is SHA256:oDHZqKXnoMtgvPBjjC57pcuFez28roaEuFcfwyg8O5c.
Are you sure you want to continue connecting (yes/no/[fingerprint])? yes
Warning: Permanently added '[u326239.your-storagebox.de]:23,[2a01:4f8:b23:2000::35]:23' (ECDSA) to the list of known hosts.
Connected to u326239.your-storagebox.de.
sftp&gt;
</code></pre></div></div>
<p>Saisir <em>quit</em> pour sortir</p>
<p class="info">À cette étape, votre sauvegarde devrait se dérouler à l’heure prévue (tous les jours à 2h10). Notez que la première sauvegarde peut être très longue, car de nombreuses données doivent être copiées via ssh. Les sauvegardes suivantes sont incrémentielles : seules les données nouvellement générées depuis la dernière sauvegarde seront copiées.</p>
<p>Si vous voulez tester la configuration correcte de Borg Apps avant l’heure prévue, vous pouvez lancer une sauvegarde manuellement sur le serveur Yunohost xoyize.xyz :</p>
<p>On passe en tmux</p>
<div class="language-bash highlighter-rouge"><div class="highlight"><pre class="highlight"><code><span class="nb">sudo</span> <span class="nt">-s</span>
tmux
systemctl start borg
<span class="c"># Ctrl b d pour sortir de la session tmux</span>
</code></pre></div></div>
<p>Visualiser les logs en cours dans un autre terminal</p>
<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>journalctl -f -u borg
</code></pre></div></div>
<p>A la fin de la sauvegarde borg<br />
<img src="/images/xoyize009c.png" alt="" /></p>
<h4 id="lister-les-sauvegardes">Lister les sauvegardes</h4>
<p>Commande à exécuter en mode su</p>
<div class="language-shell highlighter-rouge"><div class="highlight"><pre class="highlight"><code><span class="nb">sudo</span> <span class="nt">-s</span>
<span class="nv">app</span><span class="o">=</span>borg<span class="p">;</span> <span class="nv">BORG_PASSPHRASE</span><span class="o">=</span><span class="s2">"</span><span class="si">$(</span>yunohost app setting <span class="nv">$app</span> passphrase<span class="si">)</span><span class="s2">"</span> <span class="nv">BORG_RSH</span><span class="o">=</span><span class="s2">"ssh -i /root/.ssh/id_</span><span class="k">${</span><span class="nv">app</span><span class="k">}</span><span class="s2">_ed25519 -oStrictHostKeyChecking=yes "</span> borg list <span class="s2">"</span><span class="si">$(</span>yunohost app setting <span class="nv">$app</span> repository<span class="si">)</span><span class="s2">"</span>
</code></pre></div></div>
<p>Exemple pour le 21 novembre 2022</p>
<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>_auto_conf-2022-11-21_14:47 Mon, 2022-11-21 14:47:28 [f4119ce200057f72a4bb6be5116e74b49d992170bff26d1a8df6718b4cccb91d]
_auto_data-2022-11-21_14:47 Mon, 2022-11-21 14:47:39 [40489469e0d54ef9146f170dcc3274dc8a4cb8fa90ded6778044f26e34154878]
_auto_borg-2022-11-21_14:47 Mon, 2022-11-21 14:47:48 [b6a98061ec0f188aa1ccc745d5c5d84972c46ac418ff2e9c78d1664de22b4b90]
_auto_nextcloud-2022-11-21_14:47 Mon, 2022-11-21 14:47:57 [6811c230f04646a7b203a2fa9632f4c70fe552f087af106f2dc36da7a31669f9]
</code></pre></div></div>
<h3 id="datayan-vers-bx11">datayan vers bx11</h3>
<p>Sauvegarde par rsync du dossier <code class="language-plaintext highlighter-rouge">/srv/datayan/</code> vers boîte de stockage bx11</p>
<div class="language-shell highlighter-rouge"><div class="highlight"><pre class="highlight"><code>rsync <span class="nt">-avz</span> <span class="nt">--progress</span> <span class="nt">--delete</span> <span class="nt">-e</span> <span class="s2">"ssh -p 23 -i /root/.ssh/id_borg_ed25519 </span><span class="se">\</span><span class="s2">
-o StrictHostKeyChecking=no -o UserKnownHostsFile=/dev/null"</span> <span class="se">\</span>
<span class="nt">--recursive</span> /srv/datayan/<span class="o">{</span>BiblioCalibre,CalibreTechnique,musique,static,www<span class="o">}</span> <span class="se">\</span>
u326239@u326239.your-storagebox.de:backup/datayan/
</code></pre></div></div>
<h2 id="applications">Applications</h2>
<h3 id="nextcloud">Nextcloud</h3>
<p><img src="/images/nextcloud_logo.png" alt="" width="70" /></p>
<p><strong>cloud.xoyize.xyz</strong></p>
<p>Ajout domaine cloud.xoyize.xyz en utilisant l’administration web</p>
<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>sudo yunohost domain add cloud.xoyize.xyz
</code></pre></div></div>
<p>Ajout certificats</p>
<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>sudo yunohost domain cert-install cloud.xoyize.xyz --no-checks
</code></pre></div></div>
<p>Mise à niveau nextcloud hub 3 version 25</p>
<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>sudo yunohost app install https://github.com/YunoHost-Apps/nextcloud_ynh/tree/testing
</code></pre></div></div>
<p><img src="/images/xoyize007.png" alt="" /></p>
<h4 id="paramétrage-nextcloud-v25">Paramétrage Nextcloud v25+</h4>
<p><em>Nextcloud de base v25+ est installé</em></p>
<p>On se connecte en administrateur sur nextcloud <br />
Cliquer sur l’icône utilisateur en haut à droite de l’écran et sur <strong>Administration settings</strong><br />
<img src="/images/nextcloud_hub001.png" alt="" width="300" /><br />
<img src="/images/nextcloud_hub001b.png" alt="" /></p>
<p>Une vérification est faite sur <strong>Vue d’ensemble</strong> dans la rubrique <strong>Administration</strong><br />
<img src="/images/nextcloud_hub002.png" alt="" /></p>
<p>clic sur <strong>Apparence et accessibilité</strong> dans la rubrique <strong>Personnel</strong><br />
Sélectionner <strong>Thème sombre</strong> <br />
<img src="/images/nextcloud_hub003.png" alt="" /></p>
<p>Arrière-plan<br />
<img src="/images/nextcloud_hub004.png" alt="" /></p>
<p>Messagerie<br />
<img src="/images/xoyize008.png" alt="" /></p>
<p>En ligne de commande, ajouter <code class="language-plaintext highlighter-rouge">'default_phone_region' =&gt; 'FR'</code> dans le fichier /var/www/nextcloud/config/config.php avant le tag de fin de fichier <code class="language-plaintext highlighter-rouge">);</code></p>
<h4 id="contacts-et-calendrier">Contacts et Calendrier</h4>
<p><strong>Pack d’applications</strong><br />
<strong>Télécharger et activer</strong> les applications <strong>Calendar</strong> et <strong>Contacts</strong></p>
<p><strong>Importer des contacts</strong><br />
Dans Contacts –&gt; Paramètres de Contacts –&gt; Carnets d’adresses : Importer des contacts Sélectionner un fichier local</p>
<p><strong>Importer agenda yannick</strong></p>
<h4 id="onlyoffice">OnlyOffice</h4>
<ul>
<li><a href="/2023/08/19/OnlyOffice_pour_YunoHost.html">OnlyOffice YunoHost, Nextcloud et Archlinux</a></li>
</ul>
<p>Ajout domaine <strong>office.xoyize.xyz</strong> et les certificats , Emails sortants/entrants à non<br />
Installer application OnlyOffice sur le domaine office.xoyize.xyz<br />
<img src="/images/onlyoffice04.png" alt="" /></p>
<h3 id="transmission">Transmission</h3>
<p><img src="/images/icon_transmission.png" alt="" /></p>
<p>Installer par l’interface web admin<br />
<img src="/images/transmission_xoyize.png" alt="" /></p>
<h3 id="audio-navidrome">Audio Navidrome</h3>
<h4 id="domaine-zicxoyizexyz">Domaine zic.xoyize.xyz</h4>
<p>Ajout domaine zic.xoyize.xyz par interface web admin<br />
<img src="/images/xoyize012.png" alt="" /></p>
<p>Certificats zic.xoyize.xyz</p>
<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>yunohost domain cert install zic.xoyize.xyz --no-checks
</code></pre></div></div>
<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>Success! Configuration updated for 'nginx'
Success! Let's Encrypt certificate now installed for the domain 'zic.xoyize.xyz'
</code></pre></div></div>
<p>Installer application Navidrome<br />
<img src="/images/xoyize013.png" alt="" /></p>
<p>Après installation, aller dans Applications Navidrome<br />
<img src="/images/xoyize014.png" alt="" /></p>
<p>Modifier le répertoire de la musique et ajouter le dossier des “playlists” dans le fichier <code class="language-plaintext highlighter-rouge">/var/lib/navidrome/navidrome.toml</code></p>
<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code># Folder to store application data (DB, cache…)
DataFolder = "/var/lib/navidrome"
# Folder where your music library is stored. Can be read-only
MusicFolder = "/home/yunohost.multimedia/share/Music/musicyan"
# Playlist
ND_PLAYLISTSPATH = "/home/yunohost.multimedia/share/Music/musicyan/Playlists"
</code></pre></div></div>
<p>Faire une sauvegarde après modification</p>
<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>sudo cp /var/lib/navidrome/navidrome.toml /var/lib/navidrome/navidrome.toml.sav
</code></pre></div></div>
<p>Redémarrer navidrome</p>
<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>sudo systemctl restart navidrome
</code></pre></div></div>
<p>Ouvrir le lien <a href="https://zic.xoyize.xyz/">https://zic.xoyize.xyz/</a> et saisir un identifiant + mot de passe pour le compte administrateur<br />
<img src="/images/xoyize015.png" alt="" /></p>
<h3 id="calibre-web">Calibre web</h3>
<p><img src="/images/calibre-web_logo.png" alt="" width="80" /></p>
<ol>
<li>Ajout domaine et certificats <strong>calibre.xoyize.xyz</strong> par le web admin</li>
<li>Modifier la configuration du domaine pour positionner la gestion des messages entrants et sortants à <strong>Non</strong></li>
<li>
<p>Gérer les certificats SSL, en ligne de commande</p>
<p>yunohost domain cert-install calibre.xoyize.xyz –no-checks</p>
</li>
</ol>
<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>Success! Configuration updated for 'nginx'
Success! Let's Encrypt certificate now installed for the domain 'calibre.xoyize.xyz'
</code></pre></div></div>
<p>Installer l’application <strong>Calibre-web</strong> par l’administration web</p>
<p><img src="/images/calibre-web20.png" alt="" /><br />
<img src="/images/calibre-web21b.png" alt="" /></p>
<p>Par défaut, le processus de sauvegarde de Yunohost sauvegarde la bibliothèque Calibreweb. Vous pouvez désactiver la sauvegarde de la bibliothèque avec</p>
<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>yunohost app setting calibreweb do_not_backup_data -v 1
</code></pre></div></div>
<blockquote>
<p>Par défaut, la suppression de l’application ne supprimera jamais la bibliothèque.</p>
</blockquote>
<p>Ouvrir le lien https://calibre.xoyize.xyz<br />
Se connecter avec l’utilisateur yako qui est l’administrateur de calibre-web<br />
Modifier le chemin de la base et des données Calibre : /home/yunohost.multimedia/share/eBook/BiblioCalibre<br />
Thème sombre</p>
<p>Editer la configuration de l’interface utilisateur → Configuration du mode d’affichage<br />
<img src="/images/calibre-web-02.png" alt="" /></p>
<p><strong>Modifications pour un accès en lecture écriture du dossier</strong></p>
<p>Ajouter l’utilisateur admin au groupe calibreweb pour les droits lecture/écriture</p>
<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>sudo gpasswd -a admin calibreweb
</code></pre></div></div>
<p>Droits <strong>calibreweb.calibreweb</strong> sur le dossier <code class="language-plaintext highlighter-rouge">/home/yunohost.multimedia/share/eBook</code></p>
<h3 id="shaarli">Shaarli</h3>
<p><img src="/images/shaarli_logo.png" alt="" width="70" /></p>
<p>Créer le domaine shaarli.xoyize.xyz avec certificats Let’s Encrypt, emails sortants et entrants à non</p>
<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>yunohost domain cert-install shaarli.xoyize.xyz --no-checks
</code></pre></div></div>
<p>Installation depuis gitea pour une version PHP 8.1</p>
<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>sudo -s
git clone https://gitea.xoyaz.xyz/yann/Shaarli
yunohost app install Shaarli
DANGER! This app is not part of YunoHost's app catalog. Installing third-party apps may compromise the
integrity and security of your system. You should probably NOT install it unless you know what you ar
e doing. NO SUPPORT will be provided if this app doesn't work or breaks your system... If you are will
ing to take that risk anyway, type 'Yes, I understand': Yes, I understand
Choose the domain where this app should be installed [xoyize.xyz | calibre.xoyize.xyz | cloud.xoyize.x
yz | shaarli.xoyize.xyz | static.xoyize.xyz | zic.xoyize.xyz]: shaarli.xoyize.xyz
Choose the URL path (after the domain) where this app should be installed: /
Who should have access to this app? (This can later be changed) [all_users | visitors | admins]: all_users
Choose an administrator user for this app [yako | marina]: yako
Choose an administration password for this app: *********
Choose a title for your Shaarli instance: Shaarli
---
Success! Installation completed
==========
The installation of Shaarli completed. You should now go to https://shaarli.xoyize.xyz/ and create your account. After the creation of the account, the registration will be locked.
==========
WARNING: You should check the app notifications above before continuing, there might be important stuf
f to know. [Press enter to continue]:
</code></pre></div></div>
<p>Pour la gestion LDAP, ajouter ce qui suit au fichier <code class="language-plaintext highlighter-rouge">/var/www/shaarli/data/config.json.php</code></p>
<div class="language-json highlighter-rouge"><div class="highlight"><pre class="highlight"><code><span class="w"> </span><span class="nl">"ldap"</span><span class="p">:</span><span class="w"> </span><span class="p">{</span><span class="w">
</span><span class="nl">"host"</span><span class="p">:</span><span class="w"> </span><span class="s2">"ldap://localhost"</span><span class="p">,</span><span class="w">
</span><span class="nl">"dn"</span><span class="p">:</span><span class="w"> </span><span class="s2">"uid=%s,ou=users,dc=yunohost,dc=org"</span><span class="w">
</span><span class="p">}</span><span class="w">
</span></code></pre></div></div>
<p>Lien : https://shaarli.xoyize.xyz</p>
<p>Le fichier qui contient toutes les marques : /var/www/shaarli/data/datastore.php avec les droits <code class="language-plaintext highlighter-rouge">shaarli;www-data</code></p>
<h3 id="gitea">Gitea</h3>
<p><a href="https://github.com/YunoHost-Apps/gitea_ynh"><img src="/images/gitea-logo.png" alt="" width="70" /></a></p>
<p>Créer le domaine gitea.xoyize.xyz avec certificats Let’s Encrypt, emails sortants et entrants à non</p>
<div class="language-bash highlighter-rouge"><div class="highlight"><pre class="highlight"><code><span class="nb">sudo </span>yunohost domain add gitea.xoyize.xyz <span class="c"># ou utiliser administration web</span>
<span class="nb">sudo </span>yunohost domain cert-install gitea.xoyize.xyz <span class="nt">--no-checks</span>
</code></pre></div></div>
<p>Installation à partir de github</p>
<div class="language-bash highlighter-rouge"><div class="highlight"><pre class="highlight"><code><span class="nb">sudo </span>yunohost app <span class="nb">install</span> <span class="nt">-l</span> gitea https://github.com/YunoHost-Apps/gitea_ynh
<span class="nb">sudo </span>yunohost app <span class="nb">install </span>https://github.com/YunoHost-Apps/gitea_ynh/tree/testing <span class="c"># version test</span>
</code></pre></div></div>
<p>Répondre aux différentes questions et patienter plusieurs minutes …</p>
<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>DANGER! This app is not part of YunoHost's app catalog. Installing third-party apps may compromise the integ
rity and security of your system. You should probably NOT install it unless you know what you are doing. NO
SUPPORT will be provided if this app doesn't work or breaks your system... If you are willing to take that r
isk anyway, type 'Yes, I understand': Yes, I understand
Choose the domain where this app should be installed [xoyize.xyz | calibre.xoyize.xyz | cloud.xoyize.xyz | g
itea.xoyize.xyz | shaarli.xoyize.xyz | static.xoyize.xyz | zic.xoyize.xyz]: gitea.xoyize.xyz
Choose the URL path (after the domain) where this app should be installed: /
Choose an administrator user for this app [yako | marina]: yako
Should this app be exposed to anonymous visitors? [yes | no]: yes
</code></pre></div></div>
<p>Paramétrage gitea https://gitea.xoyize.xyz<br />
<img src="/images/gitea.xoyize.xyz-01.png" alt="" /></p>
<p>Modifier le paramétrage<br />
<strong>Compte</strong><br />
Ajouter une adresse email et la rendre principale
<img src="/images/gitea.xoyize.xyz-02.png" alt="" /><br />
<strong>Profil public</strong>, mise à jour avatar (<code class="language-plaintext highlighter-rouge">~/media/dplus/images/yannick/lettre-y-2.png</code>)<br />
<img src="/images/nextcloud_xoyaz.xyz11.png" alt="" height="150" /></p>
<p>Au final, le profil est le suivant<br />
<img src="/images/gitea.xoyize.xyz-03.png" alt="" /><br />
<img src="/images/gitea.xoyize.xyz-04.png" alt="" /></p>
<h3 id="site-static">Site static</h3>
<h4 id="création-domaine-staticxoyizexyz">Création domaine static.xoyize.xyz</h4>
<ol>
<li>Ouvrir yunohost en mode administrateur</li>
<li>Créer le domaine static.xoyize.xyz</li>
<li>Emails Entrants/Sortants à Non</li>
<li>Certificat Let’s Encrypt<br />
<img src="/images/static_xoyize01.png" alt="" /><br />
<img src="/images/static_xoyize02.png" alt="" /></li>
</ol>
<h4 id="my-webapp">My Webapp</h4>
<p><img src="/images/webapp_xoyize00.png" alt="" /></p>
<p>Interface administrateur: Applications → Catalogue :My Webapp<br />
<img src="/images/webapp_xoyize01.png" alt="" /><br />
<img src="/images/webapp_xoyize02.png" alt="" width="400" /></p>
<p><img src="/images/webapp_xoyize03.png" alt="" /></p>
<p><img src="/images/webapp_xoyize03a.png" alt="" /><br />
PHP 8.2</p>
<p>Création des dossiers multimedia</p>
<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>mkdir -p /home/yunohost.multimedia/share/Divers
mkdir -p /home/yunohost.multimedia/share/Divers/{diceware,img,osm-new,site,static}
</code></pre></div></div>
<p>Le dossier <strong>/home/yunohost.multimedia/share/Divers/static/</strong> contient le site statique qui est issu d’une synchronisation d’un conteneur debian sur un ordinateur archlinux avec jekyll comme générateur</p>
<p>En admin su</p>
<div class="language-bash highlighter-rouge"><div class="highlight"><pre class="highlight"><code><span class="nb">rm</span> <span class="nt">-rf</span> /var/www/my_webapp/www/ <span class="c"># supprimer dossier www web par défaut </span>
<span class="nb">ln</span> <span class="nt">-s</span> /home/yunohost.multimedia/share/Divers/static /var/www/my_webapp/www <span class="c"># lien my_webapp pour le site static</span>
</code></pre></div></div>
<p>Visiter les liens:<br />
<a href="https://static.xoyize.xyz">https://static.xoyize.xyz</a><br />
<img src="/images/static.xoyize.xyz.png" alt="" /></p>
<h4 id="h5ai-site-cartes-diceware">h5ai site cartes diceware</h4>
<p><em>h5ai est un indexeur de fichiers moderne pour les serveurs web HTTP avec un focus sur vos fichiers. Les répertoires sont affichés de manière attrayante et leur navigation est améliorée par différentes vues, un fil d’Ariane et une arborescence.</em></p>
<p>Le dossier _h5ai est inclus dans /site</p>
<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>sudo nano /etc/nginx/conf.d/static.xoyize.xyz.d/my_webapp.d/site.conf
</code></pre></div></div>
<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>location /site {
alias /home/yunohost.multimedia/share/Divers/site/;
index index.html index.php /site/_h5ai/public/index.php;
location ~ [^/]\.php(/|$) {
fastcgi_split_path_info ^(.+?\.php)(/.*)$;
fastcgi_pass unix:/var/run/php/php8.2-fpm-my_webapp.sock;
fastcgi_index index.php;
include fastcgi_params;
fastcgi_param REMOTE_USER $remote_user;
fastcgi_param PATH_INFO $fastcgi_path_info;
fastcgi_param SCRIPT_FILENAME $request_filename;
}
}
location /diceware {
alias /home/yunohost.multimedia/share/Divers/diceware/;
}
location /cartes {
alias /home/yunohost.multimedia/share/Divers/osm-new/;
}
</code></pre></div></div>
<p>Recharger nginx : <code class="language-plaintext highlighter-rouge">sudo systemctl reload nginx</code></p>
<p><a href="https://static.xoyize.xyz/site">https://static.xoyize.xyz/site</a><br />
<a href="https://static.xoyize.xyz/cartes">https://static.xoyize.xyz/cartes</a><br />
<a href="https://static.xoyize.xyz/diceware">https://static.xoyize.xyz/diceware</a></p>
<h3 id="site-div">site div</h3>
<h4 id="création-domaine-divyanfinet">Création domaine div.yanfi.net</h4>
<ol>
<li>Ouvrir yunohost en mode administrateur</li>
<li>Créer le domaine static.yanfi.net</li>
<li>Emails Entrants/Sortants à Non</li>
<li>Certificat Let’s Encrypt<br />
<img src="/images/div_yanfi01.png" alt="" /><br />
<img src="/images/div_yanfi02.png" alt="" /></li>
</ol>
<p>Installer my_webapp<br />
<img src="/images/div_yanfi03.png" alt="" /></p>
<p><img src="/images/div_yanfi04.png" alt="" /><br />
<img src="/images/div_yanfi05.png" alt="" /></p>
<h3 id="jirafeau---partage-de-fichiers">Jirafeau - Partage de fichiers</h3>
<p><img src="/images/Jirafeau_logo.png" alt="Jirafeau" height="100" /><br />
<a href="https://yunohost.org/fr/app_jirafeau">https://yunohost.org/fr/app_jirafeau</a><br />
<em>Jirafeau offre la possibilité d’héberger et de partager vos fichiers, le tout en toute simplicité. Choisissez un fichier, Jirafeau vous fournira un lien avec beaucoup d’options. Il est possible de protéger vos liens avec mot de passe ainsi que de choisir la durée de rétention du fichier sur le serveur. Le fichier et le lien s’autodétruiront passé ce délai. Les téléchargements des fichiers transmis peuvent être limités à une certaine date, et chaque fichier peut s’autodétruire après le premier téléchargement. Jirafeau permet de configurer les temps maximum de rétention ainsi que la taille maximale par fichier. Le chiffrement est disponible en option.</em></p>
<p>Installation via administration web<br />
<img src="/images/Jirafeau01.png" alt="Jirafeau" /></p>
<p>Pour envoyer un fichier sur Jirafeau le mot de passe est nécessaire<br />
<img src="/images/Jirafeau02.png" alt="Jirafeau" height="250" /></p>
<p>Cliquer sur le + puis sélectionner le fichier à envoyer<br />
<img src="/images/Jirafeau03.png" alt="Jirafeau" height="250" /></p>
<p>Avec les options par défaut<br />
<img src="/images/Jirafeau04.png" alt="Jirafeau" height="250" /><br />
On voit que le fichier est disponible au téléchargement pour un mois</p>
<h3 id="snappymail">SnappyMail</h3>
<p><img src="/images/logo-snappymail.png" alt="" height="80" /><br />
<em>Client de messagerie Web simple, moderne, léger et rapide. La version radicalement améliorée et sécurisée de RainLoop Webmail Community edition.</em></p>
<p>Création domaine webmail.yanfi.net en ligne de commande pour par admin web</p>
<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>sudo yunohost domain add webmail.yanfi.net
sudo yunohost domain cert-install webmail.yanfi.net --no-checks
</code></pre></div></div>
<p>Configurer le domaine pour supprimer la gestion des messages entrants et sortants</p>
<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>yunohost domain config set webmail.yanfi.net -a "mail_in=0&amp;mail_out=0"
</code></pre></div></div>
<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>========================================
&gt;&gt;&gt;&gt; Feature
========================================
Default app [_none | gitea | my_webapp | nextcloud | searx | snappymail | transmission | ttrss]: _none
Warning: So far, enabling/disabling mail or XMPP features only impact the recommended and automatic DNS configuration, not system configurations!
Instant messaging (XMPP) [yes | no]: no
========================================
&gt;&gt;&gt;&gt; Dns
========================================
Info: This domain is a subdomain of yanfi.net. DNS registrar configuration should be managed in webmail.yanfi.net's configuration panel.
Info: Saving the new configuration...
Success! Config updated as expected
</code></pre></div></div>
<p>Vérification</p>
<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>yunohost domain config get webmail.yanfi.net
</code></pre></div></div>
<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>dns.registrar.registrar:
ask: This domain is a subdomain of yanfi.net. DNS registrar configuration should be managed in webmail.yanfi.net's configuration panel.
value: parent_domain
feature.app.default_app:
ask: Default app
value: _none
feature.mail.features_disclaimer:
ask: So far, enabling/disabling mail or XMPP features only impact the recommended and automatic DNS configuration, not system configurations!
feature.mail.mail_in:
ask: Incoming emails
value: no
feature.mail.mail_out:
ask: Outgoing emails
value: no
feature.xmpp.xmpp:
ask: Instant messaging (XMPP)
value: no
</code></pre></div></div>
<p>Installer application snappymail en ligne de commande</p>
<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>sudo yunohost app install https://github.com/YunoHost-Apps/snappymail_ynh
</code></pre></div></div>
<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>Choose the domain where this app should be installed [yanfi.net | gitea.yanfi.net | rss.yanfi.net | searx.yanfi.net | stat
ic.yanfi.net | webmail.yanfi.net]: webmail.yanfi.net
Choose the URL path (after the domain) where this app should be installed: /
Should this app be exposed to anonymous visitors? [yes | no]: yes
</code></pre></div></div>
<p>Installer application snappymail par admin web<br />
<img src="/images/snappymail10.png" alt="" /><br />
<img src="/images/snappymail11.png" alt="" /></p>
<p>Le wiki <a href="https://github.com/the-djmaze/snappymail/wiki">https://github.com/the-djmaze/snappymail/wiki</a></p>
<h4 id="administration">Administration</h4>
<p>Ouvrez l’interface utilisateur admin <a href="https://webmail.yanfi.net/?admin">https://webmail.yanfi.net/?admin</a> pour configurer les paramètres de votre serveur de messagerie. Connectez-vous avec l’utilisateur “admin” et le mot de passe du fichier <code class="language-plaintext highlighter-rouge">/var/www/snappymail/data/_data_/_default_/admin_password.txt</code>. Si vous avez des problèmes pour appeler l’interface d’administration, essayez en mode privé de votre navigateur. De cette façon, les cookies et autres données en cache des installations précédentes sont ignorés.</p>
<p><img src="/images/snappymail01.png" alt="" />{width=”400”}</p>
<p>Télécharger et activer extension TOTP<br />
<img src="/images/snappymail12.png" alt="" />{width=”400”}<br />
<img src="/images/snappymail13.png" alt="" />{width=”400”}<br />
<img src="/images/snappymail14.png" alt="" />{width=”400”}</p>
<p>ajouter la clé de votre générateur dans “Code TOTP” pour l’authentification à 2 facteurs<br />
<img src="/images/snappymail15.png" alt="" />{width=”300”}<br />
Se reconnecter, il faudra saisir le code TOTP<br />
<img src="/images/snappymail16.png" alt="" />{width=”300”}</p>
<p>Ajouter les nouveaux domaines de messagerie puis se déconnecter</p>
<p>Ouvrir en mode utilisateur <a href="https://webmail.yanfi.net">https://webmail.yanfi.net</a> <br />
Saisir adresse messagerie et mot de passe<br />
A la première connexion de chaque utilisateur, il faut mettre en place le code totp</p>
<h4 id="ajout-comptes-de-messagerie">Ajout comptes de messagerie</h4>
<p>Ajouter un compte de messagerie<br />
<img src="/images/snappymail04.png" alt="" />{width=”400”}<br />
<img src="/images/snappymail05.png" alt="" />{width=”400”}</p>
<p class="info">Tous les comptes de messagerie sont accessibles par une adresse et mot de passe plus un second facteur d’authentification de type TOTP.</p>
<h3 id="tiny-tiny-rss">Tiny Tiny RSS</h3>
<p><img src="/images/ttrss-logo-a.png" alt="image" width="50px" /></p>
<h4 id="domaine-rssyanfinet">Domaine rss.yanfi.net</h4>
<p>Ajout domaine et certificats rss.yanfi.net</p>
<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>yunohost domain add rss.yanfi.net
yunohost domain cert install rss.yanfi.net --no-checks
</code></pre></div></div>
<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>[...]
Success! Configuration updated for 'nginx'
Success! Let's Encrypt certificate now installed for the domain 'rss.yanfi.net'
</code></pre></div></div>
<p>Paramétrage en mode administration web, emails sortants et entrants à Non <br />
<img src="/images/xoyaz-yunohost-003.png" alt="" /></p>
<h4 id="installer-tiny-tiny-rss">Installer Tiny Tiny RSS</h4>
<p>A-Installation en ligne de commande</p>
<div class="language-bash highlighter-rouge"><div class="highlight"><pre class="highlight"><code>git clone https://gitea.xoyize.xyz/yako/ttrss.git
<span class="nb">sudo </span>yunohost app <span class="nb">install </span>ttrss
</code></pre></div></div>
<p>Répondre aux questions</p>
<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>Choose the domain where this app should be installed [cinay.eu | xoyize.xyz | calibre.xoyize.xyz | cloud.xoy
ize.xyz | gitea.xoyize.xyz | office.xoyize.xyz | shaarli.xoyize.xyz | static.xoyize.xyz | zic.xoyize.xyz | y
anfi.net | rss.yanfi.net | webmail.yanfi.net]: rss.yanfi.net
Choose the URL path (after the domain) where this app should be installed: /
Who should have access to this app? (This can later be changed) [all_users | visitors | admins]: visitors
[...]
Success! Installation completed
==========
Default credentials are:
Username: `admin`
password: `password`
==========
WARNING: You should check the app notifications above before continuing, there might be important stuff to k
now. [Press enter to continue]:
</code></pre></div></div>
<p>B-Installation via admin web<br />
<img src="/images/ttrss-web-install.png" alt="" /><br />
<img src="/images/ttrss-web-install01.png" alt="" /><br />
<img src="/images/ttrss-web-install02.png" alt="" /></p>
<p>Ouvrir le lien <a href="https://rss.yanfi.net">https://rss.yanfi.net</a> avec admin/password <br />
<img src="/images/ttrss001.png" alt="" width="300" /><br />
Ouvrir et ajouter un utilisateur administrateur yako et son mot de passe<br />
Déconnecter admin puis connecter yako</p>
<p>Activer api<br />
<img src="/images/ttrss002.png" alt="" width="400px" /></p>
<p>Importer les paramètres et flux depuis un fichier opml</p>
<p>Modifier la ligne suivante du fichier <code class="language-plaintext highlighter-rouge">/var/www/ttrss/config.php</code> (ajout de <code class="language-plaintext highlighter-rouge">auth_remote</code>)</p>
<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code> putenv('TTRSS_PLUGINS=auth_internal, auth_remote, note, data_migration');
</code></pre></div></div>
<h4 id="authentification-par-certificat-client">Authentification par certificat client</h4>
<p><img src="/images/certificat-a.png" alt="image" width="80px" /></p>
<p><a href="/2022/05/13/Mettre_en_place_et_configurer_une_autorite_de_certification_AC_avec_Easy-RSA.html">Comment mettre en place et configurer une autorité de certification (AC) avec Easy-RSA</a></p>
<p>Autorité de certification yako /usr/local/share/ca-certificates/ac-yako.crt , mise à jour par <code class="language-plaintext highlighter-rouge">update-ca-certificates</code></p>
<p>Les certificats sous <code class="language-plaintext highlighter-rouge">/etc/ssl/certs/</code></p>
<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>lrwxrwxrwx 1 root root 44 Jul 12 12:03 ac-yako.pem -&gt; /usr/local/share/ca-certificates/ac-yako.crt
lrwxrwxrwx 1 root root 11 Jul 12 12:03 b93a0109.0 -&gt; ac-yako.pem
</code></pre></div></div>
<p>Le certificat client suffixe <strong>pfx</strong> sera importé dans firefox et chrome</p>
<p>Exemple avec yannick.pfx (Le mot de passe pour l’importation est exigé)<br />
<img src="/images/certificat-client-firefox-a.png" alt="" /> <br />
<img src="/images/certificat-client-firefox-b.png" alt="" /></p>
<p><a href="/2023/07/13/Tiny-Tiny-RSS_ttrss.html#authentification-par-certificat-client">Tiny Tiny RSS (ttrss) authentification par certificat client</a></p>
<h3 id="freshrss-non-actif">FreshRSS (NON ACTIF)</h3>
<p><em>Agrégateur de flux RSS avec une interface adaptée au mobile.</em></p>
<p>Installer l’application par l’administration web<br />
Pour éviter l’erreur en ouverture, il faut sélectionner <strong>admins</strong> dans les groupes autorisés<br />
Domaine <code class="language-plaintext highlighter-rouge">rss.yanfi.net</code> et chemin <code class="language-plaintext highlighter-rouge">/</code></p>
<p>Pour une utilisation de l’application mobile EasyRSS, il faut configurer l’api</p>
<ul>
<li>Dans votre profil utilisateur : Paramètres &gt; profil</li>
<li>Configurer un mot de passe API</li>
<li>Vérifiez que l’API fonctionne : https://rss.yanfi.net/rss/api/greader.php</li>
<li>Configurez votre client avec :
<ul>
<li>nom d’utilisateur : ynh user</li>
<li>mot de passe : le mot de passe que vous venez de configurer</li>
<li>URL https://rss.yanfi.net/rss/api/greader.php</li>
</ul>
</li>
</ul>
<h3 id="moteur-recherche-searxng--inactif">Moteur recherche SearxNG (INACTIF)</h3>
<p>Ajout domaine seaxr.xoyize.xyz + Certificats + Emails entrants sortants à Non<br />
Installer application SearxNG , chemin <code class="language-plaintext highlighter-rouge">/</code> , accès aux visiteurs</p>
<p>Modifier le paramétrage de l’application en mode cli, pour afficher sur un nouvel onglet le clic sur un des liens du résultat de la recherche</p>
<div class="language-bash highlighter-rouge"><div class="highlight"><pre class="highlight"><code><span class="nb">sudo</span> <span class="nt">-s</span>
<span class="nb">sudo</span> <span class="nt">-H</span> <span class="nb">sed</span> <span class="nt">-i</span> <span class="nt">-e</span> <span class="s2">"s/</span><span class="se">\#</span><span class="s2"> results_on_new_tab: false/results_on_new_tab</span><span class="se">\:</span><span class="s2"> true/g"</span> /var/www/searxng/searxng-src/searx/settings.yml
</code></pre></div></div>
<p>Relancer le service</p>
<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>sudo systemctl restart uwsgi-app@searxng.service
</code></pre></div></div>
<h2 id="maintenance">Maintenance</h2>
<h3 id="php-cli-alternative">PHP cli alternative</h3>
<p>Pour changer la version PHP cli par défaut</p>
<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>sudo update-alternatives --config php
</code></pre></div></div>
<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>There are 2 choices for the alternative php (providing /usr/bin/php).
Selection Path Priority Status
------------------------------------------------------------
0 /usr/bin/php8.0 80 auto mode
1 /usr/bin/php7.4 74 manual mode
* 2 /usr/bin/php8.0 80 manual mode
Press &lt;enter&gt; to keep the current choice[*], or type selection number:
</code></pre></div></div>
<h3 id="antivirus-clamav---inactif">Antivirus ClamAV - INACTIF</h3>
<p><img src="/images/ClamAVLogo_med.png" alt="" width="150" /><br />
<em>L’antivirus clamav a été installé suite à une suspicion d’infection du vps avec risque de blocage par l’autorité de gestion xoyize-ed25519</em></p>
<p>Installation et procédures, voir le lien suivant : <a href="/2022/08/19/Linux-Antivirus-ClamAV.html">ClamAV antivirus linux</a></p>
<p>Les bases antivirales sont mises à jour tous les 6 heures</p>
<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>sudo -s
</code></pre></div></div>
<p>Création du tâche à exécuter en root</p>
<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>crontab -e
</code></pre></div></div>
<p>On va scanner à 1h du matin tous les jours le dossier <code class="language-plaintext highlighter-rouge">/srv/datayan/static</code> avec une réserve à 15% sur l’utilisation du CPU</p>
<div class="language-bash highlighter-rouge"><div class="highlight"><pre class="highlight"><code><span class="c"># ClamAV antivirus scan avec utilisation CPU de 15% max </span>
00 01 <span class="k">*</span> <span class="k">*</span> <span class="k">*</span> <span class="nb">nice</span> <span class="nt">-n</span> 15 clamscan <span class="o">&amp;&amp;</span> clamscan <span class="nt">-ir</span> <span class="nt">-l</span> /var/log/clamav/scan.log /srv/datayan/static
</code></pre></div></div>
<h3 id="test-de-sécurité">Test de sécurité</h3>
<p><a href="https://www.ssllabs.com/ssltest/index.html">Analyse SSL</a> contre le site Web pour trouver le score et la vulnérabilité essentielle.<br />
<img src="/images/ssllabs-xoyize.xyz.png" alt="" /></p>
<h3 id="erreur-certificat-invalide-port-587">Erreur Certificat invalide (port 587)</h3>
<p>Lors de l’envoi d’un message en utilisant le smtp xoyize.xyz, j’ai une erreur<br />
<img src="/images/erreur-smtp.png" alt="" /></p>
<p>Le certificat SSL est valide<br />
<img src="/images/erreur-smtp01.png" alt="" /></p>
<p>Par contre il n’est pas valide sur le port 587</p>
<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>openssl s_client -starttls smtp -showcerts -connect xoyize.xyz:587 -servername xoyize.xyz
</code></pre></div></div>
<p><img src="/images/erreur-smtp02.png" alt="" /></p>
<p>Pour la solution, il faut exécuter le commande suivante sur le serveur</p>
<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>sudo postmap -F hash:/etc/postfix/sni
</code></pre></div></div>
<p>Vérification</p>
<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>openssl s_client -starttls smtp -showcerts -connect xoyize.xyz:587 -servername xoyize.xyz
</code></pre></div></div>
<p><img src="/images/erreur-smtp03.png" alt="" /></p>
<p>Il faut exécuter la commande <code class="language-plaintext highlighter-rouge">postmap -F hash:/etc/postfix/sni</code> après chaque renouvellement de certificat…</p>
<p><code class="language-plaintext warning highlighter-rouge">ATTENTION Une simple commande peut corriger le problème : yunohost tools regen-conf dovecot --force</code></p>
<h3 id="yunohost-thème-yako">Yunohost thème “yako”</h3>
<p>A partir d’un thème existant : <code class="language-plaintext highlighter-rouge">cp -r /usr/share/ssowat/portal/assets/themes/{unsplash,yako}</code> <br />
Les images : <code class="language-plaintext highlighter-rouge">/usr/share/ssowat/portal/assets/img/</code></p>
<ul>
<li>Image de fond : <code class="language-plaintext highlighter-rouge">code_coding_binary_code_abstract_patterns_112140_1920x1080.jpg</code> <br />
<img src="/images/code_coding_binary_code_abstract_patterns_112140_1920x1080.jpg" alt="" height="150" /></li>
<li>Image logo : lettre-y-40x40.png <br />
<img src="/images/lettre-y-40x40.png" alt="" height="50" /></li>
<li>Image overlay : yako.png<br />
<img src="/images/yako.png" alt="" height="50" /></li>
</ul>
<p>Changer le “branding” du portail utilisateur “YunoHost” par “yako” (yann.png)<br />
Copier yako.png dans le dossier <code class="language-plaintext highlighter-rouge">/usr/share/ssowat/portal/assets/themes/yako/</code></p>
<p>Modifier le fichier css : <code class="language-plaintext highlighter-rouge">/usr/share/ssowat/portal/assets/themes/yako/custom_portal.css</code></p>
<div class="language-css highlighter-rouge"><div class="highlight"><pre class="highlight"><code><span class="c">/*Image de fond*/</span>
<span class="nc">.ynh-user-portal</span> <span class="p">{</span>
<span class="nl">background-image</span><span class="p">:</span> <span class="sx">url('../../img/code_coding_binary_code_abstract_patterns_112140_1920x1080.jpg')</span> <span class="cp">!important</span><span class="p">;</span>
<span class="nl">background-repeat</span><span class="p">:</span> <span class="nb">no-repeat</span><span class="p">;</span>
<span class="nl">background-size</span><span class="p">:</span> <span class="n">cover</span><span class="p">;</span>
<span class="nl">width</span><span class="p">:</span> <span class="m">100%</span><span class="p">;</span>
<span class="nl">height</span><span class="p">:</span> <span class="m">100%</span><span class="p">;</span>
<span class="p">}</span>
<span class="c">/*Personnaliser le logo */</span>
<span class="nf">#ynh-logo</span> <span class="p">{</span>
<span class="nl">z-index</span><span class="p">:</span> <span class="m">10</span><span class="p">;</span>
<span class="nl">background-image</span><span class="p">:</span> <span class="sx">url("yako.png")</span><span class="p">;</span>
<span class="p">}</span>
</code></pre></div></div>
<p>Puis ajouter en fin du fichier</p>
<details>
<summary><b>Etendre Réduire</b></summary>
<figure class="highlight"><pre><code class="language-css" data-lang="css">
<span class="nc">.user-container</span><span class="nd">:before</span> <span class="p">{</span>
<span class="nl">content</span><span class="p">:</span> <span class="sx">url("../../img/lettre-y-40x40.png")</span><span class="p">;</span>
<span class="nl">background</span><span class="p">:</span> <span class="m">#0000</span><span class="p">;</span>
<span class="p">}</span>
<span class="c">/*
===============================================================================
extra CSS rules to customize the YunoHost user portal and
can be used to customize app tiles, buttons, etc...
===============================================================================
*/</span>
<span class="nc">.bluebg</span> <span class="p">{</span>
<span class="nl">background</span><span class="p">:</span> <span class="m">#3498DB</span><span class="cp">!important</span><span class="p">;</span>
<span class="p">}</span>
<span class="nc">.bluebg</span><span class="nd">:hover:after</span><span class="o">,</span>
<span class="nc">.bluebg</span><span class="nd">:focus:after</span><span class="o">,</span>
<span class="nc">.bluebg</span><span class="nd">:hover:before</span><span class="o">,</span>
<span class="nc">.bluebg</span><span class="nd">:focus:before</span> <span class="p">{</span>
<span class="nl">background</span><span class="p">:</span> <span class="m">#16527A</span><span class="cp">!important</span><span class="p">;</span>
<span class="p">}</span>
<span class="nc">.purplebg</span> <span class="p">{</span>
<span class="nl">background</span><span class="p">:</span> <span class="m">#9B59B6</span><span class="cp">!important</span><span class="p">;</span>
<span class="p">}</span>
<span class="nc">.purplebg</span><span class="nd">:hover:after</span><span class="o">,</span>
<span class="nc">.purplebg</span><span class="nd">:focus:after</span><span class="o">,</span>
<span class="nc">.purplebg</span><span class="nd">:hover:before</span><span class="o">,</span>
<span class="nc">.purplebg</span><span class="nd">:focus:before</span> <span class="p">{</span>
<span class="nl">background</span><span class="p">:</span> <span class="m">#532C64</span><span class="cp">!important</span><span class="p">;</span>
<span class="p">}</span>
<span class="nc">.redbg</span> <span class="p">{</span>
<span class="nl">background</span><span class="p">:</span> <span class="m">#E74C3C</span><span class="cp">!important</span><span class="p">;</span>
<span class="p">}</span>
<span class="nc">.redbg</span><span class="nd">:hover:after</span><span class="o">,</span>
<span class="nc">.redbg</span><span class="nd">:focus:after</span><span class="o">,</span>
<span class="nc">.redbg</span><span class="nd">:hover:before</span><span class="o">,</span>
<span class="nc">.redbg</span><span class="nd">:focus:before</span> <span class="p">{</span>
<span class="nl">background</span><span class="p">:</span> <span class="m">#921E12</span><span class="cp">!important</span><span class="p">;</span>
<span class="p">}</span>
<span class="nc">.orangebg</span> <span class="p">{</span>
<span class="nl">background</span><span class="p">:</span> <span class="m">#F39C12</span><span class="cp">!important</span><span class="p">;</span>
<span class="p">}</span>
<span class="nc">.orangebg</span><span class="nd">:hover:after</span><span class="o">,</span>
<span class="nc">.orangebg</span><span class="nd">:focus:after</span><span class="o">,</span>
<span class="nc">.orangebg</span><span class="nd">:hover:before</span><span class="o">,</span>
<span class="nc">.orangebg</span><span class="nd">:focus:before</span> <span class="p">{</span>
<span class="nl">background</span><span class="p">:</span> <span class="m">#7F5006</span><span class="cp">!important</span><span class="p">;</span>
<span class="p">}</span>
<span class="nc">.greenbg</span> <span class="p">{</span>
<span class="nl">background</span><span class="p">:</span> <span class="m">#2ECC71</span><span class="cp">!important</span><span class="p">;</span>
<span class="p">}</span>
<span class="nc">.greenbg</span><span class="nd">:hover:after</span><span class="o">,</span>
<span class="nc">.greenbg</span><span class="nd">:focus:after</span><span class="o">,</span>
<span class="nc">.greenbg</span><span class="nd">:hover:before</span><span class="o">,</span>
<span class="nc">.greenbg</span><span class="nd">:focus:before</span> <span class="p">{</span>
<span class="nl">background</span><span class="p">:</span> <span class="m">#176437</span><span class="cp">!important</span><span class="p">;</span>
<span class="p">}</span>
<span class="nc">.darkbluebg</span> <span class="p">{</span>
<span class="nl">background</span><span class="p">:</span> <span class="m">#34495E</span><span class="cp">!important</span><span class="p">;</span>
<span class="p">}</span>
<span class="nc">.darkbluebg</span><span class="nd">:hover:after</span><span class="o">,</span>
<span class="nc">.darkbluebg</span><span class="nd">:focus:after</span><span class="o">,</span>
<span class="nc">.darkbluebg</span><span class="nd">:hover:before</span><span class="o">,</span>
<span class="nc">.darkbluebg</span><span class="nd">:focus:before</span> <span class="p">{</span>
<span class="nl">background</span><span class="p">:</span> <span class="m">#07090C</span><span class="cp">!important</span><span class="p">;</span>
<span class="p">}</span>
<span class="nc">.lightbluebg</span> <span class="p">{</span>
<span class="nl">background</span><span class="p">:</span> <span class="m">#6A93D4</span><span class="cp">!important</span><span class="p">;</span>
<span class="p">}</span>
<span class="nc">.lightbluebg</span><span class="nd">:hover:after</span><span class="o">,</span>
<span class="nc">.lightbluebg</span><span class="nd">:focus:after</span><span class="o">,</span>
<span class="nc">.lightbluebg</span><span class="nd">:hover:before</span><span class="o">,</span>
<span class="nc">.lightbluebg</span><span class="nd">:focus:before</span> <span class="p">{</span>
<span class="nl">background</span><span class="p">:</span> <span class="m">#2B5394</span><span class="cp">!important</span><span class="p">;</span>
<span class="p">}</span>
<span class="nc">.yellowbg</span> <span class="p">{</span>
<span class="nl">background</span><span class="p">:</span> <span class="m">#F1C40F</span><span class="cp">!important</span><span class="p">;</span>
<span class="p">}</span>
<span class="nc">.yellowbg</span><span class="nd">:hover:after</span><span class="o">,</span>
<span class="nc">.yellowbg</span><span class="nd">:focus:after</span><span class="o">,</span>
<span class="nc">.yellowbg</span><span class="nd">:hover:before</span><span class="o">,</span>
<span class="nc">.yellowbg</span><span class="nd">:focus:before</span> <span class="p">{</span>
<span class="nl">background</span><span class="p">:</span> <span class="m">#796307</span><span class="cp">!important</span><span class="p">;</span>
<span class="p">}</span>
<span class="nc">.lightpinkbg</span> <span class="p">{</span>
<span class="nl">background</span><span class="p">:</span> <span class="m">#F76F87</span><span class="cp">!important</span><span class="p">;</span>
<span class="p">}</span>
<span class="nc">.lightpinkbg</span><span class="nd">:hover:after</span><span class="o">,</span>
<span class="nc">.lightpinkbg</span><span class="nd">:focus:after</span><span class="o">,</span>
<span class="nc">.lightpinkbg</span><span class="nd">:hover:before</span><span class="o">,</span>
<span class="nc">.lightpinkbg</span><span class="nd">:focus:before</span> <span class="p">{</span>
<span class="nl">background</span><span class="p">:</span> <span class="m">#DA0C31</span><span class="cp">!important</span><span class="p">;</span>
<span class="p">}</span>
<span class="c">/* Following colors are not used yet */</span>
<span class="nc">.pinkbg</span> <span class="p">{</span>
<span class="nl">background</span><span class="p">:</span> <span class="m">#D66D92</span><span class="cp">!important</span><span class="p">;</span>
<span class="p">}</span>
<span class="nc">.pinkbg</span><span class="nd">:hover:after</span><span class="o">,</span>
<span class="nc">.pinkbg</span><span class="nd">:focus:after</span><span class="o">,</span>
<span class="nc">.pinkbg</span><span class="nd">:hover:before</span><span class="o">,</span>
<span class="nc">.pinkbg</span><span class="nd">:focus:before</span> <span class="p">{</span>
<span class="nl">background</span><span class="p">:</span> <span class="m">#992B52</span><span class="cp">!important</span><span class="p">;</span>
<span class="p">}</span>
<span class="nc">.turquoisebg</span> <span class="p">{</span>
<span class="nl">background</span><span class="p">:</span> <span class="m">#1ABC9C</span><span class="cp">!important</span><span class="p">;</span>
<span class="p">}</span>
<span class="nc">.turquoisebg</span><span class="nd">:hover:after</span><span class="o">,</span>
<span class="nc">.turquoisebg</span><span class="nd">:focus:after</span><span class="o">,</span>
<span class="nc">.turquoisebg</span><span class="nd">:hover:before</span><span class="o">,</span>
<span class="nc">.turquoisebg</span><span class="nd">:focus:before</span> <span class="p">{</span>
<span class="nl">background</span><span class="p">:</span> <span class="m">#0B4C3F</span><span class="cp">!important</span><span class="p">;</span>
<span class="p">}</span>
<span class="nc">.lightyellow</span> <span class="p">{</span>
<span class="nl">background</span><span class="p">:</span> <span class="m">#FFC973</span><span class="cp">!important</span><span class="p">;</span>
<span class="p">}</span>
<span class="nc">.lightyellow</span><span class="nd">:hover:after</span><span class="o">,</span>
<span class="nc">.lightyellow</span><span class="nd">:focus:after</span><span class="o">,</span>
<span class="nc">.lightyellow</span><span class="nd">:hover:before</span><span class="o">,</span>
<span class="nc">.lightyellow</span><span class="nd">:focus:before</span> <span class="p">{</span>
<span class="nl">background</span><span class="p">:</span> <span class="m">#F39500</span><span class="cp">!important</span><span class="p">;</span>
<span class="p">}</span>
<span class="nc">.lightgreen</span> <span class="p">{</span>
<span class="nl">background</span><span class="p">:</span> <span class="m">#B5F36D</span><span class="cp">!important</span><span class="p">;</span>
<span class="p">}</span>
<span class="nc">.lightgreen</span><span class="nd">:hover:after</span><span class="o">,</span>
<span class="nc">.lightgreen</span><span class="nd">:focus:after</span><span class="o">,</span>
<span class="nc">.lightgreen</span><span class="nd">:hover:before</span><span class="o">,</span>
<span class="nc">.lightgreen</span><span class="nd">:focus:before</span> <span class="p">{</span>
<span class="nl">background</span><span class="p">:</span> <span class="m">#77CF11</span><span class="cp">!important</span><span class="p">;</span>
<span class="p">}</span>
<span class="nc">.purpledarkbg</span> <span class="p">{</span>
<span class="nl">background</span><span class="p">:</span> <span class="m">#8E44AD</span><span class="cp">!important</span><span class="p">;</span>
<span class="p">}</span>
<span class="nc">.purpledarkbg</span><span class="nd">:hover:after</span><span class="o">,</span>
<span class="nc">.purpledarkbg</span><span class="nd">:focus:after</span><span class="o">,</span>
<span class="nc">.purpledarkbg</span><span class="nd">:hover:before</span><span class="o">,</span>
<span class="nc">.purpledarkbg</span><span class="nd">:focus:before</span> <span class="p">{</span>
<span class="nl">background</span><span class="p">:</span> <span class="m">#432051</span><span class="cp">!important</span><span class="p">;</span>
<span class="p">}</span></code></pre></figure>
</details>
<p>Personnaliser le logo en modifiant également le fichier <code class="language-plaintext highlighter-rouge">/usr/share/ssowat/portal/assets/themes/yako/custom_overlay.css</code></p>
<div class="language-css highlighter-rouge"><div class="highlight"><pre class="highlight"><code><span class="nf">#ynh-overlay-switch</span> <span class="p">{</span>
<span class="nl">background-image</span><span class="p">:</span> <span class="sx">url("yako.png")</span><span class="p">;</span>
<span class="c">/* Fond et bordure transparents*/</span>
<span class="nl">border-color</span><span class="p">:</span> <span class="m">#0000</span><span class="p">;</span>
<span class="nl">background-color</span><span class="p">:</span> <span class="m">#0000</span><span class="p">;</span>
<span class="p">}</span>
</code></pre></div></div>
<p>Activer le thème dans le fichier <code class="language-plaintext highlighter-rouge">/etc/ssowat/conf.json.persistent</code></p>
<div class="language-json highlighter-rouge"><div class="highlight"><pre class="highlight"><code><span class="p">{</span><span class="w">
</span><span class="nl">"theme"</span><span class="w"> </span><span class="p">:</span><span class="w"> </span><span class="s2">"yako"</span><span class="p">,</span><span class="w">
</span><span class="p">}</span><span class="w">
</span></code></pre></div></div>
<p>Créer le fichier <code class="language-plaintext highlighter-rouge">/usr/share/ssowat/portal/assets/themes/yako/custom_portal.js</code></p>
<div class="language-js highlighter-rouge"><div class="highlight"><pre class="highlight"><code><span class="cm">/*
===============================================================================
This JS file may be used to customize the YunoHost user portal *and* also
will be loaded in all app pages if the app nginx's conf does include the
appropriate snippet.
You can monkeypatch init_portal (loading of the user portal) and
init_portal_button_and_overlay (loading of the button and overlay...) to do
custom stuff
===============================================================================
*/</span>
<span class="kd">var</span> <span class="nx">app_tile_colors</span> <span class="o">=</span> <span class="p">[</span><span class="dl">'</span><span class="s1">redbg</span><span class="dl">'</span><span class="p">,</span><span class="dl">'</span><span class="s1">purpledarkbg</span><span class="dl">'</span><span class="p">,</span><span class="dl">'</span><span class="s1">darkbluebg</span><span class="dl">'</span><span class="p">,</span><span class="dl">'</span><span class="s1">orangebg</span><span class="dl">'</span><span class="p">,</span><span class="dl">'</span><span class="s1">greenbg</span><span class="dl">'</span><span class="p">,</span> <span class="dl">'</span><span class="s1">yellowbg</span><span class="dl">'</span><span class="p">,</span><span class="dl">'</span><span class="s1">lightpinkbg</span><span class="dl">'</span><span class="p">,</span><span class="dl">'</span><span class="s1">pinkbg</span><span class="dl">'</span><span class="p">,</span><span class="dl">'</span><span class="s1">turquoisebg</span><span class="dl">'</span><span class="p">,</span><span class="dl">'</span><span class="s1">lightbluebg</span><span class="dl">'</span><span class="p">,</span> <span class="dl">'</span><span class="s1">bluebg</span><span class="dl">'</span><span class="p">];</span>
<span class="kd">function</span> <span class="nf">set_app_tile_style</span><span class="p">(</span><span class="nx">el</span><span class="p">)</span>
<span class="p">{</span>
<span class="c1">// Select a color value from the App label</span>
<span class="nx">randomColorNumber</span> <span class="o">=</span> <span class="nf">parseInt</span><span class="p">(</span><span class="nx">el</span><span class="p">.</span><span class="nx">textContent</span><span class="p">,</span> <span class="mi">36</span><span class="p">)</span> <span class="o">%</span> <span class="nx">app_tile_colors</span><span class="p">.</span><span class="nx">length</span><span class="p">;</span>
<span class="c1">// Add color class.</span>
<span class="nx">el</span><span class="p">.</span><span class="nx">classList</span><span class="p">.</span><span class="nf">add</span><span class="p">(</span><span class="nx">app_tile_colors</span><span class="p">[</span><span class="nx">randomColorNumber</span><span class="p">]);</span>
<span class="p">}</span>
<span class="c1">// Monkeypatch init_portal to customize the app tile style</span>
<span class="nx">init_portal_original</span> <span class="o">=</span> <span class="nx">init_portal</span><span class="p">;</span>
<span class="nx">init_portal</span> <span class="o">=</span> <span class="kd">function</span><span class="p">()</span>
<span class="p">{</span>
<span class="nf">init_portal_original</span><span class="p">();</span>
<span class="nb">Array</span><span class="p">.</span><span class="nf">each</span><span class="p">(</span><span class="nb">document</span><span class="p">.</span><span class="nf">getElementsByClassName</span><span class="p">(</span><span class="dl">"</span><span class="s2">app-tile</span><span class="dl">"</span><span class="p">),</span> <span class="nx">set_app_tile_style</span><span class="p">);</span>
<span class="p">}</span>
<span class="cm">/*
* Monkey patching example to do custom stuff when loading inside an app
*
init_portal_button_and_overlay_original = init_portal_button_and_overlay;
init_portal_button_and_overlay = function()
{
init_portal_button_and_overlay_original();
// Custom stuff to do when loading inside an app
}
*/</span>
</code></pre></div></div>
<p>!!! Rafraîchir le cache du navigateur pour que le thème se propage complètement ( Ctrl+Maj+R sur Firefox)</p>
<h3 id="borg---restauration">Borg - Restauration</h3>
<p>Je veux restaurer une application nommée “Shaarli”<br />
Ouvrir un terminal</p>
<p>On passe en mode su : <code class="language-plaintext highlighter-rouge">sudo -s</code></p>
<p>Récuper ID de l’application “Shaarli”</p>
<div class="language-bash highlighter-rouge"><div class="highlight"><pre class="highlight"><code>yunohost app list |grep <span class="s2">"shaarli"</span> <span class="c"># id: shaarli</span>
</code></pre></div></div>
<h4 id="lister-les-sauvegardes-borg">Lister les sauvegardes borg</h4>
<ul>
<li>Clé SSH : <code class="language-plaintext highlighter-rouge">/root/.ssh/id_borg_ed25519</code></li>
<li>Dépôt distant borg : <code class="language-plaintext highlighter-rouge">yunohost app setting borg repository</code></li>
<li>PassPhrase du dépôt borg : <code class="language-plaintext highlighter-rouge">yunohost app setting borg passphrase</code></li>
</ul>
<div class="language-bash highlighter-rouge"><div class="highlight"><pre class="highlight"><code><span class="nb">export </span><span class="nv">BORG_RSH</span><span class="o">=</span><span class="s2">"ssh -i /root/.ssh/id_borg_ed25519"</span>
<span class="nb">export </span><span class="nv">BORG_PASSPHRASE</span><span class="o">=</span><span class="si">$(</span>yunohost app setting borg passphrase<span class="si">)</span>
<span class="nb">export </span><span class="nv">REPOSITORY</span><span class="o">=</span><span class="si">$(</span>yunohost app setting borg repository<span class="si">)</span>
borg list <span class="nt">--short</span> <span class="nv">$REPOSITORY</span>
</code></pre></div></div>
<p>Identifier les sauvegardes “shaarli” du serveur xoyize.xyz à restaurer</p>
<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>borg list --short $REPOSITORY |grep "shaarli"
</code></pre></div></div>
<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>_auto_shaarli-2023-09-17_02:12
_auto_shaarli-2023-09-24_02:14
_auto_shaarli-2023-09-30_02:13
_auto_shaarli-2023-10-01_02:13
_auto_shaarli-2023-10-08_02:13
_auto_shaarli-2023-10-15_02:15
_auto_shaarli-2023-10-19_02:12
_auto_shaarli-2023-10-20_02:12
_auto_shaarli-2023-10-21_02:12
_auto_shaarli-2023-10-22_02:12
_auto_shaarli-2023-10-23_02:12
_auto_shaarli-2023-10-24_02:14
_auto_shaarli-2023-10-25_02:13
_auto_shaarli-2023-10-26_02:12
_auto_shaarli-2023-10-27_02:12
</code></pre></div></div>
<p>Restaurer “_auto_shaarli-2023-10-27_02:12”</p>
<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>borg export-tar $REPOSITORY::_auto_shaarli-2023-10-27_02:12 /home/yunohost.backup/archives/_auto_shaarli-2023-10-27_02:12.tar
</code></pre></div></div>
<h4 id="restaurer-depuis-les-archives-locales">Restaurer depuis les archives locales</h4>
<p>Gérer les sauvegardes :<br />
<strong>yunohost backup</strong> <code class="language-plaintext highlighter-rouge">create, restore, list, info, download, delete ... [-h]</code></p>
<ul>
<li><strong>create</strong> : Créer une archive locale de sauvegarde. Si ni –apps ni –system ne sont donnés, ceci<br />
sauvegardera toutes les applications et toutes les parties du système. Si seulement –apps est donné, cela<br />
uniquement des applications de sauvegarde et aucune partie du système. De même, si seul –system est donné, cela<br />
ne sauvegardera que les parties du système et aucune application.</li>
<li><strong>restore</strong> : Restauration à partir d’une archive de sauvegarde locale. Si ni –apps ni –system ne sont donnés,<br />
cela restaurera toutes les applications et toutes les parties du système dans l’archive. Si seulement –apps<br />
si cela est indiqué, cela restaurera uniquement les applications et aucune partie du système. De même, si seulement<br />
–system est donné, cela ne restaurera que les parties du système et aucune application.</li>
<li><strong>list</strong> : Liste les archives de sauvegarde locales disponibles</li>
<li><strong>info</strong> : Afficher des informations sur une archive de sauvegarde locale</li>
<li><strong>delete</strong> : Supprimer une archive de sauvegarde</li>
</ul>
<p>Liste des archives</p>
<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>yunohost backup list
</code></pre></div></div>
<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>archives:
- _auto_shaarli-2023-10-27_02:12
</code></pre></div></div>
<p>Désinstaller l’application “shaarli” existante</p>
<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>yunohost app remove shaarli
</code></pre></div></div>
<p>Restaurer l’application “shaarli”</p>
<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>yunohost backup restore _auto_shaarli-2023-10-27_02:12.tar --apps
</code></pre></div></div>
<p>le résultat de la commande</p>
<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>Info: Preparing archive for restoration...
Info: Restoring shaarli...
Info: Provisionning sources...
Info: Provisionning system_user...
Info: Provisionning install_dir...
Info: Provisionning permissions...
Info: Provisionning apt...
Info: [++..................] &gt; Restoring the app main directory...
Info: [##+++...............] &gt; Restoring the Fail2Ban configuration...
Info: [#####+++............] &gt; Restoring the PHP-FPM configuration...
Info: [########+++.........] &gt; Restoring the NGINX web server configuration...
Info: [###########+++......] &gt; Restoring the logrotate configuration...
Info: [##############+++...] &gt; Reloading NGINX web server and PHP-FPM...
Info: [#################+++] &gt; Restoration completed for shaarli
Success! Restoration completed
apps:
shaarli: Success
system:
</code></pre></div></div>
</div>
<div class="d-print-none"><footer class="article__footer"><meta itemprop="dateModified" content="2022-11-21T00:00:00+01:00"><!-- start custom article footer snippet -->
<!-- end custom article footer snippet -->
<!--
<div align="right"><a type="application/rss+xml" href="/feed.xml" title="S'abonner"><i class="fa fa-rss fa-2x"></i></a>
&emsp;</div>
-->
</footer>
<div class="article__section-navigator clearfix"><div class="previous"><span>PRÉCÉDENT</span><a href="/2022/11/21/Boite_de_stockage_BX11_Hetzner_Online_Storage_Box.html">Boîtes de stockage BX11 Hetzner Online Storage Box</a></div><div class="next"><span>SUIVANT</span><a href="/2022/12/09/demarrer_eteindre_une_machine_via_ssh_et_wake_on_lan.html">démarrer ou éteindre une machine distante sur le réseau via ssh et "wake on lan"</a></div></div></div>
</div>
<script>(function() {
var SOURCES = window.TEXT_VARIABLES.sources;
window.Lazyload.js(SOURCES.jquery, function() {
$(function() {
var $this ,$scroll;
var $articleContent = $('.js-article-content');
var hasSidebar = $('.js-page-root').hasClass('layout--page--sidebar');
var scroll = hasSidebar ? '.js-page-main' : 'html, body';
$scroll = $(scroll);
$articleContent.find('.highlight').each(function() {
$this = $(this);
$this.attr('data-lang', $this.find('code').attr('data-lang'));
});
$articleContent.find('h1[id], h2[id], h3[id], h4[id], h5[id], h6[id]').each(function() {
$this = $(this);
$this.append($('<a class="anchor d-print-none" aria-hidden="true"></a>').html('<i class="fas fa-anchor"></i>'));
});
$articleContent.on('click', '.anchor', function() {
$scroll.scrollToAnchor('#' + $(this).parent().attr('id'), 400);
});
});
});
})();
</script>
</div><section class="page__comments d-print-none"></section></article><!-- start custom main bottom snippet -->
<!-- end custom main bottom snippet -->
</div>
</div></div></div></div>
</div><script>(function() {
var SOURCES = window.TEXT_VARIABLES.sources;
window.Lazyload.js(SOURCES.jquery, function() {
var $body = $('body'), $window = $(window);
var $pageRoot = $('.js-page-root'), $pageMain = $('.js-page-main');
var activeCount = 0;
function modal(options) {
var $root = this, visible, onChange, hideWhenWindowScroll = false;
var scrollTop;
function setOptions(options) {
var _options = options || {};
visible = _options.initialVisible === undefined ? false : show;
onChange = _options.onChange;
hideWhenWindowScroll = _options.hideWhenWindowScroll;
}
function init() {
setState(visible);
}
function setState(isShow) {
if (isShow === visible) {
return;
}
visible = isShow;
if (visible) {
activeCount++;
scrollTop = $(window).scrollTop() || $pageMain.scrollTop();
$root.addClass('modal--show');
$pageMain.scrollTop(scrollTop);
activeCount === 1 && ($pageRoot.addClass('show-modal'), $body.addClass('of-hidden'));
hideWhenWindowScroll && window.hasEvent('touchstart') && $window.on('scroll', hide);
$window.on('keyup', handleKeyup);
} else {
activeCount > 0 && activeCount--;
$root.removeClass('modal--show');
$window.scrollTop(scrollTop);
activeCount === 0 && ($pageRoot.removeClass('show-modal'), $body.removeClass('of-hidden'));
hideWhenWindowScroll && window.hasEvent('touchstart') && $window.off('scroll', hide);
$window.off('keyup', handleKeyup);
}
onChange && onChange(visible);
}
function show() {
setState(true);
}
function hide() {
setState(false);
}
function handleKeyup(e) {
// Char Code: 27 ESC
if (e.which === 27) {
hide();
}
}
setOptions(options);
init();
return {
show: show,
hide: hide,
$el: $root
};
}
$.fn.modal = modal;
});
})();
</script><div class="modal modal--overflow page__search-modal d-print-none js-page-search-modal"><script>
(function () {
var SOURCES = window.TEXT_VARIABLES.sources;
window.Lazyload.js(SOURCES.jquery, function() {
// search panel
var search = (window.search || (window.search = {}));
var useDefaultSearchBox = window.useDefaultSearchBox === undefined ?
true : window.useDefaultSearchBox ;
var $searchModal = $('.js-page-search-modal');
var $searchToggle = $('.js-search-toggle');
var searchModal = $searchModal.modal({ onChange: handleModalChange, hideWhenWindowScroll: true });
var modalVisible = false;
search.searchModal = searchModal;
var $searchBox = null;
var $searchInput = null;
var $searchClear = null;
function getModalVisible() {
return modalVisible;
}
search.getModalVisible = getModalVisible;
function handleModalChange(visible) {
modalVisible = visible;
if (visible) {
search.onShow && search.onShow();
useDefaultSearchBox && $searchInput[0] && $searchInput[0].focus();
} else {
search.onShow && search.onHide();
useDefaultSearchBox && $searchInput[0] && $searchInput[0].blur();
setTimeout(function() {
useDefaultSearchBox && ($searchInput.val(''), $searchBox.removeClass('not-empty'));
search.clear && search.clear();
window.pageAsideAffix && window.pageAsideAffix.refresh();
}, 400);
}
}
$searchToggle.on('click', function() {
modalVisible ? searchModal.hide() : searchModal.show();
});
// Char Code: 83 S, 191 /
$(window).on('keyup', function(e) {
if (!modalVisible && !window.isFormElement(e.target || e.srcElement) && (e.which === 83 || e.which === 191)) {
modalVisible || searchModal.show();
}
});
if (useDefaultSearchBox) {
$searchBox = $('.js-search-box');
$searchInput = $searchBox.children('input');
$searchClear = $searchBox.children('.js-icon-clear');
search.getSearchInput = function() {
return $searchInput.get(0);
};
search.getVal = function() {
return $searchInput.val();
};
search.setVal = function(val) {
$searchInput.val(val);
};
$searchInput.on('focus', function() {
$(this).addClass('focus');
});
$searchInput.on('blur', function() {
$(this).removeClass('focus');
});
$searchInput.on('input', window.throttle(function() {
var val = $(this).val();
if (val === '' || typeof val !== 'string') {
search.clear && search.clear();
} else {
$searchBox.addClass('not-empty');
search.onInputNotEmpty && search.onInputNotEmpty(val);
}
}, 400));
$searchClear.on('click', function() {
$searchInput.val(''); $searchBox.removeClass('not-empty');
search.clear && search.clear();
});
}
});
})();
</script><div class="search search--dark">
<div class="main">
<div class="search__header">Recherche</div>
<div class="search-bar">
<div class="search-box js-search-box">
<div class="search-box__icon-search"><i class="fas fa-search"></i></div>
<input id="search-input" type="text" />
<div class="search-box__icon-clear js-icon-clear">
<a><i class="fas fa-times"></i></a>
</div>
</div>
<button class="button button--theme-dark button--pill search__cancel js-search-toggle">
Annuler</button>
</div>
<div id="results-container" class="search-result js-search-result"></div>
</div>
</div>
<!-- Script pointing to search-script.js -->
<script>/*!
* Simple-Jekyll-Search
* Copyright 2015-2020, Christian Fei
* Licensed under the MIT License.
*/
(function(){
'use strict'
var _$Templater_7 = {
compile: compile,
setOptions: setOptions
}
const options = {}
options.pattern = /\{(.*?)\}/g
options.template = ''
options.middleware = function () {}
function setOptions (_options) {
options.pattern = _options.pattern || options.pattern
options.template = _options.template || options.template
if (typeof _options.middleware === 'function') {
options.middleware = _options.middleware
}
}
function compile (data) {
return options.template.replace(options.pattern, function (match, prop) {
const value = options.middleware(prop, data[prop], options.template)
if (typeof value !== 'undefined') {
return value
}
return data[prop] || match
})
}
'use strict';
function fuzzysearch (needle, haystack) {
var tlen = haystack.length;
var qlen = needle.length;
if (qlen > tlen) {
return false;
}
if (qlen === tlen) {
return needle === haystack;
}
outer: for (var i = 0, j = 0; i < qlen; i++) {
var nch = needle.charCodeAt(i);
while (j < tlen) {
if (haystack.charCodeAt(j++) === nch) {
continue outer;
}
}
return false;
}
return true;
}
var _$fuzzysearch_1 = fuzzysearch;
'use strict'
/* removed: const _$fuzzysearch_1 = require('fuzzysearch') */;
var _$FuzzySearchStrategy_5 = new FuzzySearchStrategy()
function FuzzySearchStrategy () {
this.matches = function (string, crit) {
return _$fuzzysearch_1(crit.toLowerCase(), string.toLowerCase())
}
}
'use strict'
var _$LiteralSearchStrategy_6 = new LiteralSearchStrategy()
function LiteralSearchStrategy () {
this.matches = function (str, crit) {
if (!str) return false
str = str.trim().toLowerCase()
crit = crit.trim().toLowerCase()
return crit.split(' ').filter(function (word) {
return str.indexOf(word) >= 0
}).length === crit.split(' ').length
}
}
'use strict'
var _$Repository_4 = {
put: put,
clear: clear,
search: search,
setOptions: __setOptions_4
}
/* removed: const _$FuzzySearchStrategy_5 = require('./SearchStrategies/FuzzySearchStrategy') */;
/* removed: const _$LiteralSearchStrategy_6 = require('./SearchStrategies/LiteralSearchStrategy') */;
function NoSort () {
return 0
}
const data = []
let opt = {}
opt.fuzzy = false
opt.limit = 10
opt.searchStrategy = opt.fuzzy ? _$FuzzySearchStrategy_5 : _$LiteralSearchStrategy_6
opt.sort = NoSort
opt.exclude = []
function put (data) {
if (isObject(data)) {
return addObject(data)
}
if (isArray(data)) {
return addArray(data)
}
return undefined
}
function clear () {
data.length = 0
return data
}
function isObject (obj) {
return Boolean(obj) && Object.prototype.toString.call(obj) === '[object Object]'
}
function isArray (obj) {
return Boolean(obj) && Object.prototype.toString.call(obj) === '[object Array]'
}
function addObject (_data) {
data.push(_data)
return data
}
function addArray (_data) {
const added = []
clear()
for (let i = 0, len = _data.length; i < len; i++) {
if (isObject(_data[i])) {
added.push(addObject(_data[i]))
}
}
return added
}
function search (crit) {
if (!crit) {
return []
}
return findMatches(data, crit, opt.searchStrategy, opt).sort(opt.sort)
}
function __setOptions_4 (_opt) {
opt = _opt || {}
opt.fuzzy = _opt.fuzzy || false
opt.limit = _opt.limit || 10
opt.searchStrategy = _opt.fuzzy ? _$FuzzySearchStrategy_5 : _$LiteralSearchStrategy_6
opt.sort = _opt.sort || NoSort
opt.exclude = _opt.exclude || []
}
function findMatches (data, crit, strategy, opt) {
const matches = []
for (let i = 0; i < data.length && matches.length < opt.limit; i++) {
const match = findMatchesInObject(data[i], crit, strategy, opt)
if (match) {
matches.push(match)
}
}
return matches
}
function findMatchesInObject (obj, crit, strategy, opt) {
for (const key in obj) {
if (!isExcluded(obj[key], opt.exclude) && strategy.matches(obj[key], crit)) {
return obj
}
}
}
function isExcluded (term, excludedTerms) {
for (let i = 0, len = excludedTerms.length; i < len; i++) {
const excludedTerm = excludedTerms[i]
if (new RegExp(excludedTerm).test(term)) {
return true
}
}
return false
}
/* globals ActiveXObject:false */
'use strict'
var _$JSONLoader_2 = {
load: load
}
function load (location, callback) {
const xhr = getXHR()
xhr.open('GET', location, true)
xhr.onreadystatechange = createStateChangeListener(xhr, callback)
xhr.send()
}
function createStateChangeListener (xhr, callback) {
return function () {
if (xhr.readyState === 4 && xhr.status === 200) {
try {
callback(null, JSON.parse(xhr.responseText))
} catch (err) {
callback(err, null)
}
}
}
}
function getXHR () {
return window.XMLHttpRequest ? new window.XMLHttpRequest() : new ActiveXObject('Microsoft.XMLHTTP')
}
'use strict'
var _$OptionsValidator_3 = function OptionsValidator (params) {
if (!validateParams(params)) {
throw new Error('-- OptionsValidator: required options missing')
}
if (!(this instanceof OptionsValidator)) {
return new OptionsValidator(params)
}
const requiredOptions = params.required
this.getRequiredOptions = function () {
return requiredOptions
}
this.validate = function (parameters) {
const errors = []
requiredOptions.forEach(function (requiredOptionName) {
if (typeof parameters[requiredOptionName] === 'undefined') {
errors.push(requiredOptionName)
}
})
return errors
}
function validateParams (params) {
if (!params) {
return false
}
return typeof params.required !== 'undefined' && params.required instanceof Array
}
}
'use strict'
var _$utils_9 = {
merge: merge,
isJSON: isJSON
}
function merge (defaultParams, mergeParams) {
const mergedOptions = {}
for (const option in defaultParams) {
mergedOptions[option] = defaultParams[option]
if (typeof mergeParams[option] !== 'undefined') {
mergedOptions[option] = mergeParams[option]
}
}
return mergedOptions
}
function isJSON (json) {
try {
if (json instanceof Object && JSON.parse(JSON.stringify(json))) {
return true
}
return false
} catch (err) {
return false
}
}
var _$src_8 = {};
(function (window) {
'use strict'
let options = {
searchInput: null,
resultsContainer: null,
json: [],
success: Function.prototype,
searchResultTemplate: '<li><a href="{url}" title="{desc}">{title}</a></li>',
templateMiddleware: Function.prototype,
sortMiddleware: function () {
return 0
},
noResultsText: 'No results found',
limit: 10,
fuzzy: false,
debounceTime: null,
exclude: []
}
let debounceTimerHandle
const debounce = function (func, delayMillis) {
if (delayMillis) {
clearTimeout(debounceTimerHandle)
debounceTimerHandle = setTimeout(func, delayMillis)
} else {
func.call()
}
}
const requiredOptions = ['searchInput', 'resultsContainer', 'json']
/* removed: const _$Templater_7 = require('./Templater') */;
/* removed: const _$Repository_4 = require('./Repository') */;
/* removed: const _$JSONLoader_2 = require('./JSONLoader') */;
const optionsValidator = _$OptionsValidator_3({
required: requiredOptions
})
/* removed: const _$utils_9 = require('./utils') */;
window.SimpleJekyllSearch = function (_options) {
const errors = optionsValidator.validate(_options)
if (errors.length > 0) {
throwError('You must specify the following required options: ' + requiredOptions)
}
options = _$utils_9.merge(options, _options)
_$Templater_7.setOptions({
template: options.searchResultTemplate,
middleware: options.templateMiddleware
})
_$Repository_4.setOptions({
fuzzy: options.fuzzy,
limit: options.limit,
sort: options.sortMiddleware,
exclude: options.exclude
})
if (_$utils_9.isJSON(options.json)) {
initWithJSON(options.json)
} else {
initWithURL(options.json)
}
const rv = {
search: search
}
typeof options.success === 'function' && options.success.call(rv)
return rv
}
function initWithJSON (json) {
_$Repository_4.put(json)
registerInput()
}
function initWithURL (url) {
_$JSONLoader_2.load(url, function (err, json) {
if (err) {
throwError('failed to get JSON (' + url + ')')
}
initWithJSON(json)
})
}
function emptyResultsContainer () {
options.resultsContainer.innerHTML = ''
}
function appendToResultsContainer (text) {
options.resultsContainer.innerHTML += text
}
function registerInput () {
options.searchInput.addEventListener('input', function (e) {
if (isWhitelistedKey(e.which)) {
emptyResultsContainer()
debounce(function () { search(e.target.value) }, options.debounceTime)
}
})
}
function search (query) {
if (isValidQuery(query)) {
emptyResultsContainer()
render(_$Repository_4.search(query), query)
}
}
function render (results, query) {
const len = results.length
if (len === 0) {
return appendToResultsContainer(options.noResultsText)
}
for (let i = 0; i < len; i++) {
results[i].query = query
appendToResultsContainer(_$Templater_7.compile(results[i]))
}
}
function isValidQuery (query) {
return query && query.length > 0
}
function isWhitelistedKey (key) {
return [13, 16, 20, 37, 38, 39, 40, 91].indexOf(key) === -1
}
function throwError (message) {
throw new Error('SimpleJekyllSearch --- ' + message)
}
})(window)
}());
</script>
<!-- Configuration -->
<script>
SimpleJekyllSearch({
searchInput: document.getElementById('search-input'),
resultsContainer: document.getElementById('results-container'),
noResultsText: '<p>Aucun résultat!</p>',
json: '/search.json',
searchResultTemplate: '<li><a href="{url}">{date}&nbsp;{title}</a>&nbsp;(Création {create})</li>'
})
</script>
</div></div>
<script>(function() {
var SOURCES = window.TEXT_VARIABLES.sources;
window.Lazyload.js(SOURCES.jquery, function() {
function scrollToAnchor(anchor, duration, callback) {
var $root = this;
$root.animate({ scrollTop: $(anchor).position().top }, duration, function() {
window.history.replaceState(null, '', window.location.href.split('#')[0] + anchor);
callback && callback();
});
}
$.fn.scrollToAnchor = scrollToAnchor;
});
})();
(function() {
var SOURCES = window.TEXT_VARIABLES.sources;
window.Lazyload.js(SOURCES.jquery, function() {
function affix(options) {
var $root = this, $window = $(window), $scrollTarget, $scroll,
offsetBottom = 0, scrollTarget = window, scroll = window.document, disabled = false, isOverallScroller = true,
rootTop, rootLeft, rootHeight, scrollBottom, rootBottomTop,
hasInit = false, curState;
function setOptions(options) {
var _options = options || {};
_options.offsetBottom && (offsetBottom = _options.offsetBottom);
_options.scrollTarget && (scrollTarget = _options.scrollTarget);
_options.scroll && (scroll = _options.scroll);
_options.disabled !== undefined && (disabled = _options.disabled);
$scrollTarget = $(scrollTarget);
isOverallScroller = window.isOverallScroller($scrollTarget[0]);
$scroll = $(scroll);
}
function preCalc() {
top();
rootHeight = $root.outerHeight();
rootTop = $root.offset().top + (isOverallScroller ? 0 : $scrollTarget.scrollTop());
rootLeft = $root.offset().left;
}
function calc(needPreCalc) {
needPreCalc && preCalc();
scrollBottom = $scroll.outerHeight() - offsetBottom - rootHeight;
rootBottomTop = scrollBottom - rootTop;
}
function top() {
if (curState !== 'top') {
$root.removeClass('fixed').css({
left: 0,
top: 0
});
curState = 'top';
}
}
function fixed() {
if (curState !== 'fixed') {
$root.addClass('fixed').css({
left: rootLeft + 'px',
top: 0
});
curState = 'fixed';
}
}
function bottom() {
if (curState !== 'bottom') {
$root.removeClass('fixed').css({
left: 0,
top: rootBottomTop + 'px'
});
curState = 'bottom';
}
}
function setState() {
var scrollTop = $scrollTarget.scrollTop();
if (scrollTop >= rootTop && scrollTop <= scrollBottom) {
fixed();
} else if (scrollTop < rootTop) {
top();
} else {
bottom();
}
}
function init() {
if(!hasInit) {
var interval, timeout;
calc(true); setState();
// run calc every 100 millisecond
interval = setInterval(function() {
calc();
}, 100);
timeout = setTimeout(function() {
clearInterval(interval);
}, 45000);
window.pageLoad.then(function() {
setTimeout(function() {
clearInterval(interval);
clearTimeout(timeout);
}, 3000);
});
$scrollTarget.on('scroll', function() {
disabled || setState();
});
$window.on('resize', function() {
disabled || (calc(true), setState());
});
hasInit = true;
}
}
setOptions(options);
if (!disabled) {
init();
}
$window.on('resize', window.throttle(function() {
init();
}, 200));
return {
setOptions: setOptions,
refresh: function() {
calc(true, { animation: false }); setState();
}
};
}
$.fn.affix = affix;
});
})();
(function() {
var SOURCES = window.TEXT_VARIABLES.sources;
window.Lazyload.js(SOURCES.jquery, function() {
function toc(options) {
var $root = this, $window = $(window), $scrollTarget, $scroller, $tocUl = $('<ul class="toc toc--ellipsis"></ul>'), $tocLi, $headings, $activeLast, $activeCur,
selectors = 'h1,h2,h3', container = 'body', scrollTarget = window, scroller = 'html, body', disabled = false,
headingsPos, scrolling = false, hasRendered = false, hasInit = false;
function setOptions(options) {
var _options = options || {};
_options.selectors && (selectors = _options.selectors);
_options.container && (container = _options.container);
_options.scrollTarget && (scrollTarget = _options.scrollTarget);
_options.scroller && (scroller = _options.scroller);
_options.disabled !== undefined && (disabled = _options.disabled);
$headings = $(container).find(selectors).filter('[id]');
$scrollTarget = $(scrollTarget);
$scroller = $(scroller);
}
function calc() {
headingsPos = [];
$headings.each(function() {
headingsPos.push(Math.floor($(this).position().top));
});
}
function setState(element, disabled) {
var scrollTop = $scrollTarget.scrollTop(), i;
if (disabled || !headingsPos || headingsPos.length < 1) { return; }
if (element) {
$activeCur = element;
} else {
for (i = 0; i < headingsPos.length; i++) {
if (scrollTop >= headingsPos[i]) {
$activeCur = $tocLi.eq(i);
} else {
$activeCur || ($activeCur = $tocLi.eq(i));
break;
}
}
}
$activeLast && $activeLast.removeClass('active');
($activeLast = $activeCur).addClass('active');
}
function render() {
if(!hasRendered) {
$root.append($tocUl);
$headings.each(function() {
var $this = $(this);
$tocUl.append($('<li></li>').addClass('toc-' + $this.prop('tagName').toLowerCase())
.append($('<a></a>').text($this.text()).attr('href', '#' + $this.prop('id'))));
});
$tocLi = $tocUl.children('li');
$tocUl.on('click', 'a', function(e) {
e.preventDefault();
var $this = $(this);
scrolling = true;
setState($this.parent());
$scroller.scrollToAnchor($this.attr('href'), 400, function() {
scrolling = false;
});
});
}
hasRendered = true;
}
function init() {
var interval, timeout;
if(!hasInit) {
render(); calc(); setState(null, scrolling);
// run calc every 100 millisecond
interval = setInterval(function() {
calc();
}, 100);
timeout = setTimeout(function() {
clearInterval(interval);
}, 45000);
window.pageLoad.then(function() {
setTimeout(function() {
clearInterval(interval);
clearTimeout(timeout);
}, 3000);
});
$scrollTarget.on('scroll', function() {
disabled || setState(null, scrolling);
});
$window.on('resize', window.throttle(function() {
if (!disabled) {
render(); calc(); setState(null, scrolling);
}
}, 100));
}
hasInit = true;
}
setOptions(options);
if (!disabled) {
init();
}
$window.on('resize', window.throttle(function() {
init();
}, 200));
return {
setOptions: setOptions
};
}
$.fn.toc = toc;
});
})();
/*(function () {
})();*/
</script><script>
/* toc must before affix, since affix need to konw toc' height. */(function() {
var SOURCES = window.TEXT_VARIABLES.sources;
var TOC_SELECTOR = window.TEXT_VARIABLES.site.toc.selectors;
window.Lazyload.js(SOURCES.jquery, function() {
var $window = $(window);
var $articleContent = $('.js-article-content');
var $tocRoot = $('.js-toc-root'), $col2 = $('.js-col-aside');
var toc;
var tocDisabled = false;
var hasSidebar = $('.js-page-root').hasClass('layout--page--sidebar');
var hasToc = $articleContent.find(TOC_SELECTOR).length > 0;
function disabled() {
return $col2.css('display') === 'none' || !hasToc;
}
tocDisabled = disabled();
toc = $tocRoot.toc({
selectors: TOC_SELECTOR,
container: $articleContent,
scrollTarget: hasSidebar ? '.js-page-main' : null,
scroller: hasSidebar ? '.js-page-main' : null,
disabled: tocDisabled
});
$window.on('resize', window.throttle(function() {
tocDisabled = disabled();
toc && toc.setOptions({
disabled: tocDisabled
});
}, 100));
});
})();
(function() {
var SOURCES = window.TEXT_VARIABLES.sources;
window.Lazyload.js(SOURCES.jquery, function() {
var $window = $(window), $pageFooter = $('.js-page-footer');
var $pageAside = $('.js-page-aside');
var affix;
var tocDisabled = false;
var hasSidebar = $('.js-page-root').hasClass('layout--page--sidebar');
affix = $pageAside.affix({
offsetBottom: $pageFooter.outerHeight(),
scrollTarget: hasSidebar ? '.js-page-main' : null,
scroller: hasSidebar ? '.js-page-main' : null,
scroll: hasSidebar ? $('.js-page-main').children() : null,
disabled: tocDisabled
});
$window.on('resize', window.throttle(function() {
affix && affix.setOptions({
disabled: tocDisabled
});
}, 100));
window.pageAsideAffix = affix;
});
})();
</script><!---->
</div>
<script>(function () {
var $root = document.getElementsByClassName('root')[0];
if (window.hasEvent('touchstart')) {
$root.dataset.isTouch = true;
document.addEventListener('touchstart', function(){}, false);
}
})();
</script>
</body>
</html>
Reference in New Issue Copy Permalink