Personally customize the Valentine's Day confession website and deploy it online, who says that programmers have no love!
Article Directory
Preface
Valentine's Day is coming soon. On this special day, do you know what programmers have prepared for their significant other? As a qualified code farmer, of course, you have to use your strengths to make your girlfriend happy while also complimenting our skills. It doesn't need to be too complicated, a website that suits her liking is enough!
This article mainly deploys the html confession page to the cloud server ECS, so that the girlfriend can receive our thoughts by opening the website or scanning a QR code. Let's start teaching now! This article provides two deployment methods, one is to deploy to the cloud server ecs , the other is to deploy to github . Both methods can be achieved, you choose! Choose what you are familiar with to deploy! Personally, I think github is simpler. If you have any questions, please comment below or send me a private message! Will answer if you see it.
project address:
To get the template, please go to github to get it yourself! https://github.com/ImViper/lovehtml
Method 1: Deploy to your own ecs server
If you want to deploy the project online and let your girlfriend see it, of course you need a server. If you already have a server, you can skip this step directly.
If not, then you can choose to buy one yourself, on any platform. If you think this is just a one-time tool, then I can teach you a two-hour ecs server. Make your girlfriend happy at that moment, and then this server can be abandoned.
If you are still a student, you can pass Alibaba Cloud's student certification and enroll in an ecs server for three months for free. This is also a good choice!
Student collection address : https://developer.aliyun.com/adc/college/?spm=a2c6h.13788135.J_8940100790.1.4ba85f24lT9sFF
White prostitute an ecs server
First of all, we participate in an Alibaba Cloud experience plan, so that we can have a two-hour ecs server.
The address is as follows: https://developer.aliyun.com/adc/scenario/fdecd528be6145dcbe747f0206e361f3?spm=a2c6h.15013979.J_7591448770.1.6b617077aURwk1
Click to experience
Select free activation on the left and wait for the ecs server to be created.
In this way, we have an ecs server of our own! Choose one-click to copy the url, create a new incognito window (to avoid conflicts with your currently logged-in account), paste the website, and log in to the provided account.
Enter the provided account password
Select the example button on the left to change the operating system to the example, and replace it with a linux pagoda system to facilitate our deployment.
Select the instance and stop the instance, change the operating system,
Here we choose the mirror market, and choose the pagoda system from the market.
Customize a password
After completion, you have switched to the pagoda system, select remote connection, and set up the pagoda.
After successful login, enter the command bt defaultto get the pagoda login interface
Enter the pagoda management panel and enter the initial password provided.
Now we have successfully entered the pagoda management page and can start deploying our website.
Click on the file on the left to enter the root directory. Upload our webpage code in this directory.
Upload the website code directory we have saved, here we choose to upload loveheart.
Click on the website on the left to install the web server.
I chose to install the apache server. After the installation is complete, click on the website on the left to return to the website page.
Choose Add Site. For the domain name, enter the public IP of the server you applied for. For example, here is 106.15.9.48. The root directory selects the source code folder you just uploaded.
Just after submitting. Now enter the server's public network ip address in the browser, you can browse your own confession website! Of course, if you want to modify the html code yourself, please modify it before uploading. I won’t explain how to modify the html code here! The effect is as follows
Method 2: Deploy to github
First of all, you have to have your own github account, so I won’t go into details how to create an account here. I believe that every programmer will also have his own GitHub account!
Open the project address : https://github.com/ImViper/lovehtml
Fork my project, please point a star if you can! Your support is my greatest motivation!
After fork, click settings in the fork project.
Pull to the bottom and find GitHub Pages. Select the master branch and click Save to save.
As shown in the figure, the creation is successful
At this time, according to the file structure of the project, you have got two demo websites. Of course your connection is your own username.
Loveheart demo address: https://imviper.github.io/lovehtml/loveheart/
Love-ppt demo address: https://imviper.github.io/lovehtml/love-ppt/
In the same way, other templates correspond to the name of the folder. You can choose to download the project yourself, modify it, and then push it back. If you are familiar with this part of the operation.
It doesn't matter if you are not familiar, the easiest way is to open the html page in the corresponding folder.
Modify directly in the document, and then commit!
Convert website to QR code
Before finally sending it to the target, convert the website into a beautiful QR code. This is perfect!
QR code generation address : https://cli.im/url
Remember to beautify your QR code again. There is a key to beautify the website.
to sum up
Before finally sending it to the target, convert the website into a beautiful QR code. This is perfect!
QR code generation address : https://cli.im/url
Remember to beautify your QR code again. There is a key to beautify the website.
[External link image is being transferred...(img-ozyL9YBq-1612617579247)]
to sum up
This is the end of the tutorial. I believe everyone can understand it very easily. Finally, I wish you all lovers, if you can help you, please give me a little attention, and bookmark the following article! Thank you!