Fix missing images on English pages
Hugo only auto-shares page-bundle resources across translations when each language has its own content directory; with filename-based translation (index.fr.md / index.en.md in the same folder) a resource with no language code is assigned to the default language only. Add .en.-suffixed copies of every image referenced from English pages and point the English markdown at them.
|
After Width: | Height: | Size: 170 KiB |
|
After Width: | Height: | Size: 93 KiB |
@@ -44,7 +44,7 @@ In a standard site, the connection of leaf devices to the spines follows these r
|
||||
* **Leaf Eth2 Interface:** Always connected to the Spine 2 Eth2 interface.
|
||||
* **Leaf Eth3 Interface:** Always dedicated to connecting to the access switch present in the same building.
|
||||
|
||||

|
||||

|
||||
|
||||
> [!NOTE] Simplification for the POC
|
||||
> For the purposes of this **Proof of Concept**, we opted for a simplified architecture without advanced redundancy at the leaf-spine connection level.
|
||||
@@ -155,7 +155,7 @@ Choose site number or 'new': 1
|
||||
> [!NOTE] Netbox Plugin
|
||||
> The configuration can easily be visualized with the help of the plugin: [netbox_topology_views](https://github.com/netbox-community/netbox-topology-views)
|
||||
|
||||

|
||||

|
||||
|
||||
> [!TIP]
|
||||
> Link to the Cookbook [here](https://github.com/darnodo/projet-vxlan-automation/blob/dev/documentation/CookBook.md#%EF%B8%8F-create-fabric)
|
||||
@@ -262,7 +262,7 @@ Now that we know how Netbox generates the configurations, let's see how we use t
|
||||
* Click on the device you're interested in (for example, one of our leafs).
|
||||
* And there we have a magic tab: **Render Config**! Clicking on it shows the configuration Netbox generated for this device using the Jinja2 template and its own data.
|
||||
|
||||

|
||||

|
||||
|
||||
2. **The Human Touch in Containerlab 🖐️** For now, we don't have a script that automatically pushes these configurations to our devices in Containerlab. So we're going to do it the old-fashioned way (but that's fine for a demo!):
|
||||
|
||||
@@ -312,9 +312,9 @@ For more information, I'll point you to the article on [My First Lab](../../netl
|
||||
|
||||
And then, via VSCode, it's possible to launch Wireshark directly:
|
||||
|
||||

|
||||

|
||||
|
||||

|
||||

|
||||
|
||||
## Conclusion ✨
|
||||
|
||||
|
||||
|
After Width: | Height: | Size: 105 KiB |
|
After Width: | Height: | Size: 50 KiB |
|
After Width: | Height: | Size: 291 KiB |
BIN
content/netlab/first_lab/Graph_view.en.png
Normal file
|
After Width: | Height: | Size: 70 KiB |
1
content/netlab/first_lab/VXLAN.en.svg
Normal file
|
After Width: | Height: | Size: 30 KiB |
@@ -43,7 +43,7 @@ Our lab will simulate a VXLAN topology consisting of:
|
||||
|
||||
The following diagram illustrates the VXLAN topology:
|
||||
|
||||

|
||||

|
||||
|
||||
Here's the Containerlab topology file (`lab_vxlan.yml`) used for this configuration:
|
||||
|
||||
@@ -126,7 +126,7 @@ We'll deploy the lab with **DevPod** in two ways:
|
||||
- Choose your default IDE.
|
||||
- Finally, click **Create Workspace**.
|
||||
|
||||

|
||||

|
||||
|
||||
### 2. Using a Local Folder 🗂️
|
||||
|
||||
@@ -135,7 +135,7 @@ If you prefer to use your local repository:
|
||||
- The only difference is in the **Workspace source**.
|
||||
- Simply point it to your local repository.
|
||||
|
||||

|
||||

|
||||
|
||||
## Starting the Lab 🎬
|
||||
|
||||
@@ -169,7 +169,7 @@ If you prefer to use your local repository:
|
||||
|
||||
Ports (for example, port 50080 mentioned in `devcontainer.json`) are forwarded. Access the graphical view via [localhost](http://localhost:50080).
|
||||
|
||||

|
||||

|
||||
|
||||
## Using EdgeShark 🦈
|
||||
|
||||
@@ -199,12 +199,12 @@ DOCKER_DEFAULT_PLATFORM= docker compose up -d
|
||||
Access EdgeShark via [localhost:5001](http://localhost:5001).
|
||||
|
||||
- **EdgeShark View**:
|
||||

|
||||

|
||||
|
||||
- **Integration with Wireshark**:
|
||||
By clicking the Wireshark icon in EdgeShark, you can launch Wireshark locally.
|
||||

|
||||

|
||||

|
||||

|
||||
|
||||
## Conclusion 🎉
|
||||
|
||||
|
||||
BIN
content/netlab/first_lab/devpod_configuration.en.png
Normal file
|
After Width: | Height: | Size: 201 KiB |
BIN
content/netlab/first_lab/devpod_configuration_local.en.png
Normal file
|
After Width: | Height: | Size: 244 KiB |
BIN
content/netlab/first_lab/edge_wireshark.en.png
Normal file
|
After Width: | Height: | Size: 252 KiB |
BIN
content/netlab/first_lab/edgeshark.en.png
Normal file
|
After Width: | Height: | Size: 137 KiB |
BIN
content/netlab/first_lab/edgeshark_interface.en.png
Normal file
|
After Width: | Height: | Size: 24 KiB |