博主的QQ群 705607165 一起来玩呀!

MENU

让你的首页焕发新的活力!

2018 年 02 月 16 日 • 折腾日记阅读设置

0.项目起源

长期以来,浏览器导航页都是about:blank空白页,也没找到什么比较符合个人口味的主页,毕竟我不需要新闻推荐,我也不需要被安利这么多网站,最最最关键的是我不想看见广告

不过在 Github 有幸发现了一款很符合个人需求的主页, Opage

1.功能介绍与个性化小修改

基础特性

基于 Material Design & Vue.js

集成搜索,网站,天气,TODO

个性化小修改

不知道为什么官方集成的天气似乎不能被正常应用,所以这边就引用了 心知天气的API

删除了默认导航内一些在国内不能访问的网站。

调整搜索引擎顺序。

未来

今年暑假搭建一个国际版,自动识别国内/国际IP,提供与国内不同的搜索引擎与默认网址导航。

(我知道没歪果人用呀----
(但是……嘻嘻嘻----

2.项目地址

www.233b.cn

如果喜欢我们的话可以将它设置为 浏览器 首页呢ヾ(≧∇≦*)ゝ

3.安装指南

# install dependencies
npm install

# serve with hot reload at localhost:8080
npm run dev

# build for production with minification
npm run build

这就是高端的原汁原味的官方安装说明。 ̄﹃ ̄

下面是小白食用指南

Step1 请安装 宝塔Linux面板 并在面板后台安装 nginx 和 PM2管理器 。

Step2 将下方的代码丢给服务器

[我相信如果你会安装 宝塔Linux面板 这也难不倒您]

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

Step3 修改源码【如没有想修改的可以跳过本步骤】

请打开 Opage/src 目录下的App.vue。

【通常在root目录内,找不到可以用# pwd #查看当前目录。

如果你看不懂也不要紧,毕竟我觉得你只想改个标题,ctrl+f 祝您快速修改。

Step4 编译

一样,丢给服务器下面的命令

npm run build

Step5 复制文件夹

在 Opage/dist 目录内,将 index.html 和 static 文件夹复制到网站根目录,绑定域名,开启SSL[可选]。

Step6 添加统计代码等 [可选]

直接在复制过去的 index.html 内添加。

如果……还看不懂……下方留言

返回文章列表 打赏
本页链接的二维码
打赏二维码
添加新评论