Charles7c.github.io

screenshot of Charles7c.github.io
vite
vitepress
vue
vuepress

(保持最新版 VitePress)基于 VitePress 构建的个人知识库/博客。扩展 VitePress 默认主题:增加ICP备案号、公安备案号显示,增加文章元数据信息(原创标识、作者、发布时间、分类、标签)显示,增加文末版权声明,增加 Gitalk 评论功能,主页美化、自动生成侧边栏、文章内支持 Mermaid 流程图、MD公式、MD脚注、增加我的标签、我的归档等独立页面,以及浏览器滚条等细节优化。查尔斯的个人技术知识库,记录 & 分享个人碎片化、结构化、体系化的技术知识内容。

Overview

This is a personal technical knowledge repository created by Charles7c. It serves as a platform to record and share fragmented, structured, and systematic technical knowledge. The repository can be accessed through GitHub Pages or Gitee Pages. The repository has expanded its functionality and offers various features such as splitting configuration files, automatic generation of sidebars based on article directories, customization of homepage appearance, customization of footer, display of article metadata information, integration with Gitalk for article comments, support for copyright statements, and support for Mermaid diagrams and Markdown footnotes and formulas. The repository also includes various optimizations and additional features for improved user experience.

Features

  • Splitting configuration files: Address the issue of having large configuration files by extracting reusable public configuration options for easy maintenance.
  • GitHub Actions: Automate project packaging and GitHub Pages deployment when pushing to GitHub. Also allows for synchronization with Gitee Pages.
  • Automatic sidebar generation: Automatically generate sidebars based on organized article directories. Supports featured articles.
  • Homepage customization: Customize the appearance of the homepage based on the VitePress documentation homepage.
  • Customizable footer: Add custom information such as ICP and public security record numbers, as well as copyright information, to comply with website audit requirements.
  • Display of article metadata information: Show information such as article origin (original or repost), author, publish time, category, and tags below the article title. Global configuration options for author information are available.
  • Expanded article reading count information: Display the number of article readings. Can be configured in the theme.ts file to disable.
  • "My Tags" and "My Archives": Create a tag page similar to the one on Yuque and customize a timeline for displaying historical article data, including the ability to filter by category and tags.
  • Article comments: Supports Gitalk for article comments.
  • Copyright statement: Display a copyright statement at the end of each article, with configurable copyright protocol.
  • Mermaid diagrams: Supports the creation of flowcharts, state diagrams, sequence diagrams, Gantt charts, and pie charts using Mermaid syntax.
  • Markdown footnotes and formulas: Supports footnotes and formulas in Markdown.
  • Additional optimizations: Various additional optimizations for improved user experience, such as image styling, scrollbar styling, numbering in sidebar groups, and more.
vite
Vite

Vite is a build tool that aims to provide a faster and leaner development experience for modern web projects

vitepress
Vitepress

VitePress is a static site generator designed for creating documentation websites. It offers a lightweight and fast development experience using Vue.js and Markdown, with features such as live-reload, theming, and customizable layout components.

vue
Vue

Vue.js is a lightweight and flexible JavaScript framework that allows developers to easily build dynamic and reactive user interfaces. Its intuitive syntax, modular architecture, and focus on performance make it a popular choice for modern web development.

vuepress
Vuepress

VuePress is a minimalistic static site generator based on Vue.js that allows developers to create fast, SEO-friendly, and customizable documentation websites.

blog
Blog

Blog websites feature posts written by one or more authors, organized by categories and tags, with a section for comments and archives sorted by date or topic. Additional features may include search bar, social media sharing, subscription or RSS feed, about and contact pages, and visual content.