代码成诗

百思不得姐项目（二）

2016-10-17T00:00:00+00:00

百思不得姐项目（二）

前言

本文是在百思不得姐项目（一）基础上进行添加功能

一、自定义导航控制器

上篇文章已经实现的功能：。

1.1 创建自定义导航控制器

在Other->Controller文件夹下新建自定义的导航控制器LaNavigationController

创建好之后，我们在LaTabBarController.m中导入我们的导航控制器

#import "LaNavigationController.h"

在 - (void)setUpChildVC:(UIViewController *)vc Title:(NSString *)title Image:(NSString *)image SelectImage:(NSString *)selectImage 方法中将以前的导航控制器改为我们自己的

// 包装导航控制器,添加导航控制器为tabBarController的子控制器
    LaNavigationController *navigationController = [[LaNavigationController alloc] initWithRootViewController:vc];

我们测试一下：在LaEssenceViewController.m中添加一个测试

@implementation LaEssenceViewController

- (void)viewDidLoad {
    [super viewDidLoad];
    
}

- (void)touchesBegan:(NSSet<UITouch *> *)touches withEvent:(UIEvent *)event{
    UIViewController *vc = [[UIViewController alloc] init];
    vc.view.backgroundColor = [UIColor redColor];
    [self.navigationController pushViewController:vc animated:YES];
}

@end

运行结果：

1.2 更改导航栏返回按钮

目前我们的导航栏返回按钮是蓝色，并且显示为上一个节目的title，所以我们需要更改返回按钮。

//
//  LaNavigationController.m
//  百思不得姐
//
//  Created by 柳钰柯 on 2016/10/17.
//  Copyright © 2016年 柳钰柯. All rights reserved.
//

#import "LaNavigationController.h"

@interface LaNavigationController ()

@end

@implementation LaNavigationController

/**
 当第一次使用这个类的时候会调用一次
 */
+ (void)initialize{
    
    // 当导航栏用在LaNavigationController中才会生效
    //    UINavigationBar *bar = [UINavigationBar appearanceWhenContainedIn:[self class], nil];
    
    UINavigationBar *bar = [UINavigationBar appearance];
    [bar setBackgroundImage:[UIImage imageNamed:@"navigationbarBackgroundWhite"] forBarMetrics:UIBarMetricsDefault];
}

- (void)viewDidLoad {
    [super viewDidLoad];
    
}

// 拦截pushViewController方法，更改导航栏的返回按钮
- (void)pushViewController:(UIViewController *)viewController animated:(BOOL)animated{
    
    if (self.childViewControllers.count > 0 ) {// >0指除开当前视图还有一个视图
        
        UIButton *returnButton = [UIButton buttonWithType:UIButtonTypeCustom]; // 自定义按钮
        [returnButton setTitle:@"返回" forState:UIControlStateNormal]; // 设置按钮字体
        [returnButton setImage:[UIImage imageNamed:@"navigationButtonReturn"] forState:UIControlStateNormal]; // 设置正常情况下的按钮
        [returnButton setImage:[UIImage imageNamed:@"navigationButtonReturnClick"]forState:UIControlStateHighlighted]; // 设置高亮情况下的按钮
        
        [returnButton setTitleColor:[UIColor blackColor] forState:UIControlStateNormal]; // 设置正常情况下字体颜色
        [returnButton setTitleColor:[UIColor redColor] forState:UIControlStateHighlighted]; // 设置高亮情况字体颜色
        
        returnButton.size = CGSizeMake(70, 30); // 设置按钮尺寸
        returnButton.contentHorizontalAlignment = UIControlContentHorizontalAlignmentLeft; // 设置按钮左对齐
        returnButton.contentEdgeInsets = UIEdgeInsetsMake(0, -10, 0, 0); // 按钮向左移动
        
        [returnButton addTarget:self action:@selector(back) forControlEvents:UIControlEventTouchUpInside]; // 按钮绑定弹出事件
        
        viewController.navigationItem.leftBarButtonItem = [[UIBarButtonItem alloc] initWithCustomView:returnButton]; // 替换按钮
        viewController.hidesBottomBarWhenPushed = YES; // 隐藏TabBar
    }
    [super pushViewController:viewController animated:YES]; // 此句放在最后让viewController可以覆盖上面的leftBarButtonItem
}

// 监听返回按钮,弹出当前界面
- (void)back{
    [self popViewControllerAnimated:YES];
}

@end

运行效果:

1.3 设置当前视图导航栏按钮

我们需要对每一个模块都添加按钮,按钮都有相同的属性(正常图片,高亮图片,事件绑定).所以我们需要先封装一个类来避免代码冗余.在Other->Category中添加一个UIBarButtonItem的类扩展
在header.h中添加#import "UIBarButtonItem+LaExtension.h" 使整个工程可以使用这个类
同时我们注意到,整个项目都是一个背景颜色,所以我们需要设置全局背景颜色,同样在Header.h中添加

#define LaRGBColor(r,g,b) [UIColor colorWithRed:(r) / 255.0 green:(g) / 255.0 blue:(b) / 255.0 alpha:1.0] // 宏->快速设置颜色
#define LaGlobalBg LaRGBColor(223,223,223) // 全局背景颜色

自定义UIBarButtonItem

//
//  UIBarButtonItem+LaExtension.h
//  百思不得姐
//
//  Created by 柳钰柯 on 2016/10/17.
//  Copyright © 2016年 柳钰柯. All rights reserved.
//

#import <UIKit/UIKit.h>

@interface UIBarButtonItem (LaExtension)


/**
 UIBarButtonItem类扩展

 @param normalImage      正常图片
 @param highlightedImage 高亮图片
 @param action           绑定事件
 @param target           目标

 @return 返回一个BarButtonItem
 */
+ (instancetype)itemWithNormalImage:(NSString *)normalImage HighlightedImage:(NSString *)highlightedImage Action:(SEL)action Target:(id)target;

@end

==============================================================================================================================================
//
//  UIBarButtonItem+LaExtension.m
//  百思不得姐
//
//  Created by 柳钰柯 on 2016/10/17.
//  Copyright © 2016年 柳钰柯. All rights reserved.
//

#import "UIBarButtonItem+LaExtension.h"

@implementation UIBarButtonItem (LaExtension)

+ (instancetype)itemWithNormalImage:(NSString *)normalImage HighlightedImage:(NSString *)highlightedImage Action:(SEL)action Target:(id)target{
   
    UIButton *button = [UIButton buttonWithType:UIButtonTypeCustom]; // 自定义按钮
    [button setBackgroundImage:[UIImage imageNamed:highlightedImage] forState:UIControlStateHighlighted]; // 设置高亮图片
    [button setBackgroundImage:[UIImage imageNamed:normalImage] forState:UIControlStateNormal]; // 设置正常图片
    button.size = button.currentBackgroundImage.size; // 设置按钮大小为当前图片大小
    [button addTarget:target action:action forControlEvents:UIControlEventTouchUpInside];
    
    // 包装为BarButtonIteam并返回
    return [[UIBarButtonItem alloc]initWithCustomView:button];
}

@end

在每个类中创建item

//
//  LaEssenceViewController.m
//  百思不得姐
//
//  Created by 柳钰柯 on 2016/10/16.
//  Copyright © 2016年 柳钰柯. All rights reserved.
//

#import "LaEssenceViewController.h"

@interface LaEssenceViewController ()

@end

@implementation LaEssenceViewController

- (void)viewDidLoad {
    [super viewDidLoad];
    
    // 设置导航栏内容
    self.navigationItem.titleView = [[UIImageView alloc] initWithImage:[UIImage imageNamed:@"MainTitle"]];
    
    // 设置左边按钮
    self.navigationItem.leftBarButtonItem = [UIBarButtonItem itemWithNormalImage:@"MainTagSubIcon" HighlightedImage:@"MainTagSubIconClick" Action:@selector(tagClick) Target:self];
    
    // 设置背景色
    self.view.backgroundColor = LaGlobalBg;
}


- (void)tagClick{
    NSLog(@"%s  line:%d",__func__,__LINE__);
}

- (void)touchesBegan:(NSSet<UITouch *> *)touches withEvent:(UIEvent *)event{
    UIViewController *vc = [[UIViewController alloc] init];
    vc.view.backgroundColor = [UIColor redColor];
    [self.navigationController pushViewController:vc animated:YES];
}

@end
==============================================================================================================================================

//
//  LaMeViewController.m
//  百思不得姐
//
//  Created by 柳钰柯 on 2016/10/16.
//  Copyright © 2016年 柳钰柯. All rights reserved.
//

#import "LaMeViewController.h"

@interface LaMeViewController ()

@end

@implementation LaMeViewController

- (void)viewDidLoad {
    [super viewDidLoad];
    // 设置导航栏内容
    self.navigationItem.title = @"我的";
    
    // 添加两个按钮,先添加的在右边
    self.navigationItem.rightBarButtonItems = @[
                                                [UIBarButtonItem itemWithNormalImage:@"mine-setting-icon" HighlightedImage:@"mine-setting-icon-click" Action:@selector(settingClick) Target:self],// 设置按钮
                                                [UIBarButtonItem itemWithNormalImage:@"mine-moon-icon" HighlightedImage:@"mine-moon-icon-click" Action:@selector(moonClick) Target:self] // 月亮按钮
                                                ];
    
    // 设置背景色
    self.view.backgroundColor = LaGlobalBg;
    NSLog(@"%s  line:%d",__func__,__LINE__);
}

- (void)settingClick{
    NSLog(@"%s  line:%d",__func__,__LINE__);
}

- (void)moonClick{
    NSLog(@"%s  line:%d",__func__,__LINE__);
}

@end

==============================================================================================================================================

//
//  LaNewViewController.m
//  百思不得姐
//
//  Created by 柳钰柯 on 2016/10/16.
//  Copyright © 2016年 柳钰柯. All rights reserved.
//

#import "LaNewViewController.h"

@interface LaNewViewController ()

@end

@implementation LaNewViewController

- (void)viewDidLoad {
    [super viewDidLoad];
    // 设置导航栏内容
    self.navigationItem.titleView = [[UIImageView alloc] initWithImage:[UIImage imageNamed:@"MainTitle"]];
    
    // 设置左边按钮
    self.navigationItem.leftBarButtonItem = [UIBarButtonItem itemWithNormalImage:@"MainTagSubIcon" HighlightedImage:@"MainTagSubIconClick" Action:@selector(tagClick) Target:self];
    
    // 设置背景色
    self.view.backgroundColor = LaGlobalBg;
}


- (void)tagClick{
    NSLog(@"%s  line:%d",__func__,__LINE__);
}
@end

==============================================================================================================================================

//
//  LaFriendTrendsViewController.m
//  百思不得姐
//
//  Created by 柳钰柯 on 2016/10/16.
//  Copyright © 2016年 柳钰柯. All rights reserved.
//

#import "LaFriendTrendsViewController.h"

@interface LaFriendTrendsViewController ()

@end

@implementation LaFriendTrendsViewController

- (void)viewDidLoad {
    [super viewDidLoad];
    // 设置导航栏内容
    self.navigationItem.title = @"我的关注";
    
    // 设置左边按钮
    self.navigationItem.leftBarButtonItem = [UIBarButtonItem itemWithNormalImage:@"friendsRecommentIcon" HighlightedImage:@"friendsRecommentIcon-click" Action:@selector(friendClick) Target:self];
    
    // 设置背景色
    self.view.backgroundColor = LaGlobalBg;
}

- (void)friendClick{
    NSLog(@"%s  line:%d",__func__,__LINE__);
}


@end

运行结果

结语

本篇文章介绍了导航栏的介绍,后续的一些情等待更新. 欢迎转载,不用询问,注明出处即可.

百思不得姐项目（一）

2016-10-16T00:00:00+00:00

百思不得姐项目（一）

说明

本文主要介绍百思不得姐项目框架的搭建
本文是博主在自己实战项目的一些笔记，如若有错，敬请指正！
我们要实现的内容如下：

前期准备

本文用到的第三方类库有：

SVProgressHUD
AFNetworking

我们可以使用cocoapods快速导入第三方类库，一些图片可以从我的项目中Assets.xcassets文件夹中拖入自己工程即可。

一、创建项目

创建好项目之后，我们需要对项目文件进行一个框架管理，文件目前共有5层结构：

1、Essence-精华

2、New-新帖

3、Me-我

4、FriendTrends-关注

5、Other-其他

每个文件根据MVC模式可以分为Model（模型）、View（视图）、Controller（控制器）所以项目文件最终的结果如图：（PS：其他几个目录中文件为:Model、View、Controller,没有其他文件）。

当我们整理好项目目录之后，我们的Xcode会变成这样：此时，将红色部分删除，然后再将我们的Classes文件夹拖入即可，最终效果如图：

二、创建初始化界面

由于界面是我们自己写的，所以我们不需要系统给我们建立的ViewController，直接删掉即可。窗口的根控制器需要我们自己定义，在Other->其他->Controller文件夹下新建一个继承自UITabBarController的类。在AppDelegate.m中导入头文件#import "LaTabBarController.h"并添加如下代码，更改初始化界面为我们自己的界面：

- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions {
    // 创建窗口
    self.window = [[UIWindow alloc] init];
    self.window.frame = [UIScreen mainScreen].bounds;
    
    // 添加子控制器
    self.window.rootViewController = [[LaTabBarController alloc] init];
    
    // 显示窗口
    [self.window makeKeyAndVisible];
    
    return YES;
}

同时去掉项目中默认的初始化界面：删除main并回车。运行程序：界面已经是我们自己定义的了，因为我们没有往其中添加东西，所以显示才为全黑。

三、配置TabBarController

我们自己的界面目前有4个——精华、关注、我的、新帖，所以我们都要对其创建新的控制器，方便我们以后的自定义操作，建立好的结果如图：

我们开始自己定义TabBarController，一些重复性操作我将其抽取到了- (void)setUpChildVC:(UIViewController *)vc Title:(NSString *)title Image:(NSString *)image SelectImage:(NSString *)selectImage函数中

//
//  LaTabBarController.m
//  百思不得姐
//
//  Created by 柳钰柯 on 2016/10/16.
//  Copyright © 2016年 柳钰柯. All rights reserved.
//

#import "LaTabBarController.h"
#import "LaEssenceViewController.h"
#import "LaFriendTrendsViewController.h"
#import "LaMeViewController.h"
#import "LaNewViewController.h"

@interface LaTabBarController ()

@end

@implementation LaTabBarController

+ (void)initialize{
    
    NSMutableDictionary *attrs = [NSMutableDictionary dictionary];
    attrs[NSFontAttributeName] = [UIFont systemFontOfSize:12];// 设置字体大小
    attrs[NSForegroundColorAttributeName] = [UIColor grayColor];// 设置正常按钮字体颜色
    
    NSMutableDictionary *selectAttrs = [NSMutableDictionary dictionary];
    selectAttrs[NSFontAttributeName] = [UIFont systemFontOfSize:12];
    selectAttrs[NSForegroundColorAttributeName] = [UIColor darkGrayColor];// 设置选中按钮字体颜色
    
    UITabBarItem *item = [UITabBarItem appearance];
    [item setTitleTextAttributes:attrs forState:UIControlStateNormal];
    [item setTitleTextAttributes:selectAttrs forState:UIControlStateSelected];
}

- (void)viewDidLoad {
    [super viewDidLoad];
    
    
    // 添加子控制器
    UIViewController *vc1 = [[LaEssenceViewController alloc]init];
    [self setUpChildVC:vc1 Title:@"精华" Image:@"tabBar_essence_icon" SelectImage:@"tabBar_essence_click_icon"];
    
    UIViewController *vc2 = [[LaNewViewController alloc]init];
    [self setUpChildVC:vc2 Title:@"新帖" Image:@"tabBar_new_icon" SelectImage:@"tabBar_new_click_icon"];
    
    UIViewController *vc3 = [[LaFriendTrendsViewController alloc]init];
    [self setUpChildVC:vc3 Title:@"我的关注" Image:@"tabBar_friendTrends_icon" SelectImage:@"tabBar_friendTrends_click_icon"];
    
    UIViewController *vc4 = [[LaMeViewController alloc]init];
    [self setUpChildVC:vc4 Title:@"我的" Image:@"tabBar_me_icon" SelectImage:@"tabBar_me_click_icon"];
    
    // 更换TabBar
    // [self setValue:[[LaTabBar alloc]init] forKeyPath:@"tabBar"];
}

/**
 * 添加子控制器
 */
- (void)setUpChildVC:(UIViewController *)vc Title:(NSString *)title Image:(NSString *)image SelectImage:(NSString *)selectImage{
    vc.navigationItem.title = title;// 设置导航栏标题
    vc.tabBarItem.title = title;// 设置按钮标题
    vc.tabBarItem.image = [UIImage imageNamed:image];// 设置按钮图片
    vc.tabBarItem.selectedImage = [UIImage imageNamed:selectImage];// 设置选中图片
    vc.view.backgroundColor = [UIColor colorWithRed:arc4random_uniform(255)/255.0
                                              green:arc4random_uniform(255)/255.0
                                               blue:arc4random_uniform(255)/255.0
                                              alpha:1.0]; // 设置背景颜色为了区别不同界面
    // 包装导航控制器,添加导航控制器为tabBarController的子控制器
    UINavigationController *navigationController = [[UINavigationController alloc] initWithRootViewController:vc];
    
    // 设置导航栏
    [self addChildViewController:navigationController];
}
@end

运行结果如图：

一些基本的UITabBarController已经配置完成，但是我们注意到在4个按钮中间有一个加号按钮，所以我们还需要对TabBar进行配置。在Other->View文件夹下建立一个名为LaTabBar的类：在这个类里，我们需要添加中央的加号按钮

3.1 建立类扩展

注意：在这个类中，我使用了一些XXX.size、XXX.width等点方法，这个是在添加一个类扩展中，让我们更加方便的设置frame，设置方法如下：

建立类扩展：（PS：选择的时候不是再选择Cocoa Touch Class而是Objective-C File）
设置getter和setter等方法

UIView+LaExtension.h文件

//
//  UIView+LaExtension.h
//  百思不得姐
//
//  Created by 柳钰柯 on 2016/10/12.
//  Copyright © 2016年 柳钰柯. All rights reserved.
//

#import <UIKit/UIKit.h>

@interface UIView (LaExtension)
@property(assign, nonatomic) CGSize size;
@property(assign, nonatomic) CGFloat width;
@property(assign, nonatomic) CGFloat height;
@property(assign, nonatomic) CGFloat x;
@property(assign, nonatomic) CGFloat y;

/** 在分类中声明@property，只会生成方法的声明，不会生成方法的实现和带有_下划线的成员变量 */
@end

UIView+LaExtension.m文件

//
//  UIView+LaExtension.m
//  百思不得姐
//
//  Created by 柳钰柯 on 2016/10/12.
//  Copyright © 2016年 柳钰柯. All rights reserved.
//

#import "UIView+LaExtension.h"

@implementation UIView (LaExtension)

-(void)setSize:(CGSize)size{
    CGRect frame = self.frame;
    frame.size = size;
    self.frame = frame;
}

- (void)setWidth:(CGFloat)width{
    CGRect frame = self.frame;
    frame.size.width = width;
    self.frame = frame;
}

- (void)setHeight:(CGFloat)height{
    CGRect frame = self.frame;
    frame.size.height = height;
    self.frame = frame;
}

- (void)setX:(CGFloat)x{
    CGRect frame = self.frame;
    frame.origin.x = x;
    self.frame = frame;
    
}

- (void)setY:(CGFloat)y{
    CGRect frame = self.frame;
    frame.origin.y = y;
    self.frame = frame;
    
}

-(CGSize)size{
    return self.frame.size;
}

- (CGFloat)width{
    return self.frame.size.width;
}

- (CGFloat)height{
    return self.frame.size.height;
}

- (CGFloat)x{
    return self.frame.origin.x;
}

- (CGFloat)y{
    return self.frame.origin.y;
}

@end

3.2建立全局引用文件(.pch)

首先说一下pch的作用：

1.存放一些全局的宏(整个项目中都用得上的宏)

2.用来包含一些全部的头文件(整个项目中都用得上的头文件)

3.能自动打开或者关闭日志输出功能
建立过程，在Other-其他文件夹中建立一个命名为Header的Header File的.h文件，创建完成之后右击它，点击Show in Finder，我们把header.h文件拖入终端中，得到它的路径
然后点击Target->Build Setting,在搜索框输入Prefix header,输入我们在终端中获取到的header.h文件的路径。注意：要将绝对路径转换为相对路径

3.3自定义TabBar

//
//  LaTabBar.m
//  百思不得姐
//
//  Created by 柳钰柯 on 2016/10/16.
//  Copyright © 2016年 柳钰柯. All rights reserved.
//

#import "LaTabBar.h"

@interface LaTabBar ()
// 发布按钮
@property(strong, nonatomic) UIButton *publishButton;
@end

@implementation LaTabBar

- (instancetype)initWithFrame:(CGRect)frame{
    if (self = [super initWithFrame:frame]) {
        // tabbar背景图片
        [self setBackgroundImage:[UIImage imageNamed:@"tabbar-light"]];
        UIButton *publishButton = [UIButton buttonWithType:UIButtonTypeCustom];
        [publishButton setBackgroundImage:[UIImage imageNamed:@"tabBar_publish_icon"] forState:UIControlStateNormal];
        [publishButton setBackgroundImage:[UIImage imageNamed:@"tabBar_publish_click_icon"] forState:UIControlStateHighlighted];
        publishButton.size = publishButton.currentBackgroundImage.size;
        [self addSubview:publishButton];
        self.publishButton = publishButton;
    }
    return self;
}

- (void)layoutSubviews{// 自动布局，在其中设置按钮frame等信息可以保持显示的和我们设置的是一致的
    [super layoutSubviews];
    
    CGFloat width = self.width;
    CGFloat height = self.height;
    
    // 设置发布按钮frame
    self.publishButton.center = CGPointMake(width * 0.5, height * 0.5);
    
    CGFloat buttonY = 0;
    CGFloat buttonW = width / 5;
    CGFloat buttonH = height;
    NSInteger index = 0;
    // 设置其他UITabBarButton的frame
    for (UIView *button in self.subviews) {
        if (![button isKindOfClass:NSClassFromString(@"UITabBarButton")])  continue;
        // 计算按钮的X值
        CGFloat buttonX = buttonW * ((index > 1) ? (index + 1):index);
        button.frame = CGRectMake(buttonX, buttonY, buttonW, buttonH);
        // 增加索引
        index++;
    }

}
@end

配置完成TabBar后，进入LaTabBarController.m文件，在viewDidLoad函数中，利用KVC的方式替换默认的TabBar.(tabBar为ReadOnly,需要用KVC方式来替换)

// 更换TabBar
    [self setValue:[[LaTabBar alloc]init] forKeyPath:@"tabBar"];

运行效果：

结尾

还有一部分内容放在（二）中讲解。如有需要，随意转载，注明出处即可。谢谢阅读。我的博客地址：代码成诗

利用github page + jekyll 搭建个人博客

2016-09-30T00:00:00+00:00

利用github page + jekyll 搭建个人博客

Github Pages 是面向用户、组织和项目开放的公共静态页面搭建托管服务，站点可以被免费托管在Github 上，你可以选择使用Github Pages 默认提供的域名github.io 或者自定义域名来发布站点。

说明

本文章仅做参考，每个人遇到的问题不一样，解决方法也不一样。请善用谷歌。
博客的主要目的不在于搭建，而在于坚持不懈的更新。
博主用的是MAC电脑，示例以OS X系统为准，windows系统操作也大致相同。

Github Pages有以下几个优点：

轻量级的博客系统，没有麻烦的配置

使用标记语言，比如Markdown

无需自己搭建服务器

根据Github的限制，对应的每个站有300MB空间

可以绑定自己的域名

当然他也有缺点：

使用Jekyll模板系统，相当于静态页发布，适合博客，文档介绍等。

动态程序的部分相当局限，比如没有评论，不过还好我们有解决方案。

基于Git，很多东西需要动手，不像Wordpress有强大的后台

关于SSH Key

SSH keys (简体中文) SSH 密钥对可以让您方便的登录到SSH 服务器，而无需输入密码。由于您无需发送您的密码到网络中，SSH 密钥对被认为是更加安全的方式。再加上使用密码短语(passphrase) 的使用，安全性会更上一层楼。

1、检查SSH Key

在终端中输入 cd ~/.ssh

如果显示的是No such file or directory,则进行第三步；不是则执行第二步。

2、备份和移除原来的SSH Key设置

如果已经存在SSH Key的话，就需要对其进行备份并删除原有文件。 $ ls config id_rsa id_rsa.pub known_hosts $ mkdir key_backup $ cp id_rsa* key_backup $ rm id_rsa* 如图所示：

3、生成新的SSH Key

备份并移除旧的SSH Key之后，就可以生成新的SSH Key $ ssh-keygen -t rsa -C "邮件地址@youremail.com" Generating public/private rsa key pair. Enter file in which to save the key (/Users/your_user_directory/.ssh/id_rsa):<直接回车，或者也可以自己输入路径> 输入两次加密密钥后，就可以看到生成的SSH Key了。如图所示就成功生成了：

4、将新生成的SSH Key添加到github

首先进入github登录，点击个人头像->setting
进入设置界面之后，点击SSH and GPG keys选项
点击添加新的SSH Key

添加新的SSH需要进入本地密钥文件，文件是隐藏的，MAC用户可以在Terminal中输入defaults write com.apple.Finder AppleShowAllFiles YES来显示隐藏文件。反之，若将YES改成NO则恢复隐藏

进入.ssh文件夹后，右键id_rsa.pub文件->打开方式->文本编辑器.app 复制里面所有内容添加到Key中,点击Add SSH Key.

5、检测是否成功添加SSH Key

添加成功后在终端中输入$ ssh -T git@github.com来测试是否添加成功如果出现The authenticity of host 'github.com (207.97.227.239)' can't be established. RSA key fingerprint is 16:27:ac:a5:76:28:2d:36:63:1b:56:4d:eb:df:a6:48. Are you sure you want to continue connecting (yes/no)?输入YES就行。看到Hi <em>username</em>! You've successfully authenticated, but GitHub does not provide shell access.就代表成功了。

6、添加成功后的设置

添加SSH Key 成功后，需要输入： $ git config --global user.name "你的名字" $ git config --global user.email "your_email@youremail.com" 名字输入真名，邮箱输入github的邮箱。当你提交本地文件的时候，git会根据用户的名字和邮箱来记录提交，同时也是权限处理。

利用github page生成自己的博客

当连接好github之后，我们可以在github上建立自己的仓库。点击头像旁边的+号，选择new repository

输入仓库名字，我输入的是username.github.io,勾选Initialize this repository with a READEME会自动为我们建立一个reademe.md文件，我们可以在其中添加自己的github的说明。
创建好仓库后，我们可以看见如下图所示界面，我们点击setting进入设置界面
在设置界面中找到GitHub Pages，将source设置为master branch 点击保存。这样github page就会以我们上传在master分支中的页面为准。
设置完成之后，点击页面如图所示。我们可以在Overwrite site中配置个人博客，点击Launch automatic page generator->continue to layouts->随便选择一款模板->Publish page 至此，我们的github page已经配置完成 我们可以点击https://username.github.io/username.github.io/访问自己的页面。

利用Jekyll模板

配置完成github page 之后，我们需要对页面重新进行排版。我们可以在Jekyll模板站中找到自己喜欢的模板。例如我的是：Moon，点击进入后，会有一些模板的介绍。点击Demo可以预览模板，我们利用模板建立的页面就和Demo展示的一样。
选择自己喜欢的页面之后，点击下载（Download）。
要想利用下载好后的模板，需要把我们的github上的文件拉到本地。可以利用Terminal（终端）进行拉去，也可利用GitHub Desktop进行，推荐使用Desktop进行拉取，方便快捷。GitHub Desktop下载戳此
下载安装完成后，登录我们的github账号，点击+号->clone 选择我们刚刚建立的仓库username.github.io 点击后，会让我们选择存放文件夹，按自己喜好选择。为了方便，我存放在桌面。
克隆下来之后，我们需要把文件夹里面的所有数据删除注意不要将隐藏文件删除，将刚才下载的模板文件解压到此文件夹。
解压后，发现我们的本地仓库多了很多Changes，输入描述之后（红框部分）点击Commit to master
点击Sync同步到github,同步时间长短根据网络状态好坏而定。
同步完成之后，再次进入我们的博客页面，发现我们的博客变成了和模板一模一样。接下来要做的就是修改模板，使其变成我们的博客。

Jekyll结构说明

Jekyll 的核心是一个文本转换引擎。它的核心是把你零散的文件、文本组合起来，形成一个个网页，最终呈现在浏览器上展现出来。

一个最基础的 Jekyll 博客，会拥有下面的目录结构：

├── _config.yml
├── _drafts
|   ├── begin-with-the-crazy-ideas.textile
|   └── on-simplicity-in-technology.markdown
├── _includes
|   ├── footer.html
|   └── header.html
├── _layouts
|   ├── default.html
|   └── post.html
├── _posts
│   └── 2013-08-07-welcome-to-jekyll.markdown
├── _site
└── index.html

_config.yml

配置文件，用来定义你想要的效果，设置之后就不用关心了。

_includes

可以用来存放一些小的可复用的模块，方便通过{ % include file.ext %}（去掉前两个{中或者{与%中的空格，下同）灵活的调用。这条命令会调用_includes/file.ext文件。

_layouts

这是模板文件存放的位置。

_posts

你的动态内容，一般来说就是你的博客正文存放的文件夹。他的命名有严格的规定，必须是2012-02-22-artical-title.MARKUP这样的形式，MARKUP是你所使用标记语言的文件后缀名，根据_config.yml中设定的链接规则，可以根据你的文件名灵活调整，文章的日期和标记语言后缀与文章的标题的独立的。

_site

这个是Jekyll生成的最终的文档，不用去关心。最好把他放在你的.gitignore文件中忽略它。如果没有本地安装jekyll环境，预览过自己的页面，一般是不会出现这个文件夹。

更多详细的内容请参考jekyll帮助文档。

更改我们的模板

我们下载好的模板，上述东西都具有，_site文件夹除外。在我们下载的模板中，一般都会有详细的模板说明，怎么将模板更改成我们自己的。这里我就用我的模板（Moon）来举例。用文本编辑器或者sublime text打开_config.yml

名字	含义	备注
title	标题	在此处修改自己网页的标题，例如我的是：代码成诗
bio	对自己博客的一些描述	在此处修改博客首页显示的描述文字
description	同上	此处的描述显示在About中
…..

还有更多的信息，请自行参考自己所用模板的说明，此处不一一赘述。我修改好之后的_config.yml文件如图： 还有更多的模板文件修改，请自行参考模板说明

添加我们的博客

博客文件需要用markdown进行写作，通过文件命名也有严格的规范，一般以日期+博客标题命名。例如：2016-9-30-如何利用GitHub Page + Jekyll搭建自己的博客.md
在文档开头，需要添加

---
layout: post
title: Blogging Like a Hacker
---

前后的—不能省略，在这之间，你可以定一些你需要的变量，layout就是调用_layouts下面的某一个模板，他还有一些其他的变量可以使用：

变量	作用
permalink	你可以对某一篇文章使用通用设置之外的永久链接
published	可以单独设置某一篇文章是否需要发布
category	设置文章的分类
tags	设置文章的tag

上面的title就是自定义的内容，你也可以设置其他的内容，在文章中可以通过{ { page.title }}这样的形式调用。
模板变量，我们之前也涉及了不少了，还有其他需要的变量，可以参考官方的文档：jekyll模板变量文档本篇文章的头部

---
layout: post
title: "利用github page + jekyll 搭建个人博客"
date: 2016-09-26
excerpt: "Github Pages 是面向用户、组织和项目开放的公共静态页面搭建托管服务，站点可以被免费托管在Github 上，你可以选择使用Github Pages 默认提供的域名github.io 或者自定义域名来发布站点。"
tags: [博客,GitHub Page]
project:true
---

上传我们的博文

当博文写完之后，我们将md文件放在_posts文件夹中，这个文件夹专门用于存放博文。然后在GitHub Desktop中commit并同步，我们就可以在GitHub Page中看到我们写的博文啦！

最后

如果需要将我们的博客地址绑定到我们的独立域名，只需要购买域名后绑定到我们的GitHub Page即可。写了这么多，希望能帮到大家。才刚开始维护自己的博客，内容可能不够详实，有所错误。欢迎指正，联系邮箱在博客首页我的博客地址

参考博客：使用Github Pages建独立博客

IOS键盘遮挡问题

2016-09-26T00:00:00+00:00

前言

今天在写实验室项目的时候，突然发现了点击靠近屏幕下部UITextFiled 的时候，键盘弹起会挡住输入框。在网上找了很多教程，大多数是把视图弹起高度写死，或者是没有对不需要弹起的输入框进行了错误的视图弹起，导致靠上的输入框移出视图。但是！在IOS10中不同键盘高度是不同的！不同手机型号高度也不同！所以需要利用通知来动态获取键盘高度！
先来看一下解决问题之后的Demo：

问题解决步骤

为了方便，我直接在storyBoard中拖了3个UITextField控件，两个靠下，一个靠上。
解决问题思路历程：
- 首先是在注册键盘出现和隐藏通知的时候，分别添加两个方法，一个是视图弹起，一个是视图弹回。但是这个方法的缺陷是无论输入框在哪里，只要键盘弹起，视图必定上弹，这就导致了靠视图上部的输入框也会弹起，所以这个方案PASS掉。
- 另一种方案是通过通知获取到键盘高度，然后在UITextField 的代理方法(void)textFieldDidBeginEditing:(UITextField *)textField中首先对textField.frame.origin.y和键盘高度的差值进行判断，如果差值大于0则上弹，如果小于0则不进行变化。视图弹回则在(void)textFieldDidEndEditing:(UITextField *)textField中进行处理。但是！！经过实际验证，textField的代理方法的执行在键盘通知之前，如图：所以这个方案也PASS掉。
- 随后在网上查找解决方法，发现了iOS 导航栏覆盖问题这篇博文，为我提供了思路。
  > ==可以利用一个对象来暂时保存被点击的UItextFeild，在通知调用方法的时候，进行输入框y值的判断，从而决定是否要更改视图。==
完整代码如下：

//
//  ViewController.m
//  键盘遮挡问题
//
//  Created by 柳钰柯 on 2016/11/6.
//  Copyright © 2016年 柳钰柯. All rights reserved.
//

#import "ViewController.h"

@interface ViewController ()<UITextFieldDelegate>
    
@property (weak, nonatomic) IBOutlet UITextField *textFieldOne;
@property (weak, nonatomic) IBOutlet UITextField *textFieldTwo;
@property (weak, nonatomic) IBOutlet UITextField *testField;
/** 暂时保存当前正在编辑的textField */
@property (strong, nonatomic) UITextField *tmpTextField;
/** 键盘尺寸 */
@property (assign, nonatomic) CGSize kbSize;
@end

@implementation ViewController

- (void)viewDidLoad {
    [super viewDidLoad];
    
    // 注册通知中心
    [self registerForKeyboardNotifications];
    
    // 设置代理
    self.textFieldOne.delegate = self;
    self.textFieldTwo.delegate = self;
    self.testField.delegate = self;
}

- (void)viewWillDisappear:(BOOL)animated{
    // 视图消失时移除通知
    [[NSNotificationCenter defaultCenter] removeObserver:self];
}

// 键盘弹回
- (void)touchesBegan:(NSSet<UITouch *> *)touches withEvent:(UIEvent *)event{
    [self.view endEditing:YES];
}

#pragma mark - 注册键盘通知中心获取键盘高度
// 注册键盘的通知中心
- (void)registerForKeyboardNotifications{
    // 键盘出现时的通知
    [[NSNotificationCenter defaultCenter] addObserver:self
                                             selector:@selector(keyboardWillShow:)
                                                 name:UIKeyboardWillShowNotification
                                               object:nil];
    // 键盘隐藏时的通知
    [[NSNotificationCenter defaultCenter] addObserver:self
                                             selector:@selector(keyboardWillHide:)
                                                 name:UIKeyboardWillHideNotification
                                               object:nil];
}

// 键盘弹起,视图上弹
- (void)keyboardWillShow:(NSNotification *)aNotification{
    NSDictionary *info = [aNotification userInfo];
    // kbSize键盘尺寸
    self.kbSize = [[info objectForKey:UIKeyboardFrameEndUserInfoKey] CGRectValue].size;
    NSLog(@"-----------------键盘弹起---------------");
    
    // 当前视图尺寸
    CGRect currentFrame = self.view.frame;
    CGFloat change = self.kbSize.height;
    currentFrame.origin.y = currentFrame.origin.y - change;
    
    // 弹起视图
    if (self.view.frame.origin.y >=0&&self.tmpTextField.frame.origin.y - change >0) {
        self.view.frame = currentFrame;
    }
}

// 键盘弹回，视图弹回
- (void)keyboardWillHide:(NSNotification *)aNotification{
    NSDictionary *info = [aNotification userInfo];
    // kbSize键盘尺寸
    self.kbSize = [[info objectForKey:UIKeyboardFrameEndUserInfoKey] CGRectValue].size;
    NSLog(@"键盘高度:%f",self.kbSize.height);
    
    // 当前视图尺寸
    CGRect currentFrame = self.view.frame;
    CGFloat change = self.kbSize.height;
    currentFrame.origin.y = currentFrame.origin.y + change;
    
    // 恢复视图
    if (self.view.frame.origin.y <0) {
        self.view.frame = currentFrame;
    }
}

#pragma mark - <UITextFieldDelegate>
- (void)textFieldDidBeginEditing:(UITextField *)textField{
    
    NSLog(@"-----------------textFieldDidBeginEditing---------------");
    self.tmpTextField = textField;
}
- (void)textFieldDidEndEditing:(UITextField *)textField{
    self.tmpTextField = nil;
}

@end

最后

感谢Halamyc博主提供的思路。
如有错误，欢迎指正。随意转载，注明出处即可。

plist文件的简单操作

2016-09-26T00:00:00+00:00

IOS学习之plist文件的操作

1、plist文件的创建-手动

在工程中按command +N快捷键创建，或者File —> New —> New File，选择任意平台（根据需要）下Resource下的Property List文件即可

2、plist文件的创建—代码

利用代码创建plist文件首先获取创建路径：

    NSArray *arr;// 保存沙盒中document目录数组
    NSString *documents;// 保存沙盒下document目录路径
    NSString *filePath;// 保存沙盒下document目录plist文件路径
    NSMutableArray *rootArr;// 用于保存沙盒中数据
    
    rootArr = [[NSMutableArray alloc]init];
    arr = NSSearchPathForDirectoriesInDomains(NSDocumentDirectory, NSUserDomainMask, YES);
    documents = [arr objectAtIndex:0];
    filePath = [documents stringByAppendingPathComponent:@"dayData.plist"];
    rootArr = [NSMutableArray arrayWithContentsOfFile:filePath];// 读取沙盒中的数据(若目录文件不存在，会自动创建，执行此步才是真正创建plist文件）

NSSearchPathForDirectoriesInDomains(NSDocumentDirectory, NSUserDomainMask, YES) 这个函数是用来获取沙盒下Document目录。除此之外沙盒中还有Library路径、Caches路径、tmp路径，具体作用自行谷歌，获取只需要将参数NSDocumentDirectory相应改成NSLibraryDirectory、NSCachesDirectory。 值得注意的是：获取tmp目录需要NSString*tmp=NSTemporaryDirectory();

3、写入数据

  NSMutableDictionary *dict = [NSMutableDictionary dictionaryWithObjectsAndKeys:Num,@"编号",Date,@"日期",nil];
    [rootArr addObject:dict];// 向根数组中添加字典
    [rootArr writeToFile:filePath atomically:YES];// 向沙盒写入数据

4、读取数据

rootArr = [NSMutableArray arrayWithContentsOfFile:filePath];// 读取沙盒中的数据(若目录文件不存在，会自动创建)然后根据数据类型自行调用

5、查看plist文件

若是在模拟器中运行可以打印沙盒路径查看
若是真机运行则需要Window→Devices选择自己的手机
找到想要查看的APP，双击可以预览沙盒里面的内容，但是不能详细查看。
详细查看选择DownLoad，下载后，找到下载文件，右键-显示包内容，里面就有相应的沙盒文件。

6、结语

这是本人在自己完成项目时遇到的问题所作笔记，欢迎指出错误，欢迎转载，转载请注明出处，谢谢！

IOS与JS通讯

2016-09-25T00:00:00+00:00

IOS与JS通讯

最近做了一个项目需要用到JS与iOS通讯，在网上查阅资料后实现了功能。现在记录一下。如果有问题，欢迎指正。

目标

本文介绍网页JS（JavaScript）与IOS进行通讯。我们要实现：

OC调用网页上面的方法
网页调用IOS APP中方法

JavaScriptCore.framework框架介绍

JavaScript框架允许OC\/C为基础的程序内对JavaScript程序进行赋值。也支持在本地程序中插入JavaScript环境。详情请参考：JavaScript

创建项目

创建一个项目JS与OC交互（名字可以自己定义）的IOS工程。
为了方便直接在storyboard中添加一个UIWebView，设置好约束。

一、JS调用OC

1、无参数传递

首先没有传值的通讯
由于没有现成的网页，所以我们需要自己写一个测试网页。

<!DOCTYPE html>
<html lang="en">
<head>
 <meta charset="utf-8">
 <title>JS与OC交互</title>
</head>
<body>
 <br /><br /><br /><br />
 <!-- 创建一个按钮，点击就调用 printHelloWorld() 方法 -->
 <button onclick="printHelloWorld()">在Xcode控制台打印HelloWold</button>
</body>
</html>

网页建立好后，进行IOS端代码编写：
需要导入JavaScriptCore.Framework

 - (void)viewDidLoad {
 [super viewDidLoad]；

 // 设置webView代理 
 self.webView.delegate = self;

 // 加载webView（注意：记得把html文件拖入工程中，否则在模拟器上运行是找不到的）
 NSString *path = [[NSBundle mainBundle] pathForResource:@"index" ofType:@"html"];

 // 加载html
 NSURL *url = [NSURL fileURLWithPath:path];
 NSURLRequest *request = [NSURLRequest requestWithURL:url];
 [self.webView loadRequest:request];
}

- (void)webViewDidFinishLoad:(UIWebView *)webView {
 NSLog(@"Web Load----------->Finish");
 [self demo1];
}

// JS调用OC方法
- (void)demo1 {

 // 创建JSContext对象
 JSContext* context = [self.webView valueForKeyPath:@"documentView.webView.mainFrame.javaScriptContext"];

 //注册printHelloWorld方法
 context[@"printHelloWorld"] = ^() {
 NSLog(@"Hello World!");
 };
}

运行在模拟器上结果：

2、有参数传递

有参数传递我们需要对html文件重新编辑，添加新的button
编辑OC代码 注意：需要将 **- (void)webViewDidFinishLoad:(UIWebView *)webView 方法中添加**[self demo2]
运行结果：

如果要传递更多的参数,依次在html和block里面对应的添加更多的参数即可！

还有一种是JS里面通过对象调用方法，此处不作说明，详情请见：IOS js oc相互调用（JavaScriptCore）（二）

二、OC调用JS

1、无参数

老规矩，重新编写html文件
添加一个OC方法
同样在- (void)webViewDidFinishLoad:(UIWebView *)webView 方法中添加**[self demo3]

运行结果：

2、有参数传递

html文件中添加：
添加一个OC方法：运行结果：

三、结语

这是我在一个OC与JS通讯的项目中学习的，可能会有错误，仅供参考，如果错误，欢迎指出。转载请随机，注明出处就好。

四、参考

【iOS开发】网页JS与OC交互（JavaScriptCore）