安装和设置Git
下载Git for
Windows,采用默认安装,安装完成后就可以在本地使用Git了。
但要将内容放到Github上,必须先在Github网站上注册个账户,然后在本机使用Git创建SSH Key。操作如下:
在Git Bash上输入命令:
ssh-keygen -C "[email protected]" -t rsa
Note: “[email protected]”需要更换成你在Github上注册的Email地址或者是Username
这样会在用户目录(C:\Users\用户名)下产生一个.ssh文件夹,里面为对应的SSH
Keys,其中id_rsa.pub是Github需要的SSH公钥文件。
到c:\Users\用户名\.ssh\目录找到id_rsa.pub(可能位置不一定对,但是确认是以.pub结尾的文件),并用记事本打开复制全部内容。
Note:建议私钥公钥的名称最好写成"id_rsa",这样连接Github的时候会找这个文件,如果文件名已定,之后改名也行。
在github网站选择“Account Settings”>>“SSH Public Keys”>>“Add another
public key”,将刚才复制的内容粘贴到key文本框内。
这样就可以直接使用Git和GitHub了。
Note:建议在Git Bash中输入“ssh -v [email protected]”测试能够正常连接github
安装Ruby环境
下载RubyInstaller和DevKit。
因为Octopress需要的Ruby版本为1.9.2,所以选rubyinstaller-1.9.2-p290.exe,DevKit-tdm-32-4.5.2-20111229-1559-sfx.exe。
先安装RubyInstaller,然后解压缩DevKit(路径中不能有中文)。
在“Start Command Prompt with Ruby”命令行中进入DevKit解压缩的目录,然后运行以下命令:
ruby dk.rb init
ruby dk.rb install
gem install rdiscount --platform=ruby
如果安装成功,就可以使用一些Ruby的工具了,也为后面搭建博客提供了基础环境。
安装Octopress
先通过Git从Github上克隆一份Octopress(在Git Bash上输入命令)
git clone git://github.com/imathis/octopress.git octopress
然后安装一些依赖的工具(后面都是在Start Command Prompt with Ruby中输入)
cd octopress
ruby --version # Should report Ruby 1.9.2
gem install bundler
bundle install
安装Octopress默认的Theme
rake install
配置Octopress
将octopress的文件夹下的_config.yml的编码改成UTF-8:
保存(或另存为)时选择编码格式为UTF-8
修改_config.yml,批改url、title、subtitle、author等等。
到Ruby的安装目次\lib\ruby\gems\1.9.1\gems\jekyll-0.11.2\lib\jekyll\找到convertible.rb这个文件,批改self.content
= File.read(File.join(base, name))为self.content = File.read(File.join(base,
name), :encoding =>"utf-8")。
写博文
最简单的方式:复制octopress\source\_posts下某个文件,例如2012-07-30-the-first-post.markdown,修改文件名和文件中的内容
或者,命令行中输入rake
new_post["title"],会创建一个新的Post,新文件在source/_post下,文件名如下面的格式:2012-07-31-title.markdown。该文件可以直接打开修改。
写文章时,可以使用Markdown和Octopress
Plugins等工具对内容进行格式排版。
预览效果
在修改设置或者写完文章后,想看看具体效果,可以通过如下命令来完成:
rake generate
rake preview
将博客部署到Github上
在预览的效果符合自己的预期后,就可以通过如下命令将内容部署到Github上了。
如果是第一次部署,需要在Github上创建一个username.github.com的repository
在github网站选择“Create a New Repo”,如图
填写对应的内容即可
note:Repository
name填写username.github.com,username一定要和github的username一致,建好的博客代表的是你这个github账户的主页即page
配置octopress与github的连接:
进入Octopress目录:
rake setup_github_pages
按照提示填入你的github项目网址,比如:
[email protected]:Username/yourname.github.com.git
note:可以按照上面的修改,也可以在github的项目页中找地址
分发到github上:
rake deploy
第一次运行时,会询问是否建立对github的授权,输入:yes。然后将站点更新的内容推送到github上。
补充一点:
最后的但并不是最重要的,我们需要将修改的日志同步到github上,因此下面的3个命令也是必须的。
git status
git add .
git commit -m 'your message'
git push origin source
大功告成!
什么是Sencha Touch前不久基于JavaScript编写的Ajax框架ExtJS,将现有的ExtJS整合JQTouch、Rapha?l库,推出适用于最前沿Touch
Web的Sencha Touch框架,该框架是世界上第一个基于HTML5的Mobile
App框架。同时,ExtJS更名为Sencha,JQTouch的创始人David
Kaneda,以及Rapha?l的创始人也已加盟Sencha团队。(摘自Bing Knows)
通过Sencha Touch可以快速开发跨平台移动应用,无论Web还是iOS或Android,都OK。
好了,下面就开始咯……
下载Sencha Touch
到Sencha 的官网下载最新版的Sencha Touch,当然你也可以直接下载我上传到CSDN的资源(不需要下载分),对应的版本号是2.4.2。传送门:sencha-touch-2.4.2
下载完成并解压后你会得到以下的目录以及文件:
<code class="hljs avrasm">目录:
builds 包含了全部框架代码文件
cmd 后面再Sencha Cmd中需要用到的文件
docs 相关的API文档
examples 示例代码
microloader 用于加载应用程序的文件
resource 包含样式定义文件及图片文件等资源
src 源文件
文件:
build.xml 生成应用程序所需的XML文件
file-header.txt Sencha的文件头,包含协议等信息
index.html 在线API文档
license.txt 协议文本
release-notes.html 版本发布说明
SenchaLogo.png Sencha的Logo
sencha-touch.js 压缩过的Sencha Touch核心库
sencha-touch-all.js 压缩过的Sencha Touch库
sencha-touch-all-debug.js 未经压缩的用于调试的Sencha Touch库
sencha-touch-debug.js 未经压缩的用于调试的Sencha Touch核心库
SETUP.html 官方的安装文档
version.txt 版本说明文档</code>
下载Sencha Cmd
同样在Sencha官方可以下载到,当然我也依旧上传了已经下载好的,同样不需要下载分,传送门:SenchaCmd-4.0.5.87
安装的过程我就不再赘述了。
为了测试是否已经安装成功,你可以输入以下命令:
<code class="hljs bash">cd /
Sencha</code>
输入后出现以下信息则表示安装成功。
接下来就可以开始生成应用程序了!<喎�"/kf/ware/vc/" target="_blank" class="keylink">vcD4NCjxwcmUgY2xhc3M9"brush:java">
Sencha -sdk c:\touch-2.4.2 generate app App d:\App
<code class="hljs tex">c:\touch-2.4.2 此处是你刚才放置touch的位置
app 这是你的app名字
d:\App 这是你的app位置</code>
现在生成的应用程序还不能够运行,你还需要对其进行打包。而这也是Sencha Touch的魅力所在,你可以打包成Web网页,也可以打包成iOS应用程序,同样也可以打包成Android应用程序。
如果你只需要部署到网站,那么输入以下命令即可:
<code class="hljs ">sencha app build</code>
而如果你想打包成移动应用,所以你还需要一些步骤。
下载Ruby
Ruby我也同样上传好了,哎上传这些东西到CSDN可谓花了不少心血呐,CSDN下载栏目太不给力了。传送门:传送门
点击即可安装,安装好之后找到Start Command Prompt with Ruby这个应用,类似于cmd。
打开后输入:
<code class="hljs cmake">gem install compass</code>
后台就会开始下载Compass,由于你已经在看这篇博客了,我也就不提醒你下载这个需要联网了……
下载完成之后CD到你的应用程序所在位置输入:
<code class="hljs tex">D:\App\sencha app build</code>
它会执行一系列部署操作,具体你可以看显示出的信息。
打包APK
打开应用程序目录下的packager.json,类似于一个清单文件。
作如下修改:
<code class="hljs mathematica">applicationName 应用程序名称,随你改
applicationId 应用程序命名空间,类似包名
bundleSeedId iOS上用的,咱直接注释掉
versionString 应用程序版本号
versionCode 应用程序的生成号,比如上一个是6.0.12,这一个就是6
icon 应用程序的图标
inputPath outputPath 应用程序的位置以及应用程序的输出路径
configuration 应用程序的配置,改成Debug;如果是打包到应用商店时为Release
platform 有4种可选:iOSSimulator、iOS、AndroidEmulator、Android
deviceType 设备类型:iPhone、iPad、Universal(适用于Android)
certificatePath/certificateAlias/certificatePassword 证书/证书别名/证书密码
provisionProfile 苹果的配置文件……
sdkPath 关键部分,安卓SDK位置,记得有一个\作为转义啊!
androidAPILevel 对应的APILevel你得已经下载好了SDK才行
permissions 应用程序的权限
orientation 应用程序的运行方向,默认是4个方向都可以</code>
如果你还没有安装SDK和JDK请先记得安装……
然后记得配置环境变量,最后还要配置一个系统变量CLASSPATH,其中保存JDK里面的以下文件,路径为参考,只要找到这两个文件就OK
<code class="hljs tex">……jdk\lib\dt.jar
……jdk\lib\tools.jar</code>
OK,可以开始打包了!
在Start Command Prompt with Ruby中输入:
<code class="hljs java">sencha app build native</code>
在你的前面的packager.json中的output里填的目录下找到APK文件即可。