A fully-featured, modern, and elegant static blog, based on vitepress, integrated with giscus comments, and a simple home page design; primarily records ✍️ my blogs and notes.
Updates will be released every weekend if there are any, and article publications and website modifications will be recorded in the release. Welcome to star⭐/watch for the latest updates~
- Switch between white/night using different theme colors (blue/yellow)
- Integrated with giscus comments
- Automatically generates RSS subscription file
- Short link generation, generating social-sharing-friendly links for semantic Chinese URLs, such as justin3go.com/s?u=590f2bc50aa
- Automatically generates recent article directory on the home page
- Home page video playback and mobile downgrade display as pictures
- github action monitors push operations, automatically deploys to github page
- github action automatically generates Changelog
- Integrated with google analytic and google adsense
- Social sharing optimization: generates twitter cards
- Global image large-scale preview
- The master branch is the official branch for releasing versions, automatically monitoring Push releases
- The online branch is the online branch for deployment, automatically monitoring Push deployment
- Other branches are feature branches for development
The following links are some blog records during the author's site building process, which may be helpful to you
- Introducing Tdesign into vitepress and globally adding large image preview
- Adding twitter/x card in vitepress
- Adding short link generation function to vitepress
- Adding an RSS subscription to the vitepress blog
- Simply optimizing the personal blog homepage (migrating to vitepress-beta version)
- Simply adding a subscription function to a personal blog
- Playing with vitepress
The Running Wolf
The author's pen name is Justin3go
, where Justin
is my English name, and 3go
represents go go go
, which can also be seen as just in go go go
. The wolf is my favorite animal, and running corresponds to go go go
.
About the Author
- Relevant social links are placed in this section of the homepage. In the author's opinion, this is more intuitive and does not affect the reading experience. Only the RSS subscription is placed in the global upper right corner of the website, because the RSS subscription is more strongly related to the site, and too many link
icons
placed in the upper right corner appear cluttered; - Added the usage proportion of the author's tech stack, after all, as a tech blog website, readers can understand the author's tech stack through this section, thereby better understanding the type of blog articles of the author, to judge whether this blog website is suitable for them;
- react seems to be classified as ts/js due to the tsx\jsx suffix, this is automatically classified by wakatime, let it be.
Recently Released
- Why not make pagination to display all articles, the author understands that readers will only look at the most recent few articles, just like 80% of people will not click on the second page of google search results;
- As for wanting to view the author's previous articles, just click on the author's blog archive directly, the sidebar plus content plus outline is a very good reading page setting in the author's understanding;
- Why not make a summary, only the title: lazy🤣.
Message Board
Why is there a message board on the main page, isn't every article can be commented on? The message board is more about leaving messages for the entire website or the author, not for specific content.
npm i -g pnpm
# Install dependencies
pnpm install
pnpm docs:dev
It is worth noting that the parameters in the gitcus comment component need to be generated by yourself, otherwise the comments will appear in this repository instead of your repository, click the link for details
For detailed information, see here
All files with the suffix .md
in this repository are licensed under the following agreement:
Creative Commons Attribution 4.0 International License, this work is licensed under a Creative Commons Attribution 4.0 International License.
You are free to share and adapt this work, but must follow the following conditions: Attribution: You must give appropriate attribution, provide a link to this license, and indicate if modifications were made. You may do so in any reasonable manner, but not in any way that suggests the licensor endorses you or your use.
Detailed license terms and conditions can be seen at this link
Other files are under the MIT license, detailed license terms and conditions can be seen at this link