使用抱抱脸部署你的个人网站引导页

演示地址:https://xiaoxuan6.us.kg

github 源码地址:https://github.com/xiaoxuan6/homepage

部署面板

默认你有hugging face账号,下面是我步骤:

  • 创建一个新空间:Create a new Space
    • Space name:homepage
    • License: MIT
    • Select the Space SDK: docker (Blank)
    • Space hardware: free
  • 添加 Dockerfile 文件:
FROM ghcr.io/xiaoxuan6/homepage:v0.0.2

COPY .env /src/.env
  • 添加 .env 文件:
website_title=""
website_author=""
website_description=""
website_keywords=""

github_username=""
email=""

# 确保图片已存在
logo=""
pay=""
qq=""

site_1_url=""
site_1_title=""
site_1_desc=""

site_2_url=""
site_2_title=""
site_2_desc=""

site_3_url=""
site_3_title=""
site_3_desc=""

site_4_url=""
site_4_title=""
site_4_desc=""

project_1_url=""
project_1_title=""
project_1_desc=""

project_2_url=""
project_2_title=""
project_2_desc=""

project_3_url=""
project_3_title=""
project_3_desc=""

project_4_url=""
project_4_title=""
project_4_desc=""
  • 不需要等待完成,去files里编辑README文件:
title: Homepage
emoji: ⚡
colorFrom: green
colorTo: purple
sdk: docker
pinned: false
license: mit
app_port: 8080  <- 添加端口,不需要修改端口号

image ——祝贺你,成功了!
image——等一会,稍安勿躁,还没部署完!不行的话,看看你的 readme.md 填写对了吗?

build完成后你就能获取到访问链接,点击Embed this Space

这里就可以访问你的个人网站引导页了,完结!

10 Likes

楼主看看这个项目还不错

2 Likes

作为后端,对 npm、vue 不想去学习了(头发掉没了)

根本学不完

哈哈哈 我也是用的这个项目 https://100769.xyz/

2 Likes

感谢!

部署好,地址是多少