博客
关于我
利用OneDrive和Google Drive 共享文件快速制作个人静态网站
阅读量:364 次
发布时间:2019-03-04

本文共 927 字,大约阅读时间需要 3 分钟。

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

准备

  • OneDrive账号(仅需微软账号即可登录)。
  • 个人网页文件包(模板可自定义)。
    • 文件包要求:
      • 只支持静态文件类型html。
      • 主网页文件(.html)需命名为 index.html,并放在文件夹根目录处。
  • 网站数据寄存网址。
  • 免费域名申请(注册教程详见相关说明手册)。
  • 教程开始

    OneDrive网站文件包操作

  • 登录OneDrive账号(注意:教育A1账号通常无最高管理员权限,建议使用其他账号)。
  • 将网站文件复制至OneDrive根目录。
    • 注意事项:
      • 只支持静态文件类型html。
      • 主网页文件(.html)需命名为 index.html,并放置在文件夹根目录。
  • 文件命名为 www.XXXX(XXXX为申请的域名,例如)。
  • 右键文件夹,选择“共享”,设置为“拥有链接的用户可编辑”。-取消“允许编辑”选项,点击“应用”,最后点击“发送”或“复制链接”。
  • 网站数据寄存

    1.进入OneDrive:点击OneDrive图标进行授权。2.输入OneDrive账号密码进行授权。3.刷新页面,找到带有www.XXXX的根目录路径。

    域名绑定

    1.登录域名网站,进入“My Domains”界面。2.找到所需域名,点击“Manage Domain”。3.进入DNS设置,填写:

    • Name:www
    • Type:CNAME
    • TTL:3600
    • Target:https://加上之前的字符串。4.点击“Save Change”完成设置。

    域名/网站测试

    1.测试链接:将域名输入搜索框检验(注意:刚设置完可能需等待5分钟以上)。2.测试成功效果图。

    OneDrive数据安全处理

    1.取消DriveToWeb授权:-登录对应邮箱,找到DriveToWeb授权提醒邮件,点击“应用管理”。-在跳转网页上登录账号,找到DriveToWeb授权,点击“编辑”。-点击“删除这些权限”。

    2.返回操作:-取消共享操作:-右键文件夹,选择“详细信息”。-点击“管理访问权限”,删除分享链接。

    扩展

    • Google Drive制作网站类似,请自行研究。
    • 域名更多用法及设置,请自行探索(可使用直接转发功能,关联链接匿名或公开)。

    转载地址:http://gkzg.baihongyu.com/

    你可能感兴趣的文章
    npm install的--save和--save-dev使用说明
    查看>>
    npm node pm2相关问题
    查看>>
    npm run build 失败Compiler server unexpectedly exited with code: null and signal: SIGBUS
    查看>>
    npm run build报Cannot find module错误的解决方法
    查看>>
    npm run build部署到云服务器中的Nginx(图文配置)
    查看>>
    npm run dev 和npm dev、npm run start和npm start、npm run serve和npm serve等的区别
    查看>>
    npm run dev 报错PS ‘vite‘ 不是内部或外部命令,也不是可运行的程序或批处理文件。
    查看>>
    npm scripts 使用指南
    查看>>
    npm should be run outside of the node repl, in your normal shell
    查看>>
    npm start运行了什么
    查看>>
    npm WARN deprecated core-js@2.6.12 core-js@<3.3 is no longer maintained and not recommended for usa
    查看>>
    npm 下载依赖慢的解决方案(亲测有效)
    查看>>
    npm 安装依赖过程中报错:Error: Can‘t find Python executable “python“, you can set the PYTHON env variable
    查看>>
    npm.taobao.org 淘宝 npm 镜像证书过期?这样解决!
    查看>>
    npm—小记
    查看>>
    npm上传自己的项目
    查看>>
    npm介绍以及常用命令
    查看>>
    NPM使用前设置和升级
    查看>>
    npm入门,这篇就够了
    查看>>
    npm切换到淘宝源
    查看>>