Foreword:Qu Navigation (https://qu.72jueji.com) is a navigation site that specializes in collecting creative websites. This kind of navigation station is purely static and has no interaction. It is very simple to make and does not require any back-end technology. You only need to know a small amount of Html + JS to make it. It is recommended that beginners learn the open source navigation website template first. It usually takes about a week to launch a navigation website that is both beautiful and useful. Next, I will explain in detail how to create and launch a static navigation station from scratch.
Table of contents
-
Navigation station template
-
Determine the content of the navigation station
-
Collect website links
-
Code
-
Deployment and operation and maintenance
-
Profit model discussion
-
Further reading
1. Navigation station template
I browsed around on Github and found the following pure front-end navigation station templates that are pretty good:
[1.GitHub – WebStackPage/WebStackPage.github.io:
Static responsive URL navigation website – webstack.cc ]
[2.GitHub – geekape/geek-navigation:
Geek Ape Navigation - the navigation station for independent developers! ]
[3.GitHub – xjh22222228/nav:
Discovery Navigation: A purely static, powerful navigation website that supports SEO and online editing]
[4.GitHub – xiaodai945/WEBJIKE: Xiaodai Navigation – Customizable and concise website navigation]
Because WebStack listed dozens of navigation stations developed by it, I clicked on them one by one and looked at them. The interface was quite refreshing and the loading speed was also fast. Since WebStack should be easy to use and looks good, I finally chose this template.
2. Determine the content of the navigation station
It is necessary to introduce the current situation of the domestic navigation station market in 2023. Due to the popularity of mobile devices, there are very few PC-side Web users. Most users mainly use search engines even when browsing websites, so few people should use them now. Site navigation. So since we choose to make products in this category, we definitely cannot make a large and comprehensive navigation site. On the contrary, it may be valuable to make a navigation website that focuses on a certain vertical direction and only serves specific users.
I am more interested in innovation and entrepreneurship, so I chose to be a navigation site for creative sites. I hope to include more domestic creative sites and grow together with these creative sites. Some of them will grow into towering trees in the future. It’s also unknown.
3. Collect website links
This can be done through search engines + browsing forums. Dozens of them are included every day. A hundred or so are enough. Note that in addition to website links, you also need to collect the ICO files of the website. Generally, the ICO files of the website can be collected through https://www.jd.com Get the address /favicon.ico. With the website link and ICO file, the next step is to replace the link in index.html.
4. Code implementation
none
5. Deployment, operation and maintenance
I uploaded this website to Tencent Cloud's COS bucket, set up private reading and writing, and turned on the static website function of the bucket.
Then activate Tencent Cloud's CDN. The source of the CDN points to the URL of COS. Note that the CDN must configure IP speed limit and set a traffic cap to avoid malicious attacks.
IP quota
figure 1
Traffic cap
figure 2
6. Domain name application
A domain name is the address of your website in the Internet world. If you want users to find you more easily, your domain name should be short and easy to remember. For example, use English words or pinyin to name it. After you have thought of a name, it is best to search it on a search engine. , make sure that search engines don’t put your domain name together with some spam websites.
After purchasing a domain name, you still need to register it. If your website users are in China, or your server is in China, you must register it. The filing process is relatively lengthy, and I will introduce it in detail later.
https support. SSL certificate application is already a must for every website, because without an SSL certificate, all major browsers will prompt It is not safe and users will most likely be deterred. Tencent Cloud provides 20 free certificates, which can be applied for directly with a few clicks on the Tencent Cloud website, which is very convenient.
7. Discussion on profit model
This product is mainly for everyone to give you a sample. From scratch, we can grow together with you to become a developer who makes money every day. No one should be naive and want to make money every day by relying on a navigation station. However, exploring monetization methods is our specialty. Developers who do not make money will definitely not be able to work for a long time. For this navigation station, we have tried the following two monetization methods.
The first is the appreciation code: add a WeChat payment link on the introduction page. I heard that bread has a meal reward function, and I plan to try the following next time.
The second is alliance advertising: Baidu Alliance is still under application.
8. Further reading
The following content involves some extensions of python automated processing. Interested readers can take a look. Because we have an official account, this official account provides an entrance for webmasters to automatically submit creative websites; after the website is submitted, the background will scan the URL regularly to confirm that the content is safe, and it will automatically join our navigation after a small delay. stand.
The links collected on this website are all niche websites. Many websites will have problems such as inaccessibility and high latency. In order to bring the best user experience, I made a scheduled task to detect the latency of these websites every once in a while.
Figure 4
There is still a problem that has not yet been solved. Although these niche websites that I have included were manually reviewed when they were first included, there is no guarantee that these websites will become bad websites after a year. Automatic detection cannot yet detect these. To catch this situation, one idea is to record the screen of all websites regularly, and then check whether the pictures are related to pornography or politics. If you have any better suggestions, please leave a message.