粉粉蕉的笔记本粉粉蕉的笔记本
  • JAVA

    • 代码笔记
    • Java8实战
    • 分布式事务实战(Seata)
    • 模板引擎(FreeMarker)
    • SpringSecurity
  • PYTHON

    • 概述
    • python3
    • python3(菜鸟教程)
    • pandas
    • numpy
    • matplotlib
  • 中间件

    • Kafka
    • RocketMQ
    • Redis
    • MongoDB
    • Elastic Search
  • 数据库

    • Mysql
  • 设计模式
  • 运维

    • linux命令速查
    • windows命令速查
    • Docker笔记
    • kubernetes学习笔记
    • kubernetes实操笔记
    • 运维工具大全
    • git操作宝典
  • 大数据

    • 概览
    • Hadoop
    • Hive
  • 机器学习

    • 机器学习概览
  • 概率论
  • 线性代数
  • 统计学
  • 金融知识学习
  • 聚宽
  • 因子分析
  • RSS
  • 资源导航
  • 医保
  • 健身

    • 笔记
    • 训练计划
  • 装修攻略
  • 读书笔记

    • 《深度学习》
我也想搭建这样的博客!
🚋开往
  • JAVA

    • 代码笔记
    • Java8实战
    • 分布式事务实战(Seata)
    • 模板引擎(FreeMarker)
    • SpringSecurity
  • PYTHON

    • 概述
    • python3
    • python3(菜鸟教程)
    • pandas
    • numpy
    • matplotlib
  • 中间件

    • Kafka
    • RocketMQ
    • Redis
    • MongoDB
    • Elastic Search
  • 数据库

    • Mysql
  • 设计模式
  • 运维

    • linux命令速查
    • windows命令速查
    • Docker笔记
    • kubernetes学习笔记
    • kubernetes实操笔记
    • 运维工具大全
    • git操作宝典
  • 大数据

    • 概览
    • Hadoop
    • Hive
  • 机器学习

    • 机器学习概览
  • 概率论
  • 线性代数
  • 统计学
  • 金融知识学习
  • 聚宽
  • 因子分析
  • RSS
  • 资源导航
  • 医保
  • 健身

    • 笔记
    • 训练计划
  • 装修攻略
  • 读书笔记

    • 《深度学习》
我也想搭建这样的博客!
🚋开往
  • 我也想搭建这样的博客

    • 概述
    • 现在开始!

      • 初始化项目
      • 写一篇文章
      • 侧边栏
      • 使用emoji
      • 在文章中画流程图
      • 在文章中画函数图
      • 加入开往
      • Vuepress插件
      • 部署到githubpages
      • 申请属于自己的域名
      • 迁移至Vuepress2.0

搭建属于自己的博客

Warning

本教程基于Vuepress1.0,比较落后。 想搭建自己的博客,建议参考Vuepress2.0官方文档https://v2.vuepress.vuejs.org/zh/

当前的博客是使用一个叫 Vuepress 的框架搭建的。
Vuepress 需要我们使用一种叫 Markdown 的格式去编写文章。

类似的框架还有很多很多:mdbook、mkdocs、hexo等。熟悉搭建步骤后可以尝试使用不同的框架!

【mdbook】https://llever.com/mdBook-zh/
【mdbook】https://llever.com/mdBook-zh/
【mkdocs】https://markdown-docs-zh.readthedocs.io/zh-cn/latest/
【mkdocs】https://markdown-docs-zh.readthedocs.io/zh-cn/latest/
【hexo-安知鱼主题】https://docs.anheyu.com
【hexo-安知鱼主题】https://docs.anheyu.com

本教程用的还是 vuepress 1.x版本的,现时为止vuepress已经出到2.x了已经迁移到 vuepress2.x版本了。

官方文档:https://v2.vuepress.vuejs.org/zh/

关于Markdown

非常建议大家学习Markdown,用来建立自己的笔记系统!学会后大大提高记笔记的积极性!

Markdown非常的强大,可以自动排版,用户可以在Markdown中插入表格、图片、链接、数学公式等。

如果你并不想建站,单纯用Markdown来代替Word、txt等来管理你的学习笔记也是非常好的。

搭建博客的流程

  • 搭建本地环境
  • 安装vuepress
  • 创建项目
  • 启动项目
  • 购买域名、选择服务器
  • 部署到服务器

搭建博客前,你需要对以下内容有一定理解

  • Markdown
  • Node.js

当然,也可以跟着本教程,逐步了解上面的知识!

PS. CMS(内容管理系统)建站可选的其他的框架

名称官网/教程/Demo描述SASS/静态网站/动态网站
Behancehttps://www.behance.net/Adobe 旗下用于展示并发现创意作品的在线平台动态网站
Bloggerhttps://www.blogger.com/Google提供,简单易用,适合个人博客动态网站
Drupalhttps://www.drupal.org/开源的CMS(内容管理系统)框架,强大的定制能力,丰富的插件和主题动态网站
Joomlahttp://free.joomlachina.cn/开源的内容管理系统,以PHP撰写,通常被用来搭建商业网站、个人博客、信息管理系统、Web 服务等动态网站
EasyBloghttps://stackideas.com/easyblog专注于博客功能,集成了分享和评论功能动态网站
Ghosthttps://ghost.org/博客系统,支持付费订阅动态网站
Mediumhttps://medium.com/专注于博客功能,集成了分享和评论功能动态网站
Wordpresshttps://wordpress.org/最流行的CMS框架之一,拥有庞大的用户群和插件生态系统。动态网站
mdbookhttps://llever.com/mdBook-zh/静态网站
mkdocshttps://markdown-docs-zh.readthedocs.io/zh-cn/latest/静态网站
hexohttps://docs.anheyu.com静态网站
vuepresshttps://v2.vuepress.vuejs.org/zh/静态网站
Last Updated: 6/23/25, 6:27 AM
Contributors: dongyz8, azil