docsify教程|个人博客搭建

docsify教程|个人博客搭建

---

准备：

• nodejs
• git
• docsify

---

1.1nodejs官网下载nodejs 的Windows installer(.msi) 64-bit版本

nodejs 官网

1.2默认安装Nodejs即可

1.3在控制台输入nodejs查验是否安装成功

2.1准备markdown文件（这步可不按教程准备）

• 徽章查询：https://badgen.net
• 自定义徽章：https://img.shields.io

2.2更换镜像源

• 输入：npm config set registry https://registry.npm.taobao.org/ 更改镜像源

• 输入：npm get registry 检查是否切换成功

3.打开docsify官方网站

• 在入门处点击快速开始，直接复制快速开始部分的命令到控制台

  npm i docsify-cli -g
  

• 复制初始化项目处的指令，在VScode中的终端粘贴运行(VScode不行的话，控制台跳转到指定的文件夹运行也可以)

  docsify init ./docs
  

• 复制指令启动本地预览服务

  docsify serve docs
  

  • 启动后可复制控制态中的URL粘贴到浏览器进入预览

• 回车快速安装docsify

4.一系列的对docsify的更改（更改vue和html属性等），此时将编辑好的网页保存（可在打开的浏览器中预览）

• 其中包含docsify 的版本等
• 按照视频修改即可

5.gitee部署博客

• 新建仓库

  • 输入git名称
  • 选择是否开源
    • 若开源选择MIT许可证（一般自己写博客可以不打开）
  • 点击创建仓库

• 使用git工具

• 对在gitee中创建好的仓库复制链接并在本地clone

• 在电脑上用git命令将编辑好的网页推送上去（推建好的vue、html文件等）

• 参考地址：docsify官方地址