Total Pageviews

Sunday, 29 December 2024

搭建基于github issue的静态博客程序ethereal

 首先fork这个项目https://github.com/wallleap/ethereal ,我fork后,得到的项目地址是

github.com/briteming/ethereal,然后编辑config.js文件:

https://github.com/briteming/ethereal/blob/main/src/config.js,把第48行的username的值和第49行的repository的值分别改为你的username的值和repository的值。

在 https://github.com/briteming/ethereal/settings ,勾选issues。然后在

https://github.com/briteming/ethereal/issues/new 写issue的标题和内容,并提交。


然后在本地机器上,

git clone https://github.com/briteming/ethereal ethereal-by-briteming

cd ethereal-by-briteming

pnpm install

pnpm build (此命令会生成静态网站的根目录dist)

cd dist

~/ethereal-by-briteming/dist (main)$ ls

css/  favicon.ico  index.html  js/  logo.svg  manifest.json  png/

~/ethereal-by-briteming/dist (main)$ python3 -m http.server 2345

访问http://127.0.0.1:2345 ,即可看到网站效果。

访问http://app.netlify.com/drop, 上传~/ethereal-by-briteming/dist/的内容,即可得到网址:https://glittery-snickerdoodle-b57ad2.netlify.app/

~/ethereal-by-briteming/dist (main)$ vc --cwd .

即可上传~/ethereal-by-briteming/dist/的内容到vercel.com空间,会得到一个网址:

https://etr-phi.vercel.app/ 

演示网站:

https://glittery-snickerdoodle-b57ad2.netlify.app/

https://etr-phi.vercel.app/ 

项目地址:

https://github.com/wallleap/ethereal 

https://github.com/wallleap/ethereal/issues/2

github.com/briteming/ethereal

这个静态博客程序ethereal也是有点神奇:我提交issue后,博客网站就自动更新了。


No comments:

Post a Comment