获取个人博客
大约 4 分钟
获取个人博客
前置工作
提示
- 先卸载 自己电脑上的 node （nvm 不是必须装的 但是 我感觉 有个版本控制工具会更好一点！）
通过以下 链接 获取 nvm （node 版本控制的 工具）
根据操作 下载 并 安装 nvm
nvm -v //查看 当前 nvm 版本号
nvm list // 查看 已经安装的 node 版本
nvm install [node-version] // 安装对应版本的 node
nvm use [node-version] // 应用对应版本的 node
node -v // 查看 当前 使用的 node 版本
搭建博客项目
提示
- 在安装好 nvm 和 node 之后 搭建一个 简易的 博客项目文件 vuepress-theme-hope
- 首先在安装目录下创建docs目录，然后使用如下命令初始化项目；
npm init vuepress-theme-hope@next docs
- 初始化过程中 会安装所有依赖，还需要对项目进行一些设置，具体参考下图：
- 安装完成后可以选择立刻启动，也可以使用如下命令启动；
npm run docs:dev
- 启动成功后即可访问，访问地址：http://localhost:8080/
提示
- 如果 有 idea 工具的话 可以直接用 idea 工具打开项目 并且可以 编辑
到此 简易的 项目模板就 拥有了 ！！！
获取gitee
进到 gitee 官网 根据提示注册账号以后 可以用邮箱 做提交代码的 账号
创建一个仓库
这样 你就 可以 把自己的 项目 推送到 这个 仓库 中
提示
- 刚创建的 仓库 是 私有的 后面 创建好 以后 一定要 设置 成公开的
推送项目前的准备
通过 idea 打开 项目以后 会有 以下的 目录 文件
这样 就可以 自己 随意发挥了 可以 放上自己的文章 可以做笔记 等等
提示
- 打包项目
npm run docs:build
会生成一个 dist 文件夹 这个 是打包后的 文件 gitee 上有 Gitee Pages 服务 它可以 帮你 把静态资源 加载出来 免费的哦
打包后的 项目 就可以 推送到 仓库 里了
第一次 推送 可以 根据 gitee 推荐给我们的 操作 运行以下命令
两种方式
- 在项目文件根目录 右键 选中 git bash（电脑上 要 安装 git）
- 在idea 打开项目以后 最下面 控制台 窗口 terminal 直接操作
git init
git add .
git commit -m "初始化"
git remote add origin [仓库路径]
git push -u origin "master"
这样 我们的 项目 就被 推送到 gitee 你所创建的 仓库中了
提示
你可以 在 仓库中看到 我们 推送的 文件 还有 提交记录
开通Gitee Pages 服务
在gitee 官网 打开 仓库 后 进到 如下 页面：
提示
- 点进去以后 他会提示 你 让你 认证 ，
- 根据操作 进行认证 需要 个人身份证 正反面 手持身份证正反面
- 审核需要 1-2 天
认证完成以后 就是 如下 界面了 ：
提示
- 注意 部署目录 要 配置到 dist 项目 中 也要 有一些配置 要注意路径等
此时 你就可以 通过更新 发布 你自己的 个人 博客 更新成功以后 会生成一个 自己博客 的 网址 这个网址 是可以 公共访问的
提示
- 这个发布的 步骤 可能会经过很多次 因为 可能一个配置的 错误 就会导致 发布失败
- 所以 一定要有 耐心 多尝试几次
- 并且摸索熟悉 这个 路径的相关关系
到此 你的 个人博客就 配置完成啦！！！ 可以愉快的 发布自己的 文章 自己的 笔记 respect all fear none
以下相关文章
Loading...