OurJS


OurJS-我们的JS, 我们的技术-IT文摘; 专注JS相关领域;
我们热爱编程, 我们热爱技术;我们是高大上, 有品味的码农;

欢迎您订阅我们的技术周刊


我们会向您分享我们精心收集整理的,最新的行业资讯,技术动态,外文翻译,热点文章;
我们使用第三方邮件列表向您推送,我们不保存您的任何个人资料,注重您的隐私,您可以随时退订,

欢迎分享您的观点,经验,技巧,心得

让我们一起找寻程序员的快乐,探索技术, 发现IT人生的乐趣;


本网站使用缓存技术每次加载仅需很小流量, 可在手机中流畅浏览;
如果您发现任何BUG,请即时告知我们: ourjs(at)ourjs.com

如何用Bootstrap免费网站模板和OnceAir云盘搭建个人网站服务器


分享到


分类 JS学习   关键字 Node.JS   发布 ourjs  1517537595233
注意 转载须保留原文链接,译文链接,作者译者等信息。  
OnceAir们顽石云盘是一款集文档管理、编辑、同步、搜索、博客、权限、考勤于一体的微型服务器。功耗仅3.5瓦。因采用内存数据库和异步编程技术,在低功耗ARM平台上也能有很好的性能。

这篇文章主要介绍如何在OnceAir私有云盘上用免费模板搭建个人网站。

下载网站模板

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

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

 

各类 Bootstrap 模板:

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

将网站文件上传至 OnceAir

现在我们需要将这些静态网页上传到网页服务器上。OnceAir 的文档管理模块 OnceDoc,是可以作为静态网站服务器使用的,OnceDoc 针对静态网页作了缓存优化,对于浏览器来说只需要加载一次。

先将 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

社区评论 ( Beta版 )
OnceDoc 您自己的企业内容管理系统——文档、流程、知识库、报表、网盘All In One

访问404页面,寻找丢失儿童
 热门文章 - 分享最多
  1. 移动端开发框架哪个好?jQuery/Vue/AngularJS有哪些区别和优缺点?
  2. 比特币最近为何会暴跌?大资金如何靠做空比特币获利
  3. Node.JS中UDP打洞穿透内网路由,架设内网服务器技术详解及源码
  4. 红衣教主周鸿祎会不会成为中国首富
  5. 马化腾创办腾讯的第一桶金是怎么来的:炒股10万炒到70万
  6. node.js用fs.rename强制重命名或移动文件夹
  7. 如何为OnceAir顽石个人私有云盘设置固定公网访问地址
  8. Node.JS如何查看本地MAC/IP地址、计算cpu使用率和内存容量
  9. JavaScript数组从头开始的位置插入新元素或删除第一个元素
  10. Node.JS段点续传:Nginx配置文件分段下载功能实现
  11. 用 OnceAir 搭建个人Git/Svn/照片备份服务器,每年电费7块钱

 相关阅读 - JS学习
  1. Node.JS高效压缩解压zip文件:将child_process执行结果输入stdout流
  2. Node.JS段点续传:Nginx配置文件分段下载功能实现
  3. Node.JS如何查看本地MAC/IP地址、计算cpu使用率和内存容量
  4. JavaScript数组从头开始的位置插入新元素或删除第一个元素
  5. Node.JS中UDP打洞穿透内网路由,架设内网服务器技术详解及源码
  6. 移动端开发框架哪个好?jQuery/Vue/AngularJS有哪些区别和优缺点?
  7. Node.JS 8.x和9.x新特性:N-API,NPM5,ERROR CODE
  8. Node.JS读取中文TXT编码文件显示乱码问题解决方案
  9. Node.JS与USB接口通信:检测U盘/移动硬盘插拔事件和发送接数据
  10. NodeJS动态传参特性:不定个数参数的省略,默认值与解构

 关键字 - Node.JS
  1. 提高NodeJS网站的安全性:Web服务器防黑客攻击技巧
  2. Node.JS用Socket实现FTP Server服务器和Client客户端
  3. [译]Node.js 框架比较: Express vs. Koa vs. Hapi
  4. Express入门教程:一个简单的博客
  5. 是什么让Node.js比Java更快?为什么NodeJS这么快?
  6. 使用Node.JS批量查找替换目录下文本文件中图片地址内容
  7. 判断Node.JS TCP Socket当前连接状态
  8. Node.JS进程间通讯的几种方法:Redis Publish/Subscribe 和 UDP Socket
  9. Node.JS命令行或批处理中更改Linux用户密码
  10. Node.JS用Path将相对路径转为绝对路径

 欢迎订阅 - 技术周刊

我们热爱编程, 我们热爱技术; 我们是高端, 大气, 上档次, 有品味, 时刻需要和国际接轨的码农; 欢迎您订阅我们的技术周刊; 您只需要在右上角输入您的邮箱即可; 我们注重您的隐私,您可以随时退订.
加入我们吧! 让我们一起找寻码农的快乐,探索技术, 发现IT人生的乐趣;


 关注我们

我们的微信公众号: ourjs-com
打开微信扫一扫即可关注我们:
IT文摘-程序员(码农)技术周刊

ourjs官方微信号