返回

用 git-action+vuepress 搭建个人博客,你必须知道的事!

前端





**git-action+vuepress 搭建个人博客,从小白到大神** 

在互联网时代, داشتن一个个人博客是展示自我、分享知识的绝佳方式。而使用 git-action 和 vuepress 搭建个人博客,更是成为了一种流行趋势。

git-action 是一个持续集成工具,可以帮助你自动化代码构建、测试和部署的过程。而 vuepress 是一个基于 Vue.js 的静态站点生成器,可以让你轻松创建现代化的博客网站。

这两个工具的结合,可以让你快速、轻松地搭建出自己的个人博客,即使你没有任何编程经验。

**准备工作** 

在开始搭建博客之前,你需要先准备好以下几样东西:

* 一个 GitHub 账户
* 一个 Git Bash 终端
* 一个文本编辑器
* Node.js 环境

如果你已经准备好了这些东西,那么就可以开始搭建你的博客了。

**安装 VuePress** 

首先,你需要安装 VuePress。你可以使用以下命令来安装:

npm install -g vuepress


安装完成后,你就可以使用 vuepress 命令来初始化一个新的博客项目。

vuepress init my-blog


这个命令会在你的当前目录下创建一个名为 my-blog 的文件夹,其中包含了所有必要的配置文件和文件。

**编写博客内容** 

接下来,你就可以开始编写你的博客内容了。你可以在 my-blog 文件夹下的 docs 文件夹中创建新的 Markdown 文件来编写你的博客文章。

cd my-blog
cd docs


在 docs 文件夹中,你可以使用以下命令创建一个新的 Markdown 文件:

touch new-post.md

new-post.md 文件中,你可以使用 Markdown 语法来编写你的博客文章。

标题

正文内容

小标题

更多内容


你也可以使用 HTML 代码来格式化你的博客文章。

段落

标题

  • 列表项
  • 列表项
```

部署博客

当你写完你的博客文章后,你就可以将其部署到 GitHub Pages 上。

vuepress build

这个命令会在你的 my-blog 文件夹下生成一个名为 dist 的文件夹,其中包含了你的博客的静态文件。

接下来,你需要将这些静态文件上传到 GitHub Pages。你可以使用以下命令来上传:

gh-pages -d dist

上传完成后,你的博客就可以在 GitHub Pages 上访问了。

结语

以上就是使用 git-action 和 vuepress 搭建个人博客的详细步骤。希望这篇教程能帮助你快速、轻松地搭建出自己的博客。