首先fork此项目https://github.com/yunyuyuan/nuxt3-blog,我fork后的项目地址是
https://github.com/ymbrite/nuxt3-blog,访问https://github.com/ymbrite/nuxt3-blog/blob/master/config.ts ,编辑config.ts文件。然后导入项目
https://github.com/ymbrite/nuxt3-blog到vercel.com/new ,点击Deploy按钮,等待部署完成。
部署完成后,我得到网址 https://nuxt3-blog-phi.vercel.app/
新建 token:访问Github.com,点击右上方的下拉菜单,进入Settings, 左侧菜单选择Developer settings-点击左侧的personal access tokens-点击tokens(classic)-点击右上角的
generate new token-点击generate new token(classic),
输入三个地方的值:
- Note 填上nuxt3-blog,代表这个 token 是由 nuxt3-blog 使用的。
- Expiration 建议选择
No expiration,代表这个 token 永不过期,当然你也不要泄露给别人,自己最好找个地方保存,万一弄丢了就得重新生成一个。 - 下方把
repo勾上。
然后滚动网页到下方,点击Generate token按钮,此时 token 创建完成,注意⚠:这个 token 的使用者有权限修改你 Github 上的所有仓库,请勿泄露!它只会展示这一次,务必妥善保存。
访问博客网址https://nuxt3-blog-phi.vercel.app/,点击右上方小火箭🚀,进入编辑界面,把刚刚保存的 token 填上。点击右上角的‘新建’,即可新建源帖。内容写好后,点击右上角的“发布”按钮,在弹出的窗口,点击“确定”,即可发布文章。发布新帖后,需等2分钟,博客网站才会更新。
项目地址:
https://github.com/yunyuyuan/nuxt3-blog
https://github.com/ymbrite/nuxt3-blog
演示博客地址: https://nuxt3-blog-phi.vercel.app/
源帖其实都保存在这里:
https://github.com/ymbrite/nuxt3-blog/tree/master/public/rebuild/articles
参考:
https://blog.yunyuyuan.net/articles/6562
https://github.com/yunyuyuan/nuxt3-blog/wiki/
https://github.com/yunyuyuan/nuxt3-blog/wiki/1.3-%E6%96%B0%E5%BB%BAToken%E7%94%A8%E4%BA%8E%E7%AE%A1%E7%90%86%E5%8D%9A%E5%AE%A2
No comments:
Post a Comment