V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
newghost
V2EX  ›  分享创造

如何用免费 Bootstrap 网站模板,在 OnceAir 顽石云盘上搭建个人网站系统

  •  1
     
  •   newghost ·
    newghost · 2018-02-01 14:24:54 +08:00 · 4381 次点击
    这是一个创建于 2472 天前的主题,其中的信息可能已经有所发展或是发生改变。

    OnceAir 自身就是一个微型服务器,因此可以使用 OnceAir 建立网站,建立方法也很简单,分成以下几个步骤:

    下载网站模板

    目前基于 Bootstrap 有非常多的免费网站模板。Bootstrap 是一个用于快速开发 Web 应用程序和网站的前端框架,一直是 GitHub 上的热门开源项目,包括 NASA 的 MSNBC (微软全国广播公司)的 Breaking News 都使用了该项目。我们这里从下面两个网站下载网站模板。

    免费 https://startbootstrap.com
    收费 https://wrapbootstrap.com

     

    各类 Bootstrap 模板:

    插入图片描述

    这里先下载一个免费的网站模板,将下载的压缩包解压,如下图所示,选择用浏览器打开这些文件,如果能正常打开查看就说明这个网站模板没有问题。

    插入图片描述

    将网站文件上传至 OnceAir

    现在我们需要将这些静态网页上传到网页服务器上。OnceAir 的文档管理模块 OnceDoc,是可以作为静态网站服务器使用的,OnceDoc 针对静态网页作了缓存优化,在低功耗 ARM 芯片上也能发挥出很好的性能。

    先将 zip 格式的压缩包上传到 OnceDoc,上传时勾选自动解压。解压完成后您可以重命名文件夹,注意文件夹和文件最好不要出现中文和特殊字符、空格等。

    插入图片描述

    查看网站

    上传完成之后,我们点开解压目录的中的网页文件,此时会自动以代码格式查看。我们需要以网页文件格式打开。选择主页( index.html )并单点右键,在打开方式中选择”文件浏览器“打开。

    插入图片描述

     

    此时会弹出新的网页浏览窗口, 地址是:

    http://192.168.0.103:8064/file/view/r2/robot/index.html

    插入图片描述

    设置网页默认首页

    OnceAir 默认首页是网盘管理界面  http://192.168.0.103:8064/onceos,当我们将其作为网站服务器时,需要更改默认首页,这样我们就可以直接输入 IP 地址或者域名访问网站。

    这里我们需要将首页从 /onceos 改成  /file/view/r2/robot/index.html,即除去域名和端口号之后的网页相对地址。

    在 /onceos 管理界面,先点击左下方的启动图标,点击控制面板,最后点击服务。

    插入图片描述

    这里我们在默认首页处,填入相对地址,然后保存。之后我们直接输入网盘 IP 地址 http://192.168.0.103:8064 如果自动跳转到网站首页,则代表设置成功。

    插入图片描述

    此时,云盘的默认主页就变成了网站的主页。如果想要返回云盘管理界面,就把页面上方地址栏的后半部分手动改回 onceos。

    开放团队目录访问权限

    团队目录默认是有权限控制的,非团队用户无法查看,我们还需要开放网站所在团队目录的访问权限。右键点击文件所在的团队,选择编辑团队,将团队的访问权限改为完全可见,这样,所有人能看到网站内容了。

     

    在线编辑网站内容

    如下图所示,云盘可以在线编辑 html,css,js 等文件。也就可以在线编辑网站文件,更新网站内容。当然也能在本地进行更新,再通过客户端同步到云端。

    插入图片描述

     

    设置外网访问

    此时,云盘已经可以作为网站服务器使用。这里还需要设置路由端口映射,外网才能访问网盘。并且需要确保您的路由分配有公网 IP 地址,目前很多小运营商会几户共用一个公网 IP,所以需要先检查一下,设置方法:

    如何查看是否分配有公网 IP http://onceair.com/blog/view/jc18dtv6cn01m28r

    Tenda 路由器如何通过端口映射,实现外网访问局域网内 OnceAir 顽石云盘服务器 http://onceair.com/blog/view/jb8z0j46cn01z4l0

     

    绑定二级域名,设置固定访问地址

    由于大部分宽带的公网 IP 是动态分配的,每次重启路由后外网访问的 IP 地址会变,所以 OnceAir 提供了免费二级域名来指向网盘的动态公网 IP。

    设置方法:

    如何为 OnceAir 顽石个人私有云网盘设置固定外网访问地址  http://onceair.com/blog/view/jb7nk4ezcn01cjuj

     

    8 条回复    2018-02-02 08:47:44 +08:00
    vinxee
        1
    vinxee  
       2018-02-01 14:36:59 +08:00
    目标用户是什么?
    对于个人站长或中小企业来说,这纯属鸡肋。
    对于不懂代码的小白来说,还要网上编辑代码,还是太复杂,不如那种拖拽生成网站的。
    Admstor
        2
    Admstor  
       2018-02-01 14:42:49 +08:00
    貌似是一个基于 ARM 的 NAS 系统
    首页这个只是附带的一个功能

    感觉是想做个类似群辉的东西
    jiqing
        3
    jiqing  
       2018-02-01 15:22:19 +08:00
    这个 create-tim 倒是经常给在 uplab 上看到
    sumonian
        4
    sumonian  
       2018-02-01 17:55:00 +08:00
    可以直接用 github
    newghost
        5
    newghost  
    OP
       2018-02-02 08:46:01 +08:00
    @vinxee

    托管网站,只是对文档的一种应用方式
    newghost
        6
    newghost  
    OP
       2018-02-02 08:46:45 +08:00
    @Admstor

    嗯,我们的目标是在这个平台上面实现完整的 OA/CRM/HRM
    newghost
        7
    newghost  
    OP
       2018-02-02 08:47:31 +08:00
    @jiqing

    没用过这个网站,模板是我同事找的
    newghost
        8
    newghost  
    OP
       2018-02-02 08:47:44 +08:00
    @sumonian

    github 也不错
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   2826 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 88ms · UTC 02:19 · PVG 10:19 · LAX 18:19 · JFK 21:19
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.