利用OneDrive和Google Drive 共享文件快速制作个人静态网站

准备

  • 1.OneDrive账号(只要有微软账号就可以登陆OneDrive).

  • 2.个人网页文件包(模板可以在模板王中自己喜欢的)。

    • 文件包要求:
      • <1> 只支持静态文件类型html。
      • <2> 主网页文件(.html)需命名为 index.html , 并放在文件夹根目录处。更多细则参考https://drv.tw/中的说明手册。
  • 3.网站数据寄存网址:https://drv.tw/

  • 4.免费域名申请为网站:Freenom.com(注册教程详见:Freenom免费域名申请

教程开始

  • Freenom域名申请

  • OneDrive网站文件包操作

    • 1.登录个人OneDrive账号(现在比较火的教育A1账号大部分没有最高管理权限所以不能使用)

    • 2.将网站文件复制到OneDrive根目录。

      • 注* 1.只支持静态文件类型html。2.主网页文件(.html)需命名为 index.html , 并放在文件夹根目录处。更多细则参考https://drv.tw/中的说明手册。
    • 3.将文件命名为:www.+申请的域名(例如www.fenchenqiyuan.ml)如图1

    • 4.右键 文件夹 ,选择 共享 ,选择 拥有连接的人员都可编辑2

    • 5.取消 允许编辑 选项 ,点击 应用 。最后点击发送 或者 复制链接 即可。
      3

  • 网站数据寄存

    • 1.进入网站:https://drv.tw, 点击图标 OneDrive 进行授权 。4

    • 2.在跳转页面 输入OneDrive账号密码进行授权。
      5

    • 3.再刷新的页面里找到 带有【www.+文件夹名】的根目录路径 如图。

    • 注* 如果不想绑定域名,记住这个链接即可访问自己的网站了。
      6

    • 效果图

    7

  • 绑定域名

    • 1.进入并登录域名网站:Freenom.com

    • 2.点击导航栏 Services ,选择 My Domains 进入已拥有域名管理界面。
      8

    • 3.找到需要的域名,点击右侧的Manage Domain 进入设置。
      9

    • 4.点击 Manage Freenom DNS 进入DNS设置。

    10

    • 5.如图,依次填入或选择对应的信息:

      • Name:www
      • type:CNAME
      • TTL:3600
      • Target:填写 https:// 后面 以及 包括 .tw 之前的字符串。
    • 最后点击:Save Change 。保存数据。

    注* 数据同步全网需要5分钟以上,所以请耐心等待即可。
    11

  • 域名/网站 测试

    • 测试链接:http://ping.pe
    • 将 这只好的域名输入左上角的 搜索框 ,进行测试。(注意*刚设置完可能要等5分钟以上)
      19
    • 测试成功效果图。
      15

扩展:OneDrive数据安全处理

  • 1.取消 OneDriveDriveToWeb 授权

    • <1>在绑定的邮件中找到对应的 DriveToWeb 授权提醒邮件,并点击 应用管理
      12

      • <2>在跳转网页上登陆对应账号,并 找到 DriveToWeb 授权 点击 编辑 。如图
        15
      • <3>点击删除这些权限。如图
        16
  • 2.返回 OneDrive ,对文件夹进行 删除 或者 取消 文件夹共享

    • 取消共享操作

    • <1>右键 文件夹 , 选择 详细信息 。然后点击右侧 管理访问权限
      13

    • <2>最后 找到对应的 分享链接 进行 删除

14

  • Google Drive 制作网站类似,请自行研究。

  • 域名的更多用法以及设置请自行研究(可以使用直接转发功能,关联一个链接匿名或者公开等)

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值