Skip to content

【博客系统】第四篇:2025最强VitePress静态博客搭建!2天改造开源项目+自动SEO+Cloudflare免费部署(永不封号)

Image您好,我是Hellos AI,擅长AI编程、分享AI工具资讯等,立志让更多普通人了解AI、学会AI,利用AI找到人生的第二曲线。图片

经过2天的优化和改造,终于把开源的vitepress-blog-starter改造成了一个可以使用并且外观还过得去的静态博客了!

下面我将向大家详细的介绍一下它!

为什么要做一个博客?

大家都懂的,特别是做自媒体的朋友,像我们发文章、发视频等内容,都会涉及到一大堆敏感词、关键词的审查,偶尔莫名其妙你的心血就被一刀咔擦。还有如果遇到一些找茬的家伙,那么辛辛苦苦写的文章就命途多舛!

那么一个能被自己控制博客就非常有必要了,你不需要担心什么审核规则,也不需要担心什么杠精,我只需要把文章写好并且上传,它会自动部署并发布到我的个人博客!

特别地一些不太方便发在国内平台的文章,那么有这么一个博客那简直不好太爽了!

其实主要作用就是:做文章备份或者无限制发文!即使哪天被删了,你本地还有一份不是么?

项目简介

经过2天努力,我把一个开源的vitepress博客改造成了当前的静态博客(相当于把一个只有几个柱子的房屋装修成了一个精装房,希望有兴趣的朋友可以把它变成大别墅)

01项目概要

图片

它是一个基于vitepress库构建的个人博客系统,里面的页面都是静态页面,并且都是SEO友好的页面。

我们写博客,只需要在对应的文件夹下按markdown文件模板来写就好了,写完预览,没有问题可以自己推送到github,自动部署并且生成静态页面;

项目地址:https://github.com/tansunyj/vitepress-blog-starter.git

我临时部署到cloudflare上博客系统的效果如下:(当前还没有填充数据,发文时里面的数据都还是一些demo例子,不是正式的文章数据)

个人博客系统临时访问网址:https://vitepress-blog-starter.pages.dev/

图片

02特性

基于markdown模板写文章;

页面<head>都会基于模板生成对应的SEO关键词;

可以自定义作者、标签;

对google等搜索引擎爬虫友好;

都是静态页面,安全性高;

03操作流程

我在做这个之初就想到要使用这样的一种工作方式,就是:我在本地写文章,在预览后没有问题,那么我直接推送文章和图片等到服务器,文章自动生成静态html,博客网站可访问;

对于我们个人来说,在初始配置好之后,我只需要把文章推送完毕就好了,后续过程都是自动化的!

04怎么用?

对于有一定技术能力的朋友来说这是小意思。

而对于技术能力暂时不是那么强的朋友,我会在后续系列文章中详细讲述如何来把这整个过程跑通!

我会从如下步骤来进行描述

本地部署:目标是要能够在本地跑起来并且写文章,包括如下步骤:

1.下载项目;

2.搭建本地环境;

3.个性化改造;

4.如何按模板格式来写文章;

远程部署:目标是把自己的博客系统部署上去,包括如下步骤:

5.如何推送到github;

6.部署博客系统到cloudflare;

7.域名解析;

在做完这些之后,后续只需要专注写文章就好了!

写在最后

后续大家都可以拥有自己的个人博客,然后都可以愉快的分享自己的东西啦!

杰哥的技术小站