博客
关于我
利用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安装 出现 npm ERR! code ETIMEDOUT npm ERR! syscall connect npm ERR! errno ETIMEDOUT npm ERR! 解决方法
    查看>>
    npm安装crypto-js 如何安装crypto-js, python爬虫安装加解密插件 找不到模块crypto-js python报错解决丢失crypto-js模块
    查看>>
    npm安装教程
    查看>>
    npm报错Cannot find module ‘webpack‘ Require stack
    查看>>
    npm报错Failed at the node-sass@4.14.1 postinstall script
    查看>>
    npm报错fatal: Could not read from remote repository
    查看>>
    npm报错File to import not found or unreadable: @/assets/styles/global.scss.
    查看>>
    npm报错TypeError: this.getOptions is not a function
    查看>>
    npm报错unable to access ‘https://github.com/sohee-lee7/Squire.git/‘
    查看>>
    npm淘宝镜像过期npm ERR! request to https://registry.npm.taobao.org/vuex failed, reason: certificate has ex
    查看>>
    npm版本过高问题
    查看>>
    npm的“--force“和“--legacy-peer-deps“参数
    查看>>
    npm的安装和更新---npm工作笔记002
    查看>>
    npm的常用操作---npm工作笔记003
    查看>>
    npm的常用配置项---npm工作笔记004
    查看>>
    npm的问题:config global `--global`, `--local` are deprecated. Use `--location=global` instead 的解决办法
    查看>>
    npm编译报错You may need an additional loader to handle the result of these loaders
    查看>>
    npm设置淘宝镜像、升级等
    查看>>
    npm设置源地址,npm官方地址
    查看>>
    npm设置镜像如淘宝:http://npm.taobao.org/
    查看>>