Today is the first day of the 2021 national College Entrance Examination, and I have some advice for students: Don’t hand in your paper early, because you may still score 13 points in the last 35 seconds.

preface

Hi, I’m YourBatman. This article is an easy one to read, and introduces some of my recent experiences and sharing of site content: yourbatman.cn

Every tech person should have a personal site. Having recently spent some time revamping my blog, I decided to “do it” because I felt that the layout was a bit out of date (even though it had only been running for a year), and the content was not rich enough and the categories were not clear enough, so I decided to do something different.

After 2 complete weekends and 100+ hours, we redesigned, developed, deployed and transported data from 0, and officially launched at 2021-06-01. Post a few pictures to “get a feel” ahead of time:

Also directly accessible (best using a PC) : yourbatman.cn

In this paper, an outline

Version of the agreement

  • YourBatman’s Blog

The body of the

The new site is more in line with the modern framework, theme layout to be realized, so the overall presentation is still good. Attached below is an image of the old site:Personally feel the new site compared toThe old site: Has the following advantages:

  1. Widescreen layout, widescreen display effect is better, more fashionable
  2. Responsive framework, more suitable for mobile devices (Note: although suitable for mobile devices, but using PC access effect is best)
  3. The cloud host is deployed independently and uses the open Robot protocol, which is more friendly to search engines
  4. Add interactive effect, better user experience
  5. Technical article content page more focused, eliminate noise to improve reading efficiency
  6. Added more “menus” in addition to the technical article menu, reflecting the personal site more personalized
  7. Provide “Lakers championship”, “small games”, “personal resume” and other functional pages, can let the site more humanistic atmosphere. A technician is not a piece of wood
  8. .

Below, in accordance with the order of the menu, a brief introduction to ha (ahead of the multi-picture warning).

Home page

Compared to most tech blogs, the front page of this site has a lot of content and highlights:

  • Open screen using dynamic (video) background, content:Chen Ying – Has been very quiet. As shown in the picture below (since mobile devices cannot display the video well, it is adapted to the background picture) :

  • Bulletin board: Real-time updates, showing the latest situation of all aspects of YourBatman or site, as shown below:

  • You know, this site is a pure technology blog. This module is used to recommend articles on the home page: the recommended articles may be the latest, or they may be “scooped up”, avoiding the “excellent” articles published earlier forever sleeping. As shown below:

  • Article list: As the heart of this site, having good technical articles is king. This list is arranged in reverse chronological order and paginated, as shown below: In order to catch the “vision” of technical partners, if the article does not make its own cover image, the system will automatically match a beautiful image from the system according to the title of the article, such as the effect seen in the above picture.

From the bottom of the statistics: about 5 days online, PV 1000/ day, UV about 400/ day. If this can be maintained, this amount has far exceeded my expectation, the server will have to upgrade

  • Article details: as the core of this site, in addition to the article content naturally must be hard core, reading experience also need to keep up. The design concept of this part is: immersion reading, remove the interference, and do not lose the convenience, and strive to balance. As shown below:

Technical column

In my opinion, most technical articles need to be studied and understood in the form of columns to have better effects. As a result of the limited length of a single article, it can only be superficial and cannot bring substantial changes.

Whether it is my public account (ID: BAT utopia), or my personal blog, the main technical knowledge points are presented in the form of small but beautiful columns, reasonably broken down, one by one. On the one hand, it is convenient for everyone to read. On the other hand, it is also very convenient for me to review.

The purpose of this page is to carry out the articleAccording to the columnClassification, so that the reader can focus and index sequentially. As shown below:

Note: the new site has just been established, and only a small part of the article data has been moved. This work will continue. Articles from public accounts, paid columns from CSDN, etc., will be available for free reading

The library

Now is an era of information explosion, look up the hard drive themselves “search hidden” (technology) ebook, that is really only played a role in the search hidden ah. If it weren’t for e-books, it would have fallen thick.

Technical route by “middle age” should also learn to do subtraction, this is more focused. So the library module is designed to do this: put 10 or so “ebooks” on it and provideOnline browsing(of course, also provide download function), anytime and anywhere can be continuous reading, do convenient and focus, improveReal efficiency. As shown below:

Description: Books are highly compressed, 5-10 times smaller than before compression, improving the online reading experience. PS: The mobile terminal does not support online reading, after all, each book is also a “heavy traffic”.

A short video

Compared with my old site, the new site adds a breath of human life, such as the short video module is reflected.

This page is used to search for “classic” short videos, mainly fromHomemade and Tiktok. Same gathering philosophy: focus. So there won’t be many, but try to make sure each one is worth remembering, as shown below:

PS: Only 2 to 3 video content can be adapted to the mobile terminal. For more content, please use PC to open and watch it

Lakers Championship

Know the NBA in 2005, in 2006 began to look at (attention), kobe Bryant, lebron James, yao Ming, Tracy McGrady, Allen iverson, carmelo Anthony and dwyane wade, Chris bosh, Duncan, ginobili and parker, Nash, starr DE meyer, Chauncey billups, artest, shane battier, Kevin garnett, ray Allen, Howard, o ‘neill, Wallace, JR Smith and Chris Paul…

On June 4, 2021 (Beijing time), the Lakers lost to Chris Paul and the Phoenix SUNS in the series. Lebron James played in the first round for the first time in his history. This page only records the passionate youth who love basketball. As shown below:

The article

Here we go. After all, this is a real tech blog, and technical articles are its main topic, so why not put this menu at the center?This menu has 2 sub-menus designed to help you quickly locate the articles/columns you want by different dimensions.

  • statistical: Categories by label and category dimension
  • The calendar: Displays in reverse chronological order

my

As the name suggests, this menu is mainly about YourBatman’s “bootlegs”, so of course there are several sub-menus (which will continue to be expanded) :

  • About me: As the name suggests, YourBatman’s self-introduction

  • twitter: Some things don’t want to be sent to WX moments, they will be sent here by mobile phone

  • Message board: Any kind of grass, irrigation can come here. However,You can’t decide! Outside! Sell!

  • Photo album: light and shadow memory, record life, leave a moment Of course, personal private album is encrypted, requires a password to access, the password is: XXXXXX

More and more

After all, the number of menu bar “slots” is limited, so some peripheral functions will be placed under this menu class:

  • My resume: As the name suggests, this is my resume for job hunting. The password is XXXXXX
  • Little game: Programmers are already very busy, this page allows you to relax for a while
  • Programmer navigation: Everyone has a bunch of urls in their search folders. Here’s a programmer’s guide to ease your load

search

Now we rely heavily on search engines to obtain information, so this site provides a site search function: enter keywords to quickly find relevant content.

The scope of the site search is technical articles, after all, that is the core of this site

conclusion

The content of the new site is relatively rich, in addition to ganba technical articles, but also into the simple humanities, leisure and entertainment modules. Many times, the feedback of friends who have experienced it is also mixed:

  • Not pure: As a tech blog, it should be black on a white background, not fancy
  • Cool: add dynamic effects, add multimedia elements, add casual games, make it look like a programmer
  • .

Generally speaking, although there are derogations have stepped on, I am still quite satisfied with myself (if they are not satisfied, they will not go online). I agree that tech blogs should be more pure, but I also think that personal blogs should be personal, with a little bit more personalization, and it’s best to let a thousand flowers bloom. After all, it does not flow much, so it is not wrong to let this place become their own piece of land.

Because the preparation time of this site is not long, the online is a little hasty, so there are mainly two problems as follows:

  1. The old site information, reading, comments and other information has not been completely migrated, to be continued……
  2. There are certain performance problems: CPU usage will soar when some pages are opened, and fans will sound (if there are front-end students, can you bind them to the following block of performance consumption? Because I do the back end, I really don’t understand this.)

Since it is “rebirth”, this site will do to the technical articles: classification more clear, more strict control, quality control will improve a level. After all, the important thing can be repeated three times: pure tech blog, pure tech blog, pure tech blog.

Finally, welcome to visit, water and plant grass (best accessed using PC) : yourbatman.cn

A series of recommendations

  • 10. This is how it works: @dateTimeFormat and @numberFormat
  • 9. The details are in the book. The Formatter registry is a neat design
  • 8. Formatter unification — Spring’s Formatter abstraction

System.out.println("Give it a thumbs up!);
print_r('Focus on [BAT utopia]! ');
var_dump('Private chat YourBatman: FSX1056342982');
console.log("Give it a thumbs up!);
NSLog(@"Focus on BAT's Utopia!");
print("Private chat YourBatman: FSX1056342982");
echo("Give it a thumbs up!);
cout << "Focus on BAT's Utopia!" << endl;
printf("Private chat YourBatman: FSX1056342982");
Console.WriteLine("Give it a thumbs up!);
fmt.Println("Focus on BAT's Utopia!");
Response.Write("Private chat YourBatman: FSX1056342982");
alert("Give it a thumbs up!);
Copy the code

YourBatman: Spring Framework open source contributor, Java architect, domain expert. Article not title party, not sensationalism, each article into a series to break a knowledge point, each series may be the best/only network. Pay attention to basic skill accomplishment, bottom foundation decides superstructure. Existing IDEA series, Spring N series, Bean Validation series, date and time series…… Pay attention to free access