用markdown写个博客网站吧

背景

你看到别人都有自己的个人博客,你不想也搞一个吗?

作者的博客示例:博客演示地址

源码地址:码云

技术与环境

  • vitePress:官网
  • markdown
  • vue
  • nodejs:V18.0+
  • yarn 用来安装依赖,也可以用pnpm、bun、npm等

开始搭建

1.建一个空的文件夹,如:testBlog

2.安装vitepress

bash 复制代码
yarn add -D vitepress

3.初始化

bash 复制代码
yarn vitepress init

4.然后就能直接运行了

bash 复制代码
yarn docs:dev

最后

如果想要做出效果更好的,还要自己多看配置文档,才能配出个性化的精美样式

搭建好了之后,然后就要部署了,

  • 可以选择免费的托管,如:Github
  • 也可以部署到自己的服务器上
相关推荐
BullSmall1 小时前
支持离线配置修改及删除操作的实现方案
前端
全栈前端老曹2 小时前
【前端路由】Vue Router 嵌套路由 - 配置父子级路由、命名视图、动态路径匹配
前端·javascript·vue.js·node.js·ecmascript·vue-router·前端路由
EndingCoder2 小时前
安装和设置 TypeScript 开发环境
前端·javascript·typescript
张雨zy2 小时前
Vue 项目管理数据时,Cookie、Pinia 和 LocalStorage 三种常见的工具的选择
前端·javascript·vue.js
五月君_3 小时前
Nuxt UI v4.3 发布:原生 AI 富文本编辑器来了,Vue 生态又添一员猛将!
前端·javascript·vue.js·人工智能·ui
!执行3 小时前
遇到 Git 提示大文件无法上传确实让人头疼
前端·github
源码获取_wx:Fegn08953 小时前
基于springboot + vue小区人脸识别门禁系统
java·开发语言·vue.js·spring boot·后端·spring
坚持学习前端日记3 小时前
个人网站从零到盈利的成长策略
前端·程序人生
CamilleZJ3 小时前
eslint+prettier
前端·eslint·工程化·prettier
web小白成长日记4 小时前
深入理解 React 中的 Props:组件通信的桥梁
前端·javascript·react.js