0%

Github && Hexo -> 个人博客 for Mac OS

#前言
想用blog的形式来记录自己的开发路程这个想法很早就有了,但是一直都没有行动。最近有段时间在面试,很多东西当时项目中遇到的时候能搞懂,但是面试官一问就有点卡壳了,归根结底是自己没有理解渗透、掌握牢固。这周在知乎上面看到了 费曼技巧 的相关问答,觉得这种学习技巧真的很好,能把所学东西经过自己的理解,让普通人都能听懂,这样说明你自己真正的懂了。个人觉得写blog好处有如下几点

  • 记录自己的学习点滴、开发过程
  • 加强自己的表达能力
  • 练习费曼技巧
  • 结交有共同爱好的朋友

今天下午在网上找了很多资料,终于把基于github和hexo的个人blog给搭建好了,下面我把搭建的经过述说一下。


#安装过程
在搭建之前你需要一个github账号。如果没有账号,请注册;如果github访问不了,请翻墙。然后你要创建一个仓库New repository,名称为你github用户名.github.io。账号有了以后,再来配置电脑本地相关软件。
###Homebrew安装
Homebrew 拷贝ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)" 代码在终端运行。
###git安装
安装成功Installation successful!后,运行brew install git代码安装git。
###Node.js安装
运行brew install node代码安装Node.js。
###Hexo安装
运行npm install hexo安装Hexo。如安装失败再试试npm install hexo -g #-g表示全局安装
安装成功后,就来创建博客所属的文件夹,
hexo init blog #执行init命令初始化hexo到你指定的目录(blog为我设置的目录)
然后生成静态网页
hexo generate #自动根据当前目录下文件,生成静态网页, (hexo g也行)
将该静态网页运行在本地服务器
hexo server #运行本地服务 (hexo s也行)
在浏览器里面输入http://localhost:4000/就能看到有一篇Hello World博文在上面,这个博文是hexo安装后自动生成的。
###创建新的博文
在终端hexo new "Your Post Name" #Your Post Name为你创建的博文名称。创建成功后,你回看到终端有INFO Created: ~/source/_posts/Your Post Name.md的提示。现在你可能会去这种目录下找这个文件,很有可能这个文件你打不开,我推荐一个软件sublimetext,打开后,你会发现里面的东西看不懂,那怎么写blog啊,别急,后面说。
###hexo主题安装
或许你不喜欢这个主题,那么去 github 上面找吧,我现在用的是 landscape-plus 。在终端运行git clone https://github.com/xiangming/landscape-plus.git themes/landscape-plus,如果它提示你fatal: could not create leading directories of 'themes/landscape-plus': No such file or directory,那么你得检查一下你的路径了,运行cd ~进入到个人主目录,再次运行git clone那段代码,安装成功后,我们还得去用这个主题替换以前那个主题。./_config.yml 打开这个文件夹,在最后面改为theme: landscape-plus,切记,theme: 后面要空一格。不要你生成网页的时候,会提示
node.js:720 var cwd = process.cwd(); ^ Error: ENOENT, no such file or directory at Error (native) at Function.startup.resolveArgv0 (node.js:720:23) at startup (node.js:63:13) at node.js:814:3

错误。
###部署到github
如果你想部署到github上面,可以运行hexo deploy。但是终端却提示ERROR Deployer not found: github。因为前面我们只创建github账号,根本就没有做配置,现在来对它做一些操作。
终端运行ssh-keygen -t rsa -C "your_email@youremail.com" #"your_email@youremail.com"为你github的账号。然后再根据提示找到id_rsa.pub文件,复制里面的key,添加到你github账号里面 参考链接ssh -T git@github.com测试成功后。到./_config.yml做相关修改。
deploy: type: git #部署类型, 经测试Github类型在hexo2.x有用,3.0要用git类型 repository: git@github.com:YourName/YourName.github.io.git #部署的仓库的SSH,YourName代表你的github名称 branch: master #部署分支,一般使用master主分支
当然你还得在本地验证github的信息。 git config --global user.email "you@example.com" git config --global user.name "Your Name"
验证成功后在终端运行git clone git@github.com:YourName/YourName.github.io.git。在本地生成静态网页后,运行hexo deploy,在浏览器输入YourName.github.io就能看到你自己的blog了。


#其他
###Markdown
Markdown是我们写blog的主要语言,这种语言不是很难,多写几次就会上手的,学习参考链接
###关于评论
关于评论系统,大概有两种吧:disqusduoshuo
###关于图片
由于Markdown插入图片的时候,只能插入url,不能直接将图片拖进去,所以你只能将图片存储在云空间,然后将外部链接分享出来,这里我推荐用七牛。今天,在用七牛时,用Command + C貌似不能复制链接,用鼠标操作copy就行。


#ps:(2015.5.3更新)
刚刚找相关资料的时候,发现一个非常全面的搭建hexo blog教程


#参考链接
http://www.jianshu.com/p/858ecf233db9
http://www.v2ex.com/t/175940
https://help.github.com/articles/generating-ssh-keys/
http://zipperary.com/categories/hexo/