给自己的 wordpress 博客做个客户端?

WordPress-Mobile-Application

利用 wordpress 作为后台,构建 App (安卓和IOS)

更新内容

2016.10.24: 添加底部菜单栏 2016.10.02: 升级 vue 2.0 版本 2016.05.15:支持代码高亮,支持语言PHP,JS,CSS,Java等,代码格式

code

code

,代码高亮使用了prismjs,做了一些修改,如有其它需求可修改此插件。

定制 APP

修改主题颜色

下载本项目代码,打开css/mystyle.css最后几行有注释声明可以修改颜色值,修改颜色值即可自定义主题颜色。

修改底部菜单

/js/app.js 中修改 nav_bar 数据可以修改底部菜单栏,其中 class 为图标样式,可选样式参考 所有图标

构建方法

  1. 安装 wordpress

  2. wordpress 安装 wordpress rest api (2.0版本及以上)

  3. wordpress 后台:设置/固定链接设置为文章格式

  4. 更改 /js/app.js 里面的 name 和菜单名称和对应的 id (可在 example.com/wp-json/wp/v2/categories 查看)

  5. 下载安装 Hbuilder ,使用其在线打包功能,选择文件/打开目录(打开本项目代码目录),双击 manifest.json 设置 app 名称和 id ,修改 app 图标和启动图。

  6. 点击发行,发行为原生应用,设置好开发者证书,然后打包。

打包成功后会自动下载到本地目录,这样一个 App 就制作好了。

案例体验

我的博客:奋斗的承诺

用到的技术

  1. html5+: http://www.html5plus.org/doc/h5p.html

  2. mui: http://dev.dcloud.net.cn/mui/

  3. hbuilder: http://www.dcloud.io/

项目截图

License

The MIT License (MIT)

Copyright (c) 2016 Zhen.Wang

  • 版权声明: 本文源自互联网, 于3个月前,由整理发表,共 788字。
  • 原文链接:点此查看原文