使用vitepress搭建自己的博客项目

最新推荐文章于 2026-05-10 14:03:46 发布
原创 最新推荐文章于 2026-05-10 14:03:46 发布 · 649 阅读 · 2 ·
本内容遵循CC 4.0 BY-SA版权协议
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
GEO检测

一、介绍can-vitepress-blog

什么是CAN BLOG

CAN BLOG是基于vitepress二开的个人博客系统，他能够方便使用者快速构建自己的博客文章，无需繁琐的配置和复杂的代码编写。

CAN BLOG以antdv为UI设计基础，简洁大方，界面友好；同时结合VitePress Sidebar自动化构建侧边栏（路由），无需使用者手动配置；以及构建md-editor-v3实现Markdown编辑器功能，Node server实现文章保存功能。
官网can-vitepress-blog

为何便利

  1. 作者封装了可以自主上传图片，无需手动添加到文件夹的md编辑器。
  2. 可自主选择文章封面
  3. 文章采用frontmatter格式书写，重复的动作让人头疼，使用作者封装的md编辑器可很好的解决这个问题
    在这里插入图片描述
  4. 主题样式也非常亲民
    在这里插入图片描述
    在这里插入图片描述
  5. 官网文档支持，再也不怕看不懂，不会用了
    在这里插入图片描述
  6. 持续更新，更多功能等你发现
    在这里插入图片描述

更多好的二开

官网can-vitepress-blog

标签
#vue.js
VitePress博客搭建全攻略：从零配置到炫酷主题美化（附避坑指南）
weixin_28839549的博客
03-09 451
本文提供了一份详尽的VitePress博客搭建操作指南，涵盖从项目初始化、环境配置到深度主题定制与功能增强的全过程。文章不仅讲解了如何通过CSS变量和高级视觉特效实现炫酷主题美化，还分享了集成看板娘、评论系统等实用功能的避坑指南，旨在帮助开发者高效构建个性化且功能丰富的静态博客。
vitepress简洁主题搭建
DDDHL_的博客
11-20 2830
个人博客技术栈更新，快速搭建一个vitepress自定义简洁主题博客
vitepress 几步轻松搭建博客
好川的博客
02-26 6318
💎vitepress使用场景简单的说 ，只要会用markdown语法，就能构建自己的博客、笔记、使用文档等系统；✨vitepress优势优势介绍傻瓜式操作只需要配置 菜单 和 对应的markdown就能实现博客、笔记等系统 自由性能优势基于 vue3 和 vite 超快的启动速度，和更小的打包体积相比vue2 的 vuepress 更具有优势写的少，做的多专注于编写并以最少的配置进行部署，真正的 SSG + SPA 架构疯狂独特设计与主题自带各种独特的主题，我们只需填充内容和配置。
CSS Zen Garden项目架构深度解析：多语言支持与响应式设计
最新发布
gitblog_00751的博客
05-10 466
CSS Zen Garden是一个展示CSS设计可能性的经典开源项目，它通过相同的HTML结构搭配不同的CSS样式，呈现出千变万化的视觉效果。本文将深入剖析该项目的架构设计，重点解读其多语言支持方案和响应式设计实现，为前端开发者提供宝贵的实践参考。 ## 项目整体架构：模块化设计的典范 CSS Zen Garden采用了清晰的模块化架构，所有样式方案都被组织在以数字命名的独立目录中（如001/
使用 Vitepress 构建博客并部署到 github 平台
guoqkmiss的博客
04-28 4692
VitePress 是一个静态站点生成器 (SSG)，专为构建快速、以内容为中心的站点而设计。简而言之，VitePress 获取用 Markdown 编写的内容，对其应用主题，并生成可以轻松部署到任何地方的静态 HTML 页面。
使用VitePress快速搭建部署个人博客网站
二当家小D的学习资源库
04-29 3550
VitePress 是一个基于 Vue 3 和 Vite 构建的静态站点生成器，专门用于快速创建文档网站。而我们的Vue3官方文档就是选择了 VitePress 来展示 Vue 3 的新功能和用法，利用 vitepress 快速搭建个人项目到部署上线
使用VitePress + GithubAction搭建个人博客
图南的博客
12-07 1652
使用vitepress+github action快速搭建并部署个人博客
VitePress 个人轻型博客项目搭建教程
gitblog_00516的博客
09-15 930
VitePress 个人轻型博客项目搭建教程 欢迎来到 VitePress 项目快速入门指南。本教程将引导您了解基于 VitePress 构建的个人博客项目——msyuan/vitePress-project，该项目提供了一个简单的框架来搭建您的静态博客站点。 1. 项目目录结构及介绍 此项目遵循一个清晰的结构设计，便于管理和扩展： vitePress-project/ ├── docs/ ...
探索高效博客搭建：vitePress-project 项目推荐
gitblog_00029的博客
09-14 445
探索高效博客搭建：vitePress-project 项目推荐 项目介绍 vitePress-project 是一个基于 VitePress 搭建的个人轻型博客项目模板。该项目从零开始，旨在为开发者提供一个快速搭建静态博客的解决方案。无论是技术笔记、个人博客还是项目文档，vitePress-project 都能满足你的需求。项目预览地址：https://msyuan.github.io/viteP...
【vitepress】如何搭建并部署自己的博客网站
小李科技
03-08 1375
新的改变安装vitepress初始化Vitepress启动项目二 如何部署[2]视频教程 [3]
01_vitepress从0到1，让每个前后端小伙伴都拥有一个属于自己的博客
成长需要沉淀。
03-30 2146
首先，我们在文件夹下定义一个文件，名为home.vue。然后在里面写些想要展示的内容所对应的代码，<template></div></script></style>接着，在-------- 自定义组件 --></script><home />下面来看实现后的效果：这样，我们就实现了相应的自定义内容。按照这个思路，我们也可以在组件里面写各种自己想要添加的东西，达到页面自定义的效果。到这里，navbar和主页都完成了，下面就要去写文章了。
【vitepress】项目构建
七十多岁的人了、
09-11 541
vue3文档就是用vitepress搭建的,vitepress作为vuepress的精神替代还是非常指定学习的。vitepess只要网项目中放markdown文件就能生成精美的博客网，哪怕是非编程行业人士，站也算还是比较容易上手的。大家可以看看我我的。
手把手教你搭建属于自己的技术博客（基于VitePress）
kijio的博客
06-05 1290
手把手教你搭建属于自己的技术博客，部署到云服务器和github。
用VuePress在GitHub Pages上搭建博客
weixin_55010563的博客
12-01 328
最近准备自己要写点小项目，当前技术栈是以运维和后端为主，自己要写项目的话还是要会一些前端技术，选择学习国内比较流行的Vue（知识都学杂了），先看了极客时间的《玩转Vue 3全家桶》，原理居多，现在在B站看大佬小满zs的《Vue3 + vite + Ts + pinia + 实战 + 源码 + electron》，讲得细致，深入浅出，有独特的视角，推荐学习，需要先了解一点Vue和TypeScript。进入项目目录，执行下面命令就能启动项目了，执行后在浏览器中访问http://✔ 你想要创建什么类型的项目？
使用vitepress搭建自己的静态个人博客 || 个人知识库
我的专栏
11-26 1636
VitePress 由 Vite 和 Vue 驱动的静态站点生成器 简单、强大、快速。就是你想要的现代 SSG 框架！SSG 说明:SSG（Static Site Generator）是一种用于生成静态网站的工具或框架。它将网站的内容和模板文件作为输入，然后根据预定义的规则和配置生成静态的HTML、CSS和JavaScript文件。与动态网站相比，静态网站不需要在每次请求时生成页面内容，因此可以提供更快的加载速度和更高的安全性。vitepress 特点。
VitePress从零教会你搭建属于自己的博客
stc_ljc的博客
07-04 1729
vitepress 是一个静态站点生成器，英文名为 SSG (Static Site Generation)。与它类似的还有 yuepress、hexo，python 语言也有 shpinx、mkdocs 之类的工具，react 也有 docusaurus。这些工具找到一个适合自己的才这么多的工具里面，vitepress 是上手成本最低的，也是配置最简单的(需要会JavaScript)，界面也很漂亮，有适配移动端。只要写 markdown 文件与 javascript 配置文件，就可以快速搭建器一个网站。
vitepress从0到1，让每个前后端小伙伴都拥有一个属于自己的博客
u012384510的博客
07-11 1363
大家好，我是若川。我持续组织了近一年的源码共读活动，感兴趣的可以点此扫码加我微信lxchuan12参与，每周大家一起学习200行左右的源码，共同进步。同时极力推荐订阅我写的《学习源码整体架构系列》包含20余篇源码文章。历史面试系列。另外：目前建有江西|湖南|湖北|河南籍前端群，可加我微信进群。公众号回复【相亲】关键词可以获取男生、女生的菜单~????前言之前周一的个人博客是用vuepress来搭...
GitHub + VitePress，或许是你做笔记的新路子
LuckyWinty的博客
09-05 352
点击上方前端Q，关注公众号回复加群，加入前端Q技术交流群前言为什么我开始转入 VitePress，主要是因为好玩，一直想搭建一个个人博客，稍微了解了一下 VitePress 就狠狠的爱上了，实在是太简便太舒服了 还能结合 GitHub，部署个人网站，入门门槛极低 身为 熟练掌握 Vue 的搬砖工，只要你愿意，你也能玩出花（PS：真的可以玩出花，你看）本篇主要介绍搭建工作以及部分配置，不会着重介绍...
知识篇：（七）VitePress 博客搭建指南：轻量化与高性能的完美结合
一名热衷于技术的全栈开发者，专注于前端与后端的全面技术探索。在这里，我将分享我在技术领域的学习与成长，助力更多开发者的进步。
10-16 1154
使用 VitePress 搭建博客是一个简单高效的选择。
vitepress 参考
melissaomy的博客
01-27 246
vitepress
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值