应今天某位同窗的要求，考虑了下Opage，Opage是一个客制化上彀首页，基于Material Design & Vue.js，集成搜索，站点，气候，TODO(备忘录)，完备的支持PC端和手机端，因为源码的气候接口和某个文件链接出现了问题，伏笔VPS就小小的修正了下，这里分享下。
功能
搜索：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进行查看，因为伏笔VPS只动向于https，因而气候功能不可在http上使用。要使用该功能的可以用域名（https）进行反代，上面会用最简单的Caddy进行反代。
域名反代
这里需要筹办2个(二级)域名，一个用来反代主页面，一个反代气候接口地址，且2个域名需提早解析到服务器。
1、部署Caddy
使用command：
wget -N --no-check-certificate https://raw.githubusercontent.com/ToyoDAdoubi/doubi/master/caddy_install.sh && chmod +x caddy_install.sh && bash caddy_install.sh install http.filemanager
#备用地址
wget -N --no-check-certificate https://www.moerats.com/usr/shell/Caddy/caddy_install.sh && chmod +x caddy_install.sh && bash caddy_install.sh install http.filemanager
2、配置Caddy
#以下全部内容是一个团体，修正2个域名、IP、email后一齐复制到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/fubitechal/caddy/Caddyfile
tls参数会主动帮你签发ssl证书，如果你要使用伏笔VPS的ssl，改成tls /root/xx.crt /root/xx.key便可。后头为ssl证书路径。
3、修正源码气候接口
#将气候反代域名修正成伏笔VPS的再执行
sed -i 's/www.94994.com/tianqi.moerats.com/g' '/root/opage/src/App.vue'
4、启动Caddy
/etc/init.d/caddy start
最后可以open反代主页面的域名便可以访问了，这时候右上角的气候就会显现了。
如果你想常常用该首页，可以在阅读器将原始主页修正成该首页地址。
最后说明下，该工具仿佛是依据Cookie来辨认个人的，因而别乱清空Cookie，否则会规复的。
希望以上的文章对各位有用，如果觉得不错给我点个喜欢吧！更多和Opage：一个定制化上网首页，集成搜索，网站，天气，备忘录相关的问题或者对阿姆斯特丹虚拟主机 ip独享有疑惑也欢迎大家咨询。
网友评论