Total Pageviews

Monday, 2 December 2024

安装基于nuxt的静态博客程序 nuxt-blog-by-chansee97

 登录linux vps.

首先安装nodejs环境和pnpm.

git clone https://github.com/chansee97/nuxt-blog nuxt-blog-by-chansee97

cd nuxt-blog-by-chansee97

pnpm install

pnpm build

显示:

...

✔ You can preview this build using node .output/server/index.mjs

 root@racknerd-626f077:~/nuxt-blog-by-chansee97# cd .output/server/

root@racknerd-626f077:~/nuxt-blog-by-chansee97/.output/server# ls
chunks  index.mjs  index.mjs.map  node_modules  package.json
root@racknerd-626f077:~/nuxt-blog-by-chansee97/.output/server# node index.mjs



项目地址:https://github.com/chansee97/nuxt-blog

程序作者的示范网站:https://chansee-nuxt-blog.netlify.app/blog

--------------------------

首先fork 项目https://github.com/chansee97/nuxt-blog,我fork后的项目地址是

https://github.com/briteming/nuxt-blog 

然后在此https://github.com/briteming/nuxt-blog/tree/master/content/blog,新建源帖,比如https://github.com/briteming/nuxt-blog/blob/master/content/blog/test.md?plain=1,

然后登录vercel.com/new,导入项目https://github.com/briteming/nuxt-blog ,来到deploy按钮那个页面,点击 deploy按钮,等待部署完成,部署完成后,我得到网址:

https://nuxt-blog-nine-theta.vercel.app/blog 

(或者,登录app.netlify.com,导入项目https://github.com/briteming/nuxt-blog, 注意:publish directory的值一定要写  ./dist , 但是实际上,并没有生成 ./dist目录,这很奇怪


来到deploy按钮处,点击 deploy按钮,等待部署完成,部署完成后,我得到网址:

https://nuxt-blog-ym.netlify.app/ )

源帖一新建,博客网站1分钟内就会更新。

演示网站:

https://nuxt-blog-nine-theta.vercel.app/blog 

https://nuxt-blog-ym.netlify.app/blog

https://nuxt-blog-brite.netlify.app/blog

项目地址:

https://github.com/chansee97/nuxt-blog

https://github.com/briteming/nuxt-blog 

(https://github.com/ymbrite/nuxt-blog,

https://nuxt-blog-roan.vercel.app/ )

 

 

No comments:

Post a Comment