Docker series uses Docker to build its own exclusive navigation page based on Heimdall
本文最后更新于 348 天前,其中的信息可能已经有所发展或是发生改变,如有失效可到评论区留言。

Preface

As more and more applications are deployed in my home data center, my Chrome browser bookmarks are also increasing. It is not intuitive to select each time (the key is that it is not cool), so I have to consider building a navigation page to organize the access links of these applications. After a long investigation, I think Heimdall seems good, concise and simple:

image.png

So I chose it.

deploy

Create a folder on the host that needs to be mapped to the container

It is customary to first create the -v parameter to mount the required folder:

mkdir -p /docker/heimdall/config

Deploy heimdall

The docker run command format is as follows:

docker run --name=heimdall -d --restart=always \ -e PUID=1000 \ #Optional function. The specific values of PUID and PGID are determined by the id command. For example, my www account is output as "uid=1000(www) gid=1000(www) groups=1000(www)" using "id www". Note: the root account cannot be used here -e PGID=1000 \ #Same as above -e TZ=Asia/Shanghai \ #Set container time zone -p 9600:80 \ #Map the host port to port 80 inside the container. Please modify it according to your actual situation -v /docker/heimdall/config:/config \ #Map the specified folder of the host to the /config directory inside the container lscr.io/linuxserver/heimdall:latest

Note: Please delete the comments after #.

Basic Settings

Login to heimdall

Use http://host IP:9600 to open heimdall:

image.png

Set the language to Chinese

Click the settings button in the red box in the lower right corner of the above picture:

image.png

Change English to Chinese and save:
image.png

Then the language can be changed to Chinese:
image.png

Set an administrator password

Click the user button in the lower right corner to set up user settings:

image.png

image.png

You can modify your username, password, email address, and set whether to allow public access and access from special links:
image.png

Add application address

image.png

Fill in the content according to the red box in the figure below, remember to select the fixed switch in the red box above, so that the application icon will appear on the homepage, and finally click Save:
image.png

After adding, the effect is as follows:
image.png

Then add other application icons one by one. If you want to rearrange the order of application icons, click the red box button in the figure below:
image.png

Configuring public network access

If you want to publish to the public Internet, you need to choose the most suitable publishing method according to the actual environment and the reverse proxy you use. You can refer to my previous articles:
1,Docker series uses Docker to build its own reverse proxy based on NPM
2,Linux panel series configure reverse proxy and use non-443 port for publishing
3.Home data center series uses domestic cloud hosting to get free cloudflare to achieve fast access to domestic sites from abroad
4.Home Data Center Series: Use cloudflare to build a website quickly with no public IP in your home broadband (general purpose)

The first and second methods are suitable for environments with public IP but no legal 443 port (home broadband, unregistered cloud host). You need to add a non-standard port after the URL (if you use cloudflare to build a website, you don't need to add a port, but you need to customize the source station port. You can refer to:Home data center series uses cloudflare's Origin Rules to solve the problem of having a public IP but no legal ports 80 and 443 when building a websiteThe third method is suitable for cloud hosts with a record, and the fourth method is suitable for all environments (including environments without public IP), which is also the method I recommend (regardless of whether your environment has a public IP or not, because this method does not require running https traffic directly on the public network).

The content of the blog is original. Please indicate the source when reprinting! For more blog articles, you can go toSitemapUnderstand. The RSS address of the blog is:https://blog.tangwudi.com/feed, welcome to subscribe; if necessary, you can joinTelegram GroupDiscuss the problem together.
No Comments

Send Comment Edit Comment


				
|´・ω・)ノ
ヾ(≧∇≦*)ゝ
(☆ω☆)
(╯‵□′)╯︵┴─┴
 ̄﹃ ̄
(/ω\)
∠(ᐛ 」∠)_
(๑•̀ㅁ•́ฅ)
→_→
୧(๑•̀⌄•́๑)૭
٩(ˊᗜˋ*)و
(ノ°ο°)ノ
(´இ皿இ`)
⌇●﹏●⌇
(ฅ´ω`ฅ)
(╯°A°)╯︵○○○
φ( ̄∇ ̄o)
ヾ(´・ ・`。)ノ"
( ง ᵒ̌ᵒ̌)ง⁼³₌₃
(ó﹏ò。)
Σ(っ°Д °;)っ
( ,,´・ω・)ノ"(´っω・`。)
╮(╯▽╰)╭
o(*////▽////*)q
>﹏<
( ๑´•ω•) "(ㆆᴗㆆ)
😂
😀
😅
😊
🙂
🙃
😌
😍
😘
😜
😝
😏
😒
🙄
😳
😡
😔
😫
😱
😭
💩
👻
🙌
🖕
👍
👫
👬
👭
🌚
🌝
🙈
💊
😶
🙏
🍦
🍉
😣
Source: github.com/k4yt3x/flowerhd
Emoticons
Emoji
Little Dinosaur
flower!
Previous
Next
       

This site has disabled the right mouse button and various shortcut keys. The code block content can be copied directly by clicking the copy button in the upper right corner

en_US