介绍

mac 一般使用bash作为默认shell

Mac系统的环境变量,加载顺序为:
/etc/profile /etc/paths ~/.bash_profile ~/.bash_login ~/.profile ~/.bashrc
当然/etc/profile和/etc/paths是系统级别的,系统启动就会加载,后面几个是当前用户级的环境变量。后面3个按照从前往后的顺序读取,如果~/.bash_profile文件存在,则后面的几个文件就会被忽略不读了,如果~/.bash_profile文件不存在,才会以此类推读取后面的文件。~/.bashrc没有上述规则,它是bash shell打开的时候载入的。

如果没特殊说明,设置PATH的语法都为:
——————————————————-

#中间用冒号隔开
export PATH=$PATH::::——:

(一)全局设置

下面的几个文件设置是全局的,修改时需要root权限

1)/etc/paths (全局建议修改这个文件 )
编辑 paths,将环境变量添加到 paths文件中 ,一行一个路径
Hint:输入环境变量时,不用一个一个地输入,只要拖动文件夹到 Terminal 里就可以了。

2)/etc/profile (建议不修改这个文件 )
全局(公有)配置,不管是哪个用户,登录时都会读取该文件。

3)/etc/bashrc (一般在这个文件中添加系统级环境变量)
全局(公有)配置,bash shell执行时,不管是何种方式,都会读取此文件。

4)
1.创建一个文件:

1
sudo touch /etc/paths.d/mysql

2.用 vim 打开这个文件(如果是以 open -t 的方式打开,则不允许编辑):
sudo vim /etc/paths.d/mysql
3.编辑该文件,键入路径并保存(关闭该 Terminal 窗口并重新打开一个,就能使用 mysql 命令了)
/usr/local/mysql/bin
据说,这样可以自己生成新的文件,不用把变量全都放到 paths 一个文件里,方便管理。

(二)单个用户设置

1)~/.bash_profile (任意一个文件中添加用户级环境变量)
(注:Linux 里面是 .bashrc 而 Mac 是 .bash_profile)
若bash shell是以login方式执行时,才会读取此文件。该文件仅仅执行一次!默认情况下,他设置一些环境变量
设置命令别名alias ll=’ls -la’
设置环境变量:

1
export PATH=/opt/local/bin:/opt/local/sbin:$PATH

若找不到~/.bash_profile文件,可以自己手动创建一个

2)~/.bashrc 同上

如果想立刻生效,则可执行下面的语句:
$ source 相应的文件
一般环境变量更改后,重启后生效。

Yeoman介绍

Yeoman是Google的团队和外部贡献者团队合作开发的,他的目标是通过Grunt(一个用于开发任务自动化的命令行工具)和Bower(一个HTML、CSS、Javascript和图片等前端资源的包管理器)的包装为开发者创建一个易用的工作流。

Yeoman的目的不仅是要为新项目建立工作流,同时还是为了解决前端开发所面临的诸多严重问题,例如零散的依赖关系。

Yeoman主要有三部分组成:yo(脚手架工具)、grunt(构建工具)、bower(包管理器)。这三个工具是分别独立开发的,但是需要配合使用,来实现我们高效的工作流模式。

安装过程

Yeoman需要NodeJS、Ruby和Compass环境

1、下载安装NodeJS

2、Mac下已经自带了Ruby环境

3、Compass安装依赖于Ruby

执行命令

1
sudo gem install compass

4、安装Yeoman

执行命令

1
sudo npm install -g yo grunt-cli bower

在这里需要说一下grunt-cli,grunt是非常有名的基于node的javascript构建工具,grunt有自己的脚手架工具grunt-init,并且也有许多常用的模版,有兴趣的同学可以了解下。

5、安装模版

执行命令

1
npm install -g [generator-webapp|generator-angular|generator-ember|generator-*]

6、环境验证

1
yo doctor

若出现下面说明环境安装完成

1
2
3
4
5
6
7
8
9
10
11
Yeoman Doctor
Running sanity checks on your system

✔ Global configuration file is valid
✔ NODE_PATH matches the npm root
✔ Node.js version
✔ No .bowerrc file in home directory
✔ No .yo-rc.json file in home directory
✔ npm version

Everything looks all right!

7、生成工程

执行命令创建基于webapp模版工程目录和安装工程依赖

1
yo webapp

可能会出现有关phantomjs的错误,这是由于phantomjs工具托管的服务器被墙的原因,phantomjs是什么东东,可以自行上网搜索,本人是通过淘宝的镜像下载phantomjs的1.9.8版本手动安装并配置环境变量,phantomjs目前的最新版本是2.0.0,但是由于本人mac手动安装phantomjs的2.0.0版后无法运行,网上大神说是phantomjs的2.0.0版在Mac系统下的bug,果断放弃。

8、测试

执行命令

1
grunt server

MAC OS X 部署Octopress

1、安装xcode
xcode中带有git
OS X自带ruby
检查ruby版本
如果版本过低需要安装RVM更新ruby

2、使用git克隆octopress项目
git clone git://github.com/imathis/octopress.git octopress

3、环境配置
安装bundle
gem install bundle
有时需要使用sudo获取root权限
如果安装无法从https://rubygems.org/源下载切换到淘宝的镜像源
gem sources –add https://ruby.taobao.org/ –remove https://rubygems.org/

进入octopress目录
安装依赖
bundle install

如果出现
An error occurred while installing rake (10.4.2), and Bundler cannot continue.
Make sure that gem install rake -v '10.4.2' succeeds before bundling.
错误

执行
gem install rake -v ‘10.4.2’
升级安装rake

如果出现
Make sure that gem install RedCloth -v '4.2.9' succeeds before bundling.
错误

执行
gem install RedCloth -v ‘4.2.9’或
gem install RedCloth -v
单独安装RedCloth

若出现
ERROR: Error installing RedCloth:
ERROR: Failed to build gem native extension.
Building has failed.
的错误

执行
xcode-select –install
重新安装xcode命令行工具

最后执行
rake install
完成

4、部署到github

需要配置SSH
在local目录查看是否有 cd ~/.ssh/id_rsa.pub
若有先备份
然后执行
ssh-keygen -t rsa -C “username@mail.com”
生成key

登陆github网站进入设置ssh keys

邮箱名称为title
id_rsa.pub内容为key

测试:ssh git@github.com
若出现
You’ve successfully authenticated, but GitHub does not provide shell access
Connection to github.com closed.
证明ssh登陆git通过

git config –global user.name “realname”
git config –global user.mail “username@mail.com”

至此ssh配置全部完成,下面开始发布网站到github上
rake setup_github_pages //配置github项目地址 接下来会提示输入url
rake generate //本地生成
rake preview //本地预览默认4000端口
rake deploy //发布到github

访问 _config.yml文件中生成的url后面的地址可以查看最终效果
最后将source文件内容提交的github用来保存源码,便于以后写博客

Mac下配置和在GitHub部署Hexo博客系统

关于Hexo!
Hexo是一个基于NodeJS的博客生成系统!你能通过GitHub站点获取Hexo项目

部署Hexo本地环境

登陆github

新建仓库命名为
username.github.io
这样做的创建的仓库是Github Pages站点
仓库中master分支里的文件将会被用来生成 Github Pages 站点

不同于个人和组织github提供的还有项目的站点
站点文件存放在项目本身仓库的 gh-pages 分支中

安装NodeJS

你可以同过NodeJS官方网站获取安装包进行安装

安装Hexo

建议全局安装

1
$ npm install -g hexo

Hexo环境配置

创建hexo的目录
我创建的hexo目录,所有以下操作都是基于工作目录hexo前提下

进入hexo目录
初始化hexo工程

1
$ hexo init

当然你也可以指定目录将工程初始化到指定的目录中

1
$ hexo init <folder>

安装工程依赖项
到工程目录中

1
$ npm install

接着执行下面命令

1
2
$ hexo g 
$ hexo s

在浏览器中打开http://localhost:4000
看到效果了吧

部署到GitHub

首先你需要配置GitHub的SSH登陆信息,动手通过网上找配置方法

你需要在hexo项目根目录下的_config.yml文件中找到

1
2
3
4
# Deployment
## Docs: http://hexo.io/docs/deployment.html
deploy:
type:

修改为

1
2
3
4
5
6
# Deployment
## Docs: http://hexo.io/docs/deployment.html
deploy:
type: git
repository: git@github.com:username/username.github.io.git
branch: master

执行

1
2
$ hexo g
$ hexo d

如果出现错误Error github not found
执行

1
$ npm install hexo-deployer-git --save

再次执行$hexo g和$hexo d命令

在Mac和Linux下命令执行过程中可能需要root权限

hexo常用命令
hexo g 启动生成
hexo s 启动本地服务
hexo d 发布到github