VuePress +Gitee 快速搭建个人博客

本文介绍如何利用VuePress和Gitee快速搭建个人博客。VuePress是一款静态网站生成器,具备良好的加载性能和SEO。实战部分详细阐述了从本地博客搭建、代码推送到Gitee,再到Gitee Pages的设置,让博客在线可访问。此外,还提供了官方文档和其他资源链接,帮助读者进一步了解和定制博客。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

一、快速搭建博客

1.怎么才能实现快速搭建博客的呢?

其实很简单就是拿来主义。首先你要知道有哪些工具可以搭建博客;然后你可通过搜索引擎搜索官方文档,动动手指就可以本地运行起来。但是运行起来的只是个 demo ,你的要求肯定不仅限于此。

2.怎样搭建一个功能强大的博客呢?

继续使用搜索引擎搜索博客主题,然后嵌入自己的内容。一款优秀的博客框架,当然有很多开发者的支持。那么肯定很多的主题(Theme),拿来直接用就好了。

3.博客已搭建起来了,怎么进行个性化改造了?

现在就可以回到本源了,需要什么功能,再去官方文档查阅。然后通过官网的说明再加上自己的一些理解,再在网络中看看他人是如何使用,然后进行个性改造。

二、VuePress 简介

VuePress 由两部分组成:第一部分是一个极简静态网站生成器,它包含由 Vue 驱动的主题系统和插件 API,另一个部分是为书写技术文档而优化的默认主题,它的诞生初衷是为了支持 Vue 及其子项目的文档需求。

每一个由 VuePress 生成的页面都带有预渲染好的 HTML,也因此具有非常好的加载性能和搜索引擎优化(SEO)。同时,一旦页面被加载,Vue 将接管这些静态内容,并将其转换成一个完整的单页应用(SPA),其他的页面则会只在用户浏览到的时候才按需加载。

三、实战

3.1.博客快速搭建

3.1.1.本地博客搭建命令

a.npm 博客搭建

npm install @vuepress-reco/theme-cli -g #插件安装
theme-cli init wangzg-blog #项目初始化
cd wangzg-blog 
npm install #安装依赖
npm run dev #项目运行
npm run build #项目构建

b.yarn 博客搭建

npm  in
评论 11
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

不安分的猿人

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值