html 网站发布到公网

写好的网站,如果需要发布到公网上,让你的小伙伴们通过输入你网站的域名就能看见,那么你需要:

1.服务器IP,和该服务器的一个端口

2.服务器提供的用户名和密码

3.一个域名,如:kk.xxxx.com

4.你需要SSH Secure File Transfer Client这个软件(我很推荐这个软件去上传更新你的网站文件),中间并没有那么简单,这里省略一千字

网站发布到公网后,如果发现在公网上打开的,和本地打开的,不一样,请确文件路径正确;

如果还是不一样,请尝试清除浏览器缓存数据,再刷新页面;

### 部署 VitePress 构建的网站到公共网络 要将通过 VitePress 创建的静态站点部署至公共网络,可以采用多种方式实现。以下是基于 GitHub Pages 和 Gitee Pages 的两种常见方法。 #### 方法一:使用 GitHub Actions 自动化部署到 GitHub Pages GitHub 提供了一个名为 GitHub Pages 的服务,用于托管静态网页。结合 GitHub Actions 可以自动化完成项目的构建与部署过程。 1. **初始化项目配置** 使用 `npx vitepress init` 命令快速搭建基础环境,并按照提示设置必要的参数[^1]。 2. **编写 GitHub Action 脚本** 在 `.github/workflows/deploy.yml` 文件中定义工作流逻辑: ```yaml name: Deploy to GitHub Pages on: push: branches: - main # 替换为目标分支名称 jobs: deploy: runs-on: ubuntu-latest steps: - uses: actions/checkout@v3 - name: Setup Node.js environment uses: actions/setup-node@v3 with: node-version: '18' - name: Install dependencies run: npm install - name: Build static site run: npm run build - name: Deploy to GitHub Pages uses: peaceiris/actions-gh-pages@v3 with: github_token: ${{ secrets.GITHUB_TOKEN }} publish_dir: .vitepress/dist ``` 3. **推送代码并触发动作** 将上述脚本提交至仓库后,在每次推送到指定分支时会自动运行此流程并将生成的内容发布到 GitHub Pages 上[^4]。 #### 方法二:利用 Gitee Pages 实现国内加速访问 由于外网资源加载较慢的问题,可以选择将站点同步上传至码云 (Gitee),其提供的 Gitee Pages 功能同样支持免费托管 HTML 页面应用。 1. **调整主题路径适配相对地址** 如果引用了外部样式表或者 JavaScript 库,则需修改链接形式为相对于根目录的形式,避免跨域请求失败的情况发生[^3]。 2. **手动执行打包命令** 进入本地开发环境中输入以下指令来获取最终产物文件夹: ```bash npm run build ``` 此操作完成后会在当前目录下新增一个`.vitepress/dist`子目录存储编译后的成果物。 3. **上传压缩包至 Gitee 平台** 登录账户之后找到对应版本库页面内的“Pages”选项卡位置处点击按钮启动服务;接着把刚才得到的结果集整体复制粘贴进去即可生效显示出来。 --- ### 注意事项 无论是哪种方案都需要提前确认域名解析记录已经正确指向目标主机IP地址上才能正常浏览展示效果。另外考虑到安全性因素建议启用 HTTPS 协议保护数据传输过程中免受窃听威胁影响。
评论 2
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值