Rat's

Opage:一个定制化上网首页,集成搜索,网站,天气,备忘录
说明:应昨天某位同学的要求,研究了下Opage,Opage是一个客制化上网首页,基于Material Design...
扫描右侧二维码阅读全文
20
2018/07

Opage:一个定制化上网首页,集成搜索,网站,天气,备忘录

说明:应昨天某位同学的要求,研究了下OpageOpage是一个客制化上网首页,基于Material Design & Vue.js,集成搜索,网站,天气,TODO(备忘录),完美的支持PC端和手机端,由于源码的天气接口和某个文件链接出现了问题,博主就小小的修改了下,这里分享下。

截图

请输入图片描述

功能

  • 搜索:Google + Bing + 百度。
  • 网站:可自定义网站列表。
  • 天气:全国城市 + 4天预测。
  • TODO:简单的Todo列表。

安装

Github原地址:https://github.com/viosey/opage

系统要求:CentOSDebianUbuntu

1、安装npm等依赖

#Ubuntu系统
curl -sL https://deb.nodesource.com/setup_9.x | sudo -E bash -
sudo apt-get install -y nodejs git screen

#Debian系统
curl -sL https://deb.nodesource.com/setup_9.x | bash -
apt-get install -y nodejs git screen

#Centos系统
curl -sL https://rpm.nodesource.com/setup_9.x | bash -
yum install nodejs -y git screen

2、下载源码并安装

git clone https://github.com/iiiiiii1/opage
cd opage && npm install

3、后台运行

screen -S opage
npm run dev

运行了后先按Ctrl+A,再按D隐藏并保留当前窗口。然后可以通过http://ip:8080进行查看,由于博主只倾向于https,所以天气功能不能在http上使用。要使用该功能的可以用域名(https)进行反代,下面会用最简单的Caddy进行反代。

域名反代

这里需要准备2个(二级)域名,一个用来反代主页面,一个反代天气接口地址,且2个域名需提前解析到服务器。

1、安装Caddy
使用命令:

wget -N --no-check-certificate https://raw.githubusercontent.com/iiiiiii1/doubi/master/caddy_install.sh && chmod +x caddy_install.sh && bash caddy_install.sh
#备用地址
wget -N --no-check-certificate https://www.moerats.com/usr/shell/Caddy/caddy_install.sh && chmod +x caddy_install.sh && bash caddy_install.sh

2、配置Caddy

#以下全部内容是一个整体,修改2个域名、IP、邮箱后一起复制到SSH运行!
echo "www.moerats.com {
 gzip
 tls www@moerats.com
 proxy / 1.1.1.1:8080
}
tianqi.moerats.com {
 gzip
 tls tianqi@moerats.com
 proxy / www.94994.com
}" > /usr/local/caddy/Caddyfile

tls参数会自动帮你签发ssl证书,如果你要使用自己的ssl,改为tls /root/xx.crt /root/xx.key即可。后面为ssl证书路径。

3、修改源码天气接口

#将天气反代域名修改成自己的再运行
sed -i 's/www.94994.com/tianqi.moerats.com/g' '/root/opage/src/App.vue'

4、启动Caddy

/etc/init.d/caddy start

最后可以打开反代主页面的域名就可以访问了,这时候右上角的天气就会显示了。

如果你想经常用该首页,可以在浏览器将默认主页修改成该首页地址。

最后说明下,该工具好像是根据Cookie来识别个人的,所以别乱清空Cookie,不然会复原的。

Vultr新用户注册送100美元/16个机房按小时计费,支持支付宝,【点击查看】。
最后修改:2018 年 07 月 21 日 05 : 36 AM

发表评论 取消回复

6 条评论

  1. zgm

    用了很久回来说下。建议把它build出来,因为放后台很占内存。有改动的话重新build一遍就好。

    1. Rat's
      @zgm

      好的,感谢提醒,开发者模式也不咋适合长期使用。

  2. CPUFAN

    谢谢博主,请问主页可以用cdn吗?

    1. Rat's
      @CPUFAN

      这个没必要用cdn吧。

  3. 欧文斯

    配合 via 浏览器使用爽歪歪

    1. Rat's
      @欧文斯

      感觉在手机浏览器上也挺好看的。