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

tengxunyun cera

说明:应昨天某位同学的要求,研究了下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/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、邮箱后一起复制到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,不然会复原的。

cera aliyun tengxunyun cloudiplc

相关推荐

WordPress博客网站使用Memcached和Redis缓存哪个更好|

今天小白得到了一台4核8G的服务器,马上安装上宝塔。接下来就遇到了一个选择困难综合征。到底给数据库安装那种缓存好。是Memcached缓存,还是Redis缓存?接下来小白将详细分析下这两种的区别。 首先,我们今天研究的大前提是#wordpress#博客,那么注定数据量不会太大。访问量也不是超多那种。 一、#Memcached#和#Redis#区别 1、数据存储方式 Memecache把数据全部存在内存之中,断电后会挂掉,数据不能超过内存大小。 Redis有部份存在硬盘上,这样能保证数据的持久性。 2、数据支持类型 Memcache对数据类型支持相对简单。 Redis有复杂的数据类型。 3、使用底层模型差别 它们之间底层实现方式 以及与客户端之间通信的应用协议不一样。 Redis直接自己构建了VM 机制 ,因为一般的系统调用系统函数的话,会浪费一定的时间去移动和请求。 4、#value#值大小不同 redis最大可以达到1GB,而memcache只有1MB。 二、Memcached和Redis哪个更适合WordPress 根据上面对比我们发现memcached为内存存储,其占用量最大就512MB内存。而Redis可以无限大占用内存和硬盘空间。memcached更适合存储简单的值。所以小白得出的结论是针对内容不多的WordPress博客建议选择用memcached做MySQL数据库的缓存。 但是这里也有一种例外,有些采集站大佬。因为数据量超多。大部分都超过10万篇文章。那种还是用Redis吧。毕竟有这么多内容的服务器配置应该也不低吧。 以上就是今天要介绍的所有内容,如果有错误欢迎留言指出。

让WordPress网站不显示某个分类文章的办法

为了方便,我公司网站也是用wordpress程序做的,毕竟作为企业,只需要有个展示平台的网站就可以了,wordpress程序功能强大,也用惯了,所以也就不再去折腾别的程序了。   今日在维护中,想在网站多发布一些关于行业知识的文章,但是如果在首页刷出来就不免显得有些信息冗杂,作为企业站的首页,还是针对性强一点的好,所以我马上想到要将这个分类的文章在首页不展示,而仅仅在分类中展示。 让wordpress网站不显示某个分类文章的办法有不少,这类的教程还是蛮多的,操作也不复杂,整理了下有三种常用的办法。 方法一 用首页模板里面的 query_posts 函数:后台 – 外观 – 编辑 – 首页模板(index.php)。 直接在当前主题模板的首页 index.php 中修改调出代码,比如下面代码中是让 20 和 22 分类不显示出来。 <?php if (have_posts()) : while (have_posts()) : the_post(); ?> 修改为: <?php if ( have_posts() ) : query_posts($query_string .’&cat=-20,-22′); while ( have_posts() ) : the_post(); ?> 方法二 还是先找到这句代码: <?php if (have_posts()) : while (have_posts()) : the_post(); ?> 如果不想在首页显示某一个分类的文章,只需要在这句代码下面再加一句: <?php if (is_home() && in_category(‘1’) ) continue; ?> 把其中的 in_category(’1′) 这里的数字改成你不想显示出来的分类的 ID 就可以了。 上面两种方法操作简洁,但是有个缺点,那就是如果想要不显示分类的文章很多的话,文章下面的翻页往后翻的话就会都是空白页面。虽然影响不大,但是对于我们这些爱折腾并且都有强迫症的草根站长来说,心里还是挺不爽的,每次点到后面都是空白页,真是叔可忍婶不可忍的事情。 好在下面第三种方法就能解决。 方法三 functions.php 修改,这个方法是比较好的,建议使用。直接在functions.php底部添加代码: //让wordpress首页不显示某一分类文章 function exclude_category_home( $query ) { if ( $query->is_home ) { $query->set( ‘cat’, ‘-20, -22’ ); //你要排除的分类ID  } return $query; } add_filter( ‘pre_get_posts’, ‘exclude_category_home’ ); 这个方法直接不会有任何页面空缺问题,而且在最新内容中也不会出现。直接在当前主题的 functions.php 添加上面的代码,修改对应的分类排除。修改后,首页文章列表下面的页码会减少,就是讲不显示分类的文章减掉了。

监测各大主机商网络质量的网站 ping.cat

如果你经常租用国外VPS服务器等,可能比较关心国内至国外的网络质量,今天介绍一个专门监测网络抖动及质量的网站,ping.cat。域名很好记,站长是耳机君,通过图形查看网络状况一目了然,阴影块越大,说明ping值波动越大。   网站地址:http://ping.cat

微信扫一扫,分享到朋友圈

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