说明:应昨天某位同学的要求,研究了下Opage
,Opage
是一个客制化上网首页,基于Material Design & Vue.js
,集成搜索,网站,天气,TODO
(备忘录),完美的支持PC
端和手机端,由于源码的天气接口和某个文件链接出现了问题,博主就小小的修改了下,这里分享下。
截图
功能
- 搜索:
Google
+Bing
+ 百度。 - 网站:可自定义网站列表。
- 天气:全国城市 +
4
天预测。 TODO
:简单的Todo
列表。
安装
Github原地址:https://github.com/viosey/opage
系统要求:CentOS
、Debian
、Ubuntu
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.wxiou.cn/usr/shell/Caddy/caddy_install.sh && chmod +x caddy_install.sh && bash caddy_install.sh
2、配置Caddy
#以下全部内容是一个整体,修改2个域名、IP、邮箱后一起复制到SSH运行!
echo "www.wxiou.cn {
gzip
tls www@wxiou.cn
proxy / 1.1.1.1:8080
}
tianqi.wxiou.cn {
gzip
tls tianqi@wxiou.cn
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.wxiou.cn/g' '/root/opage/src/App.vue'
4、启动Caddy
/etc/init.d/caddy start
最后可以打开反代主页面的域名就可以访问了,这时候右上角的天气就会显示了。
如果你想经常用该首页,可以在浏览器将默认主页修改成该首页地址。
最后说明下,该工具好像是根据Cookie
来识别个人的,所以别乱清空Cookie
,不然会复原的。
's
最后修改:2018 年 07 月 21 日 05 : 36 AM
联系方式:
文章链接:https://wxiou.cn/index.php/archives/318/
除特别注明外,文章均为Literature原创,转载时请注明本文出处及文章链接
Comment here is closed