实战:搭建一款属于自己的个人知识库~docusaurus(强大且丝滑)-2024.7.7(测试成功)

image-20240707195530230

目录

docusaurus简介

个人使用docusaurus来做自己的知识库,体验相当nice哦。😍

image-20240707201710396

效果

image-20240707201841535

image-20240707201850285

image-20240707201857739

image-20240707201915787

专题链接👏

  • 我的docusaurus专题

https://onedayxyy.cn/docusaurus/docs/docusaurus

image-20240707200751421

image-20240707200804171

环境

win10
@docusaurus/core: "^3.4.0"
nodejs v20.12.1

源码

链接:https://pan.baidu.com/s/13OO6WGjPRC0yFWzbPQniyg?pwd=b0lg
提取码:b0lg
2024.7.7-实战:部署自己的docusaurus-(测试成功)

image-20240707203650993

1、安装基础环境

在自己pc win10系统先安装好nodejs,git。

  • nodejs下载并安装

https://nodejs.org/en/download/prebuilt-installer

image-20240707193439366

(一直下一步即可)

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

  • git下载

https://git-scm.com/

image-20240707193547938

(一直下一步即可)

image-20240707194616752

2、拉取代码

  • 配置本地git签名
cd /d/docusaurus
git config --global user.name  "hg_it_nuc"
git config --global user.email  "2675263825@qq.com"
  • 在d盘路径,拉取docusaurus项目配置代码:
git clone git@gitee.com:onlyonexl/docusaurus-wiki.git
  • 将docusaurus-wiki目录重命名为docusaurus

3、安装坚果云并同步md核心文件

  • 坚果云下载链接

https://www.jianguoyun.com/static/exe/installer/NutstoreWindowsWPFInstaller.exe

image-20240707192501102

  • 安装方法,一直下一步即可。

  • 将同名目录修改为如下D:\docusaurus\docs路径

image-20240707192623702

image-20240707192636289

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

image-20240707193001270

4、构建运行

  • 执行如下命令后,会下载相关依赖文件的:
$ npm install
  • 执行完成后,就会生成如下node_modules目录:

image-20240707193053337

  • 然后运行,查看效果
npm start

image-20240707193223434

完美。

5、配置脚本环境

1.配置vscode终端到ecs的免密

##win10和ecs做免密,方便本地win10 脚本执行相关命令:
ssh-keygen
ssh-copy-id -i ~/.ssh/id_rsa.pub root@47.100.215.163 ##输入ecs密码
ssh root@47.100.215.163 date

# $ ls ~/.ssh/id_ed25519.pub 
# /c/Users/Administrator/.ssh/id_ed25519.pub
# $ ssh root@47.100.215.163 date
# Fri Apr 12 07:43:24 CST 2024

2.配置win10 vscode终端环境变量

##一键脚本
cat >> /etc/profile <<EOF
alias xyy2="
sh /d/docusaurus/resource/shell/xyy2.sh
"
EOF
source /etc/profile



#vscode的git bash终端,rsync客户端命令
echo 'PATH=/d/greenSoftware/cwrsync_6.2.12_x64_free/bin:$PATH' >> /etc/profile
source /etc/profile

6、构建并推送静态文件到ecs

来到/d/docusaurus,执行如下命令:

xyy2

image-20240707194847078

推送成功:

image-20240707195457526

image-20240707195530230

关于我

我的博客主旨:

  • 排版美观,语言精炼;
  • 文档即手册,步骤明细,拒绝埋坑,提供源码;
  • 本人实战文档都是亲测成功的,各位小伙伴在实际操作过程中如有什么疑问,可随时联系本人帮您解决问题,让我们一起进步!

🍀 微信二维码

x2675263825 (舍得), qq:2675263825。

image-20230107215114763

🍀 微信公众号

《云原生架构师实战》

image-20230107215126971

🍀 个人主页:

https://onedayxyy.cn

image-20240604060532928

🍀 知识库:

https://onedayxyy.cn/docusaurus/

image-20240602215648594

🍀 博客:

http://47.100.215.163:8090/

image-20240602215637124

image-20240602215720712

🍀 csdn

https://blog.youkuaiyun.com/weixin_39246554?spm=1010.2135.3001.5421

image-20230107215149885

🍀 知乎

https://www.zhihu.com/people/foryouone

image-20230107215203185

最后

好了,关于本次就到这里了,感谢大家阅读,最后祝大家生活快乐,每天都过的有意义哦,我们下期见!

_39246554?spm=1010.2135.3001.5421)

[外链图片转存中…(img-n0ddCG3I-1720356354385)]

🍀 知乎

https://www.zhihu.com/people/foryouone

[外链图片转存中…(img-AievC2J5-1720356354386)]

最后

好了,关于本次就到这里了,感谢大家阅读,最后祝大家生活快乐,每天都过的有意义哦,我们下期见!

image-20240707201559790

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值