Renovate personal website

Original link: https://blog.shuiba.co/personal-website-reformation

Following the above “My logo ushered in the tenth generation” , I would like to write about the investigation and thinking during this period. It should have been written in the bright future chapter, but I didn’t think it through at that time. In fact, I haven’t thought about it yet, but because the content has accumulated too much, I need to free up some space for my brain, otherwise I can’t continue thinking, so I have this “staged summary”, which can also be called “writing while writing”. Think about the text”. In short, I intend to go through the information collected so far to pave the way for the next decision. When I think that I can make a decision after writing this article, my heart is extremely happy.

Personal website structure

As I mentioned in the last blog post, the idea of renovating the website has been around for a long time, and because it has been unable to make a decision, it has been slow to move forward. Originally my plan was as follows –

shuiba.co homepage (self-introduction, email address)	blog.shuiba.co blog
/footprints footprint /portfolio Portfolio /lifetime Chronicle of Events /resume resume (Chinese, Japanese and English)

Because I was afraid that there would be too many pages and it would be too cumbersome, I didn’t open another /about to install “self-introduction”, but planned to write it directly on the homepage. At the same time, the contact form is not as good as a line of mailboxes, so in addition to the blog of the second-level domain name, only four pages are prepared. But even so, I was still thinking about whether I could “keep improving”, so I merged my “resume” into “Chronicle of Events” /lifetime . But when I wrote the “Memorabilia” I felt that it involved too much privacy, so I finally chose to cancel this page. “Resume” is still in the traditional way, with a PDF link inserted into the home page.

On the other hand, I thought about using Mapbox to customize a tourist map and embed it in a webpage, and then add a link to the travel notes. After learning about it, I felt that it was a bit of a sledgehammer, and I didn’t quite understand what was going on. In the same way, Google’s custom map has also been tried halfway, and I don’t know much about it, so I have no time to continue. And because the travel notes are all written in Chinese, I decided to put them in the blog blog.shuiba.co/footprints , and study them slowly in the future.

After some “breaking away”, only the “Portfolio” is left on the page, so just integrate them all into the home page, One page is the highest! So the final version is as follows –

shuiba.co homepage	blog.shuiba.co blog
└ Self-introduction └ Email address └ Resume link └ Portfolio (category screening display)	└ Daily life (life/thinking/travel) └ Annual Summary└ Travel Map

Now my homepage is on GitHub, which is fine. The following to-do list is also very simple and rough, sort out all the past, and then start.

Archive old homepage
Make a new home page

blog composition

After the personal website structure is determined, the next step is to sort out the blog structure. I divided the blog into four parts in “I thought of it because the blog was out of sync” ——

article
picture
Comment
statistics

My original intention is to host as long as I can, the simpler the better, sell services with money, use the saved energy to make money in my profession, an ideal mature social utopia with clear and reasonable division of labor. The article uses FarBox, accesses Dropbox, and enjoys cross-platform writing and version control. The only worry is the support that seems to be absent, because Hepo is always there. Cusdis is used for comments . It is rare to find a comment service that provides official hosting. The interface is also very beautiful, but it is a pity that there is no visitor link. Although I understand the author’s pursuit of the purity of the review, it is difficult to compromise because I really like return visits so much. Umami Cloud is used for statistics , simple and beautiful, and can also be hosted, and other bicycles can be used. Some people may ask, what about pictures ? According to my limited knowledge, I only know Qiniu and You Paiyun for the picture bed, but if you want to bind a custom domain name for domestic services—which is also what I just need—you must file for the record, and the original FarBox cannot play mp3/mp4 Waiting for audio and video files, so I oncemoved the map bed to FarBox’s foreign sister version Blot . Later, I accidentally learned that Blot was placed on AWS, but for some reason, the image hosting was moved back to my own host, so I didn’t know foreign image hosting services. Hosted at the source – AWS S3 . To be honest, I also set it up step by step following the tutorials on the Internet. I don’t know much about the overall mechanism, so I feel a little guilty. But fortunately, it can be used, thanks to the predecessors who planted trees (deep bow). The most important thing is that the price is really touching, maybe it is due to my regular picture setting rules, the file size is not large, so it only costs a few cents per month, and more than a year has passed after the one-year free expiration , I haven’t paid for it (cover my face), it’s really delicious to squeeze capitalist wool!

Reviews and Statistics

The picture bed has “reached the top”, so I extended my claws to the comments. More than a month ago, I wrote an article “The 2023 Edition of Third-Party Reviews” , which introduced the recent popular reviews in detail. On this basis, I continued to study, and finally understood the classification of comments. Basically, comments are a dynamic system because there is a submission process, but just like static websites are to dynamic websites, some people have also developed static comments. Staticman, which I didn’t understand before, is like this. After receiving comments, it triggers page redeployment, and comments are included in the article page in a static form. I immediately thought that FarBox’s original comments were also static csv files, so Carp got up in the middle of the night and ran to the computer for crazy tests, and finally sent a long email to Hepo asking for answers (see easter egg). Hepo’s daily management has not yet responded, and I began to think about whether to only recognize the FarBox ecology in the future. After thinking for a long time, I think it is necessary to divide and conquer for flexibility. Like pictures and other multimedia files, the reason why I took them out and put them in the picture bed is because the efficiency of mixed management is too low after the number of articles increases. After thinking about this, I decided to abandon static comments and turn to independent third-party dynamics. Of course, I also thought about whether it is possible not to comment, but because I also like to comment on past articles, or to add fuel and vinegar, so even if it is not for others but for myself, this comment is still very important.

I waited and waited until Cusdis 2.0, which plans to add guest links, and Umami Cloud will be charged after the end of the closed beta, and the current charging situation is still unclear, so I came up with the idea that it is very “dangerous” for middle-aged people—— Just self-deploy all of them? After a while of investigation, I gained a lot of new knowledge: Vercel, Netlify, Railway, Supabase, React, Vue, Node… Dazzling and wanting to die. Minimalists and technical novices like me finally found out that there are ready-made Waline and Umami on the Railway, snap your fingers, and it’s you! Although Supabase seems to have a more favorable database solution, in my opinion, fewer accounts are better than many, which is a game between management costs and service fees. In short, I plan to try it first, and practice to gain true knowledge.

In fact, I sort these four parts according to their importance. The statistics are at the end, and indeed, statistics are dispensable in my mind, because I don’t need to rely on the data to get anything, it’s just for fun. If it’s not too expensive, I’ll play around with it, but if it’s too expensive, forget it. Umami Cloud is being tested for free, and I don’t know how much it will cost for self-deployment, so you can take it easy, and it won’t be too late after I figure out the comments.

the future of blogging

A Liang said that she might leave FarBox, and then I had the “evil idea” of writing a static blog generator under her teaching. Obviously, I didn’t figure out what SSG (Static Site Generator) was. Recently, I worked overtime and took tutoring lessons, and I finally figured it out. Sure enough, I still need to have a reserve of knowledge to make a reasonable decision.

As we all know, websites are mainly divided into two categories – dynamic sites and static sites. WordPress is the most well-known tool for building dynamic websites, and Typecho is also a favorite of bloggers in the same category. The advantage of this kind of tool is that the production threshold is low, and there are many guidance tutorials. Basically, it can be built with “sincerity” (cue the young master and me). But the disadvantage is that for personal blogs, there are too many functions, not to mention wasting resources, and it will slow down the speed. As a result, ultra-lightweight static websites came into being, and various SSGs sprung up like mushrooms. In addition to the most common Hugo and Hexo in the Chinese blog circle, there are also Gatsby, Eleventy, etc. that are popular abroad. However, there are still certain technical barriers to deploying static websites. Fortunately, most programmers love to share, so there are many online tutorials.

When I first got out of WordPress and entered FarBox, it was because a clean and tidy markdown file gave me more sense of security than the database that confuses me. After I tasted the sweetness, I was out of control, and I no longer looked at redundant dynamic blogs, and I was bored with the cumbersome commands of static blogs. Recently, I finally understood what Hepo said “FarBox is not a static website”, because the job of the static website generator is simply to convert md into html according to the set template and then publish it to the server. And if FarBox wants to give it a positioning, I think it should be Flat-file CMS. It’s no wonder that when I communicated with A Liang about the static blog mechanism, there was a cognitive bias. I thought that the article was rendered locally and then uploaded to the server, but she thought that the article was rendered after being uploaded to the server. The difference is whether the magic is running locally or on the server. So we’re both right, I’m talking about SSG sites, she’s talking about Flat-file CMS. After figuring this out, I finally understand that if I want to find FarBox instead, I should not go to SSG, but to Flat-file CMS.

Although Flat-file CMS is much less than SSG, I still found Grav which looks pretty good. The management logic is similar to FarBox, just install magic on the server and upload md. Of course, self-deployment of FarBox is the same. Since knowing that AWS EC2 is a cloud server, I seem to have opened up the sky again. I really want to put all services on AWS, because it really looks omnipotent. To tell you the truth, I’m even planning to switch from Name.com to Route 53 when my domain name expires. I can find very little Chinese information about Route 53, limited to my limited English reading ability, it is a DNS server rather than a domain registrar. An article mentioned that it is time for everyone to realize that domain name registration and DNS service are actually two businesses. Most domain name registrars are not good DNS service providers, which is why Cloudflare is so popular. It’s just that I’m not dissatisfied with Name.com (I don’t understand the invisible things behind it, just from the experience), and Route 53’s DNS service is charged on demand, so the annual domain name renewal saves $5 in the end Whether all of them can enter my wallet, I may never know if I don’t try it, it’s another project to be practiced.

concluding statement

Archive old homepage
Make a new home page
Comment on migration to Waline
After the end of the Umami Cloud internal test, it will be decided whether to self-deploy according to the situation
Domain name transferred to Route 53

The to-do list is better than any cliché, simple and rude, fresh and clean but not tight (an old stalk full of years). Now that the website structure has been sorted out, I can finally do the design. I am very excited but have no clue hahaha!

Yesterday (April 8th) I often waited at the intersection of red lights on my way home. I suddenly remembered that not long after I started blogging, a lady blogger with the same name and age and similar interests switched from MSN Space to an independent blog ( I still remember the domain name was cyaning.com). Seeing her own words, photos, paintings, and favorite music on her website, I can say that I was very envious when I had accounts on various “Skills Specialized” websites at that time. I still clearly remember her telling me that I must set up my own independent blog. I am very yearning, but I don’t think I can do it. About three to five years later (?), I managed to have my own independent blog with the domain name ccyann.com . I wonder if I, who feel impossible now, will sigh ten years later, I did it, I am really good.

Since I officially entered the blog circle in 2006, 17 years have passed without knowing it. The high school student who likes to blog alone at home, the college student who is working hard to learn front-end knowledge for his own space on the Internet, the foreign student who is independent with the blog, and the smooth transition with more than ten years of blogging experience ~~online shop art~~ E-commerce designer, along the way, full of emotion. I am very glad that the enthusiasm for blogging is still there, and I have a lot of material, so I don’t need to worry about adding new words, and I fully understand the ups and downs of blogging. There is nothing more gratifying than living the ideal life of my teenage years with a blog all my own.

reference article

eggs

Super long advisory email to Hepo, so well written(?) that I couldn’t resist posting it on my blog.

From Yan CHEN

To [email protected]

Date March 30, 2023 15:58

Subject [Shui Bakou] Some questions about comments and albums

Hi Hepo!

Not long time no see, I just contacted you a while ago because of Dropbox sync issues I recently started blogging again, and I want to ask you some questions

1) How to synchronize files such as comments back to the local

I want to replace Disqus, but after searching for a long time, there is no replacement I like. I tested FarBox’s native comments last night and found that they are no longer scattered under each article as before, but unified in the _comments folder. One .csv file for each article is also very clean and beautiful, which is a bit exciting.

Let’s not talk about data migration, because I can only push it out with Dropbox synchronization and cannot synchronize it back. The web editor can be modified, but it cannot be downloaded locally after modification. I tried metion on the iPhone, the iCloud directory is messy and the articles are not complete, the point is that there are no website-related folders

The way I thought of to save the country with the curve is to copy the comment csv of the previous test website, modify it locally and then synchronize it, which can solve the problem of data migration. But then if someone leaves a message on the website, how to get the new comment file on the FarBox side becomes a problem. You can’t manually copy it every time.

So is it possible that in the web editor, you can right-click to download folders and the like? Or any better suggestions?

2) Simple work display page (picture)

I re-read the doc and found that setting the album root can make a simple photo album. But at the same time, I saw that you wrote that it is not recommended to be used as a photo album, because it may cause traffic problems.

My appeal is very simple, that is, a large piece of pictures, each about 3000px, maybe about 3MB? There will be no more than 100 at this stage. Then tag or something to filter and display. I don’t want to make it too complicated, I don’t plan to make detailed inner pages, so one page can handle it. If so, I think it should be fine, right?

Also, can the template of the photo album be customized?

3) Basically, no comment reply email notifications are received

I tested it last night, and I couldn’t receive the email notification if I replied to myself, including I only found out that you asked me on the doc if I could receive it, because I didn’t receive it

I received a “new comment” email once after setting up the mailbox in the dashboard, but it never happened again…whether it is as the author of the website or the person who was replied.

What a long article! Finally finished it before picking up the baby from school! Hope to hear from you soon.

This article is transferred from: https://blog.shuiba.co/personal-website-reformation
This site is only for collection, and the copyright belongs to the original author.