How to Create an Online Copywriting Archive? Channel + Website

Posted on: 2022-01-24

image.png
Some time ago, I saw my first love forwarding an article from a WeChat official account. I went in to take a look and found that it was a place similar to a copywriting archive. So, I, who am often emo, thought: Can I also open a copywriting archive? (Just take out the little notebook I wrote on the Internet for a year and use it) The links in this article are placed at the end.
image.png
So I tried to open a copywriting channel on the blue 🛫 software. (As for why not on WeChat, it is because there are more restrictions and the operation is not convenient.)
image.png
I prefer the design of the channel function. It is as convenient as sending a message in a group chat, can be edited at any time, and has a timed message function, and a very convenient comment function to interact with followers.
image.png
Next is the implementation of the website. In order to ensure that the style is consistent with the (my) channel (poor skills), for the information page, I directly used the export function of the channel software, exported it to html and hung it directly, made slight modifications to the header and footer, and added a few jump buttons.
image.png
image.png
Then there is the homepage. I didn't plan to make a homepage at first, but in order to automatically add a #bottle tag at the end of the URL to make it jump to the latest when entering the website, I made one, which just made the website look more formal. The homepage is based on the template of html5up. I strongly recommend this template website, which is free and beautiful. (The website address is placed at the end uniformly)
image.png
Then, in order to promote each other between the software channel and the website, I. Set the top and join links in the channel and website respectively. Then there is the problem of the website going online. The static web hosting service here uses github page, which saves time and effort, does not need to worry about the server, and focuses on operating the website for free. The domain name uses the free.tk domain name, but the registration process is more troublesome. The freenom official has a very strict review mechanism to prevent malicious registration (referring to the verification of the IP address during registration and the filling of personal information, etc.). Then the name server is set to the reverse proxy CDN service of cloudflare. One is because the freenom official website review is really too harsh. If the IP is changed in the middle, you need to log in again, and it is also very stuck; the second is considering the reason for domain name filing. If there is no reverse proxy, it may be inaccessible. If domains such as Ali and Tencent are inaccessible, this can also be solved.
image.png
With the reverse proxy provided by cloudflare, we can also implement more interesting functions. For example, by identifying the user identifier UA to achieve different wallpaper adaptations for the PC and mobile terminals. This can be achieved through the cloudflare rule function, and the rule content is placed below.
image.png
image.png
Different backgrounds:
image.png
image.png
That's probably all for now. If you are not clear, you can leave a message on Coolapk


Related resources: Homepage Template Free Domain Name Reverse Proxy Copywriting Archive Rule content: (http.user_agent contains "Android" and http.user_agent contains "Mobile"; and http.request.uri contains "/images/posts/bg.jpg") or (http.user_agent contains "iPhone" and http.request.uri contains "/images/posts/bg.jpg") or (http.user_agent contains "Symbian" and http.request.uri contains "/images/posts/bg.jpg") or (http.user_agent contains "Windows Phone" and http.request.uri contains "/images/posts/bg.jpg")