首页 > 其他分享 >用markdown写个博客网站吧

用markdown写个博客网站吧

时间:2024-10-17 17:23:08浏览次数:9  
标签:markdown 部署 yarn 地址 写个 博客 vitepress 搭建

背景

你看到别人都有自己的个人博客,你不想也搞一个吗?
作者的博客示例:博客演示地址
源码地址:码云

技术与环境

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

开始搭建

1.建一个空的文件夹,如:testBlog
2.安装vitepress

yarn add -D vitepress

3.初始化

yarn vitepress init

4.然后就能直接运行了

yarn docs:dev

最后

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

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

  • 可以选择免费的托管,如:Github
  • 也可以部署到自己的服务器上

标签:markdown,部署,yarn,地址,写个,博客,vitepress,搭建
From: https://blog.csdn.net/yan1915766026/article/details/143023884

相关文章

  • 开始学技术博客啊
    《司马季主论卜》东陵侯既废,过司马季主而卜焉。季主曰:“君侯何卜也?”东陵侯曰:“久卧者思起,久蛰者思启,久懑者思嚏。吾闻之:‘蓄极则泄,闷极则达,热极则风,壅极则通。一冬一春,靡屈不伸;一起一伏,无往不复。’仆窃有疑,愿受教焉。”季主曰:“若是,则君侯已喻之矣7,又何卜为?”东陵侯曰:“仆未究......
  • 博客搭建之路:hexo使用next主题新增RSS
    hexo使用next主题新增RSShexo版本5.0.2npm版本6.14.7next版本7.8.0如何让next主题支持RSS呢?看着好像官方没支持,自己加上吧在next下的_config.yml配置中新增sidebar_rss:text:RSSicon:fafa-rsscolor:burlywoodlink:atom.xml找到next/layout/_partials......
  • github pages + hugo 搭建静态博客网站
    体验地址1.起因,目的:其实6年前,我就写过这个。项目代码博客地址最近想改写一下。github推荐的主题是Jekyll,我当时用的就是这个,感觉很麻烦。尤其是文章命名。新的主题hugo用起来还行。2.过程:过程记录,需要详细!因为问题非常多!3.参考教程:视频教程:ht......
  • 基于Node.js+vue个人博客系统(开题+程序+论文) 计算机毕业设计
    本系统(程序+源码+数据库+调试部署+开发环境)带文档lw万字以上,文末可获取源码系统程序文件列表开题报告内容研究背景随着互联网技术的快速发展,个人博客作为一种重要的网络应用形式,逐渐成为人们表达自我、分享知识和经验的重要平台。博客不仅能够记录个人的成长历程、生活点......
  • 博客搭建之路:hexo使用next主题博客侧边栏标题点击不跳转
    hexo使用next主题博客侧边栏标题点击不跳转hexo版本5.0.2npm版本6.14.7next版本7.8.0本着我肯定不是第一个出这个问题的人,去github上找了找,果然我不是第一个好吧,也跟着改吧(修改themes/next/source/js/utils.js),找到registerSidebarTOC函数registerSidebarTOC:functio......