1
0
mirror of https://github.com/amir20/dozzle.git synced 2025-12-25 23:03:47 +01:00

Updates title and adds more content

This commit is contained in:
Amir Raminfar
2023-03-03 13:12:18 -08:00
parent 2bb4d10b66
commit b92703c7bb
6 changed files with 41 additions and 85 deletions

View File

@@ -4,11 +4,7 @@
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="icon" href="/favicon.ico" type="image/x-icon">
<title>Dozzle - Log viewer for Docker</title>
<meta name="description" content="Dozzle is a modern log viewer for Docker providing efficient and intuitive ways to view and search logs from containers">
</head>
<body class="font-sans antialiased dark:text-white bg-light dark:bg-dark">
<div id="app"></div>
<script>
(function () {
const prefersDark = window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches
@@ -17,6 +13,9 @@
document.documentElement.classList.toggle('dark', true)
})()
</script>
</head>
<body class="font-sans antialiased dark:text-white bg-light dark:bg-dark">
<div id="app"></div>
<script type="module" src="/src/main.ts"></script>
</body>
</html>

3
docs/public/_headers Normal file
View File

@@ -0,0 +1,3 @@
/assets/*
cache-control: max-age=31536000
cache-control: immutable

View File

@@ -1,3 +1,5 @@
<template>
<div text="gray-700 dark:gray-200" mb-22>
<RouterView />

View File

@@ -1,3 +1,10 @@
<script setup lang="ts">
import { useHead } from '@vueuse/head'
useHead({
title: 'Dozzle - Log viewer for Docker',
})
</script>
<template>
<header py-2 px-4 bg-light dark:bg-dark z-10>
<nav flex my-3 gap-x-4 justify-end>

View File

@@ -1,4 +1,5 @@
<script setup lang="ts">
import { useHead } from '@vueuse/head'
const menu = [
{
name: 'What is Dozzle?',
@@ -9,13 +10,16 @@ const menu = [
path: '/guide/getting-started',
},
]
useHead({
titleTemplate: '%s | Dozzle',
})
</script>
<template>
<header py-2 px-4 bg-light dark:bg-dark z-10 container mx-auto sticky top-0>
<nav flex my-3 gap-x-4 justify-end>
<h1 font-playfair dark:text-brand mr-auto text-4xl>
Dozzle
<a href="/">Dozzle</a>
</h1>
<a
icon-btn

View File

@@ -1,92 +1,33 @@
---
title: Getting Started with Dozzle
title: Getting Started
---
# Getting Started
fringilla vel, aliquet nec, vulputate eget, arcu! In enim justo, rhoncus ut,
imperdiet a, venenatis vitae, justo? Nullam dictum felis eu pede mollis pretium;
Integer tincidunt; Cras dapibus. Vivamus elementum semper nisi; Aenean vulputate
eleifend tellus; Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac,
enim? Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus
viverra nulla ut metus varius laoreet? Quisque rutrum. Aenean imperdiet? Etiam
ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi; Nam eget dui.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit? Aenean commodo ligula
eget dolor! Aenean massa. Cum sociis natoque penatibus et magnis dis parturient
montes, nascetur ridiculus mus; Donec quam felis, ultricies nec, pellentesque
eu, pretium quis, sem; Nulla consequat massa quis enim. Donec pede justo,
fringilla vel, aliquet nec, vulputate eget, arcu; In enim justo, rhoncus ut,
imperdiet a, venenatis vitae, justo? Nullam dictum felis eu pede mollis pretium!
Integer tincidunt! Cras dapibus! Vivamus elementum semper nisi! Aenean vulputate
eleifend tellus; Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac,
enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus! Phasellus
viverra nulla ut metus varius laoreet; Quisque rutrum? Aenean imperdiet? Etiam
ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi; Nam eget dui;
Lorem ipsum dolor sit amet, consectetuer adipiscing elit? Aenean commodo ligula
eget dolor. Aenean massa! Cum sociis natoque penatibus et magnis dis parturient
montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque
eu, pretium quis, sem! Nulla consequat massa quis enim! Donec pede justo,
fringilla vel, aliquet nec, vulputate eget, arcu; In enim justo, rhoncus ut,
imperdiet a, venenatis vitae, justo; Nullam dictum felis eu pede mollis pretium!
This section will help you to setup Dozzle locally. Dozzle can also be used to connect to remote hosts via `tcp://` and tls. See remote host if you want to connect to other hosts.
## Using Docker CLI
Integer tincidunt? Cras dapibus! Vivamus elementum semper nisi! Aenean vulputate
eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac,
enim; Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus
viverra nulla ut metus varius laoreet. Quisque rutrum? Aenean imperdiet? Etiam
ultricies nisi vel augue; Curabitur ullamcorper ultricies nisi. Nam eget dui.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit; Aenean commodo ligula
eget dolor; Aenean massa! Cum sociis natoque penatibus et magnis dis parturient
montes, nascetur ridiculus mus? Donec quam felis, ultricies nec, pellentesque
eu, pretium quis, sem; Nulla consequat massa quis enim? Donec pede justo,
fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut,
imperdiet a, venenatis vitae, justo! Nullam dictum felis eu pede mollis pretium;
Integer tincidunt? Cras dapibus! Vivamus elementum semper nisi. Aenean vulputate
eleifend tellus! Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac,
enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus
The easiest way to setup Dozzle is to use the CLI and mount `docker.sock` file. This file is usually located at `/var/run/docker.sock` and can be mounted with the `--volume` flag. You also need to expose the port to view Dozzle. By default, Dozzle listens on port 8080, but you can change the external port using `-p`.
fringilla vel, aliquet nec, vulputate eget, arcu! In enim justo, rhoncus ut,
imperdiet a, venenatis vitae, justo? Nullam dictum felis eu pede mollis pretium;
Integer tincidunt; Cras dapibus. Vivamus elementum semper nisi; Aenean vulputate
eleifend tellus; Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac,
enim? Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus
viverra nulla ut metus varius laoreet? Quisque rutrum. Aenean imperdiet? Etiam
ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi; Nam eget dui.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit? Aenean commodo ligula
eget dolor! Aenean massa. Cum sociis natoque penatibus et magnis dis parturient
montes, nascetur ridiculus mus; Donec quam felis, ultricies nec, pellentesque
eu, pretium quis, sem; Nulla consequat massa quis enim. Donec pede justo,
```sh
docker run --detach --volume=/var/run/docker.sock:/var/run/docker.sock -p 8080:8080 amir20/dozzle
```
## Using Docker Compose
Docker compose makes it easier to configure Dozzle as part of an existing configuration.
fringilla vel, aliquet nec, vulputate eget, arcu; In enim justo, rhoncus ut,
imperdiet a, venenatis vitae, justo? Nullam dictum felis eu pede mollis pretium!
Integer tincidunt! Cras dapibus! Vivamus elementum semper nisi! Aenean vulputate
eleifend tellus; Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac,
```yaml
version: '3'
services:
dozzle:
container_name: dozzle
image: amir20/dozzle:latest
volumes:
- /var/run/docker.sock:/var/run/docker.sock
ports:
- 9999:8080
```
enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus! Phasellus
viverra nulla ut metus varius laoreet; Quisque rutrum? Aenean imperdiet? Etiam
ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi; Nam eget dui;
Lorem ipsum dolor sit amet, consectetuer adipiscing elit? Aenean commodo ligula
eget dolor. Aenean massa! Cum sociis natoque penatibus et magnis dis parturient
montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque
eu, pretium quis, sem! Nulla consequat massa quis enim! Donec pede justo,
fringilla vel, aliquet nec, vulputate eget, arcu; In enim justo, rhoncus ut,
imperdiet a, venenatis vitae, justo; Nullam dictum felis eu pede mollis pretium!
Integer tincidunt? Cras dapibus! Vivamus elementum semper nisi! Aenean vulputate
eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac,
enim; Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus
viverra nulla ut metus varius laoreet. Quisque rutrum? Aenean imperdiet? Etiam
ultricies nisi vel augue; Curabitur ullamcorper ultricies nisi. Nam eget dui.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit; Aenean commodo ligula
eget dolor; Aenean massa! Cum sociis natoque penatibus et magnis dis parturient
montes, nascetur ridiculus mus? Donec quam felis, ultricies nec, pellentesque
eu, pretium quis, sem; Nulla consequat massa quis enim? Donec pede justo,
fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut,
imperdiet a, venenatis vitae, justo! Nullam dictum felis eu pede mollis pretium;
Integer tincidunt? Cras dapibus! Vivamus elementum semper nisi. Aenean vulputate
eleifend tellus! Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac,
enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus
<route lang="yaml">
meta:
layout: docs