Git Product home page Git Product logo

blog-en's Introduction

logo

< Welcome to justin3go.com />

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~

Features

  • 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

Branch Introduction

  • 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

Demonstration Screenshots

image

image

image

Recommended Related Reading

The following links are some blog records during the author's site building process, which may be helpful to you

Home Page Design Philosophy

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

  1. 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;
  2. 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;
  3. 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

  1. 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;
  2. 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;
  3. 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.

Local Development

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

ChangeLog

For detailed information, see here

License

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

blog-en's People

Contributors

justin3go avatar

Watchers

 avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.