593 words
3 minutes
start
如何在本地配置该博客
环境准备
git
确保电脑上有git。
git --version如果遇到正常的输出,说明电脑有git。 否则安装git。
确定安装过git,但是显示找不到
建议使用软件everything,直接查找git.exe,找到对应路径。然后windows搜索->编辑系统环境变量->环境变量->XXX的用户变量->Path
双击Path,选择新建,复制git.exe所在的路径到新添加的条目中。
确定之后,全部关闭。再次打开一个新的powershell终端,尝试命令git --version,看是否有输出。
如果仍然没有,则重新安装git
node.js
首先进入node.js官网,选择windows Installer (.msi)并下载。
下载后双击.msi文件并安装到想要安装的地方去。
安装完成后打开一个新的powershell终端,使用命令
node --versionnpm --version查看是否安装成功。
安装pnpm
npm install -g pnpm第一次使用install命令的时候可能会失败,可能出在powershell/windows网络安全权限问题。可以粘贴报错,并上网搜索解决方法。(记不得了)
博客的本地部署
克隆博客到本地
git clone https://github.com/pathto/yourrepo.git把博客克隆到本地,并进入到博客的项目根目录文件夹中。
本地编译博客
首先安装博客所需要的各种依赖
pnpm install然后,在本地编译博客
pnpm build在本地预览编译后的博客
pnpm preview就可以通过网址预览自己的博客了。
新增博客文章
在项目文件夹内运行命令:
pnpm new-post Your-Post-Name就会新增一篇博客,并附上正确的博客header模板,模板中的所有冒号后面的内容都是可以修改的。
新增博客后,最好在本地pnpm build并且pnpm preview确认效果无误后,再推送到远端。
推送博客到远端
提交并推送
确保在本地编译成功,并且预览无误后。首先将本地的修改提交
git add .git commit -m "comment"如果报错提示需要配置用户名和邮箱地址,使用以下命令配置
git config --global user.name "yourname"然后推送到github仓库上,github actions会自动完成云端的博客编译和部署。
git push origin main大功告成。