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

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 内添加。

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

请勿转载，谢谢🙏