本文主要讲述一下使用Hexo搭建博客的一些Tips。

hexo基本指令

1. hexo clean 清除
2. hexo new page “menu name” 新建菜单
3. hexo g == hexo generate 生成
4. hexo d == hexo deploy 部署
5. hexo s == hexo server 启动本地
6. hexo n == hexo new 新建

首页文章显示

在md文件中添加<!--more-->，那么首页就只会显示这个标签之上的内容了，并显示一个阅读全文的按钮。

部署到Github保证README.md不被渲染

1. 在Hexo目录下的source根目录下创建README.md文件,并编辑保存。
2. 编辑Hexo目录的_config.yml文件中的“skip_render”参数。

   1	skip_render: README.md

3. 部署到Github，然后看仓库是否有README.md。

本文主要讲述一下Windows环境使用Hexo + Github Pages搭建自己博客的一些主要步骤。

介绍

Hexo

hexo是一个基于Node.js的静态博客程序，可以方便的生成静态网页托管在Github上。

A fast, simple & powerful blog framework

1. 超快的速度：Node.js 所带来的超快生成速度，让上百个页面在几秒内瞬间完成渲染。
2. 支持 Markdown：Hexo 支持 GitHub Flavored Markdown 的所有功能，甚至可以整合 Octopress 的大多数插件。
3. 一键部署：只需一条指令即可部署到 GitHub Pages, Heroku 或其他网站。
4. 丰富的插件：Hexo 拥有强大的插件系统，安装插件可以让 Hexo 支持 Jade, CoffeeScript。

Github Pages

GitHub Pages本用于介绍托管在GitHub的项目， 不过，由于他的空间免费稳定，用来做搭建一个博客再好不过了。

Websites for you and your projects.

1. Github Pages 有300M免费空间，资料自己管理，保存可靠；
2. Github作为最大的同性交流社区，已经得到了人们的肯定；
3. Github上有很多大牛，学着用 Github ，享受 GitHub 的便利，眼界会开阔很多。

使用Android Studio也有一段时间了，最近项目开发完成，内部测试也已经通过。下一步就是渠道打包，然后上线了。

在出渠道包的时候，若是出一个包，便手动修改一次渠道号，很显然是很费时费力的。庆幸的是，Android Studio采用的Gradle可以很方便的实现我们的多渠道出包。

下面结合代码进行说明。

项目中使用的是友盟，在AndroidManifest.xml中有这样的代码：

1

<meta-data android:name="UMENG_CHANNEL" android:value="${UMENG_CHANNEL_VALUE}" />

其中${UMENG_CHANNEL_VALUE}中的值就是在gradle中自定义配置的值。

最近用美团外卖点餐看到这样一个效果：

顶部的title栏伴随着滑动有这样的一个效果，看起来很不错。

正好项目中可能需要用到，于是打算自己实现一波。

后面在百度、谷歌之后，发现ToolBar+CoordinatorLayout可以很轻易的实现这种效果。

但是在项目中，并没有采用Android新特性的一些东西，所以就得基于目前状况想办法了。

最近的项目是一个与音乐相关的App，其中有一个功能：收藏喜欢的歌曲，在wifi的环境下自动下载。

考虑到音乐歌曲都是3、4Mb的小文件，断点下载的功能便不需要了。因此只需要实现一个特别轻量、简单的下载管理类，进行管理即可。

最初的思路便是任务队列，单线程顺序执行，一个文件接着一个文件进行下载。

之前看过AsyncTask的部分源码，其设计与我的想法类似，于是便借鉴着AsyncTask的源码，实现了一个特别简单、轻量的下载管理类。

项目开发中，有一个这样的需求：

在个人主页里会有12张图片的背景墙。这12张图片由服务器返回，会不定时刷新。

第一种方案

起初，自己的实现思路是：xml直接定义12个ImageView，然后在接收到图片路径后，再进行异步加载。

显然，这种方法是肯定可以的，但是却显得不“优雅”。而且后续可能会对这整个背景墙有个缩放的动画之类的，那么再实现起来便会比较复杂了。

第二种方案

之后，我想到了GridView，显然也是可以的，在得到图片路径后传入到Adapter中即可。比起方案一稍微“优雅”些，但是也是很难将这个背景墙当成一个整体，进行将来可能会添加的动画特效需求。

第三种方案

最后，我想到，既然要当成一整个整体，那么自定义View或许是个不错的办法。

前言

大年初十，相信许多人都已经过完年，在上班的路上或者已经上班了。在这里跟大家说一声：新年好~

新年新气象，今天打算写一篇关于Android新特性：Material Design的文章。Material Design作为android 5.0的重头戏，说是新特性，但是其实已经算不上“新”了，毕竟android 6.0都出来了呢。

情人节刚过，我便以“秀恩爱”为主题，做一个新特性的使用例子。废话少说，下面开撸。

添加依赖

使用新特性需要添加依赖：

1
2
3

compile 'com.android.support:design:23.0.1'
compile 'com.android.support:cardview-v7:23.1.0'
compile 'com.android.support:recyclerview-v7:23.1.0'

在上一篇文章中，我介绍了React Native For Android的基本使用。这篇文章重点介绍一下使用过程中碰到的问题以及解决办法。

真机运行白屏

在执行react-native run-android指令编译安装apk到真机之后，运行程序，发现程序白屏，感觉像ANR一样。

解决方法：手机设置中打开应用管理，选择我们安装的应用。然后点击权限管理，将显示悬浮框设置为允许。

白屏问题便能解决了。

介绍

Facebook 在 React.js Conf 2015 大会上推出了基于 JavaScript 的开源框架 React Native。React Native 结合了 Web 应用和 Native 应用的优势，可以使用 JavaScript 来开发 iOS 和 Android 原生应用。在 JavaScript 中用 React 抽象操作系统原生的 UI 组件，代替 DOM 元素来渲染等。

React Native enables you to build world-class application experiences on native platforms using a consistent developer experience based on JavaScript and React. The focus of React Native is on developer efficiency across all the platforms you care about — learn once, write anywhere. Facebook uses React Native in multiple production apps and will continue investing in React Native.

React Native 使你能够使用基于 JavaScript 和 React 一致的开发体验在本地平台上构建世界一流的应用程序体验。React Native 把重点放在所有开发人员关心的平台的开发效率上——开发者只需学习一种语言就能轻易为任何平台高效地编写代码。Facebook 在多个应用程序产品中使用了 React Native，并将继续为 React Native 投资。

对于不太了解React Native是什么以及Facebook为什么要创建React Native，可以先看看这篇博客。

Facebook 于 2015 年 9 月 15 日发布了 React Native for Android， 把 Web 和原生平台的 JavaScript 开发技术扩展到了 Google 的流行移动平台–Android。

最近项目技术负责人说可能以后我们也会使用这套框架进行App开发，所以便预先学习一下，顺便做下笔记，分享给大家。

前言

最近一直在学习Hybrid开发，如何在H5页面调用Android原生接口，并返回值，以及回调。学习了一段时间，总算是有点收获，效果也做出来了。于是写下这篇博客，记录一下。

本文中我以2个接口示例，来进行讲解。第1个示例很简单，就是调用接口，返回登录Token；第2个示例是H5调用接口，弹出Android原生界面进行图片选择，选择完之后返回选择图片的Base64格式的字符串。然后H5页面接收返回的字符串，回调进行图片显示。

Base64

首先，讲解一下Base64。图片也是一个文件，可以通过Base64返回这个文件的Base64字符串，这个字符串可以直接放到H5的img标签进行显示。