蓝小柠

让你的首页焕发新的活力!附宝塔Opage安装说明
项目起源长期以来,浏览器导航页都是about:blank空白页,也没找到什么比较符合个人口味的主页,毕竟我不需要新...
扫描右侧二维码阅读全文
16
2019/02

让你的首页焕发新的活力!附宝塔Opage安装说明

IMG_20190222_224158.png

项目起源

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

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

功能介绍与个性化小修改

基础特性

基于 Material Design & Vue.js

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

个性化小修改

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

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

调整搜索引擎顺序。

未来

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

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

项目地址

www.233b.cn
www.blestudio.com

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

安装指南

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

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

CloudCone指南
最后修改:2019 年 02 月 24 日 04 : 21 PM
如果觉得我的文章对你有用,请随意赞赏

2 条评论

  1. yamadie

    收藏了

    1. 蓝小柠
      @yamadie

      谢谢支持!
      喜欢的话可以将其添加为浏览器首页呢(๑و•̀Δ•́)و

发表评论