搞了个简单的个人展示页

两天 七嘴八舌评论6.7K1字数 655阅读2分11秒阅读模式


先来个主页链接:http://tian.cm/


其实很久之前就在github发现了这个主页源码,但是一直没有搞懂怎么用。
一直以来我都是直接把源码上传到主机就可以了(为自己找借口),然而这次并没有奏效,打开页面就是空白。瞎折腾了几次还是没啥效果。想找作者问问,奈何QQ加了几次也没加上。
今天无事,有仔细看了看说明。文章源自两天的博客-https://2days.org/84797.html

部署

  • 安装 node.js 环境文章源自两天的博客-https://2days.org/84797.html

    node > 16.16.0
    npm > 8.15.0文章源自两天的博客-https://2days.org/84797.html

  • 然后以 管理员权限 运行 cmd 终端,并 cd 到 项目根目录文章源自两天的博客-https://2days.org/84797.html

  • 在 终端 中输入:文章源自两天的博客-https://2days.org/84797.html

# 安装 pnpm
npm install -g pnpm

# 安装依赖
pnpm install

# 预览
pnpm dev

# 构建
pnpm build

构建完成后,静态资源会在 dist 目录 中生成,可将 dist 文件夹下的文件上传至服务器,也可使用 Vercel 等托管平台一键导入并自动部署文章源自两天的博客-https://2days.org/84797.html

上面的内容其实也一直都注意到,但是想着以前用github的源码都是直接上传使用的,就没理解他的意思。今天决定按说明在弄一次。
首先就是安了文章源自两天的博客-https://2days.org/84797.html

node.js

,之前一直以为是在主机上安装的,这次是在电脑上安了,然后就出现奇迹了。
QQ20231118124224.png
QQ20231118124228.png
QQ20231118124259.png
经过安装Node.js 安装pnpm 构建一下,反正最后是成功了 。🙃文章源自两天的博客-https://2days.org/84797.html

功能

  •  载入动画
  •  站点简介
  •  Hitokoto 一言
  •  日期及时间
  •  实时天气
  •  时光进度条
  •  音乐播放器
  •  移动端适配

也是大喜过望,最后终于成功,也搞明白了怎么去弄这个主页了,剩下的就慢慢的修改下,替换成自己的内容就OK了。文章源自两天的博客-https://2days.org/84797.html 文章源自两天的博客-https://2days.org/84797.html

本站文章大部分始于原创,用于个人学习记录,可能对您有所帮助,仅供参考!

weinxin
312379857
←QQ扫一扫添加QQ好友
版权声明:本站原创文章转载请注明文章出处及链接,谢谢合作!
广告也精彩
 最后更新:2023-12-2
  • 个人主页
匿名

发表评论

匿名网友
:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:
确定

拖动滑块以完成验证