博客搭建简化版

JerryXia 发表于 , 阅读 (2)

这篇博客主要简单介绍最终设置的blog

my blog = gitcafe page(代码托管平台, 免费, 不用直接去折腾一个主机) + npm + hexo(需要npm环境支持) + jacman(现在正在使用的hexo主题) + 域名(zhilin.pub, 来自万网)

开发环境 = vagrant + Ubuntu64 + git(说白了就是在虚拟机中的linux里面开发)

git + gitcafe page + 域名

gitcafe网站: https://gitcafe.com
gitcafe pages 使用教程: https://gitcafe.com/GitCafe/Help/wiki/Pages-%E7%9B%B8%E5%85%B3%E5%B8%AE%E5%8A%A9
配置ssh: https://gitcafe.com/GitCafe/Help/wiki/%E5%A6%82%E4%BD%95%E5%AE%89%E8%A3%85%E5%92%8C%E8%AE%BE%E7%BD%AE-Git#wiki

sudo apt-get install git # 安装git# 在 gitcafe 上建立一个 gitcafe page 项目, 详细见教程ssh-keygen -C '1252409767@qq.com' # 生成密钥, 按照教程添加到自己的项目中ssh -T git@gitcafe.com # 测试连接, 我运行第一次的时候会显示无法连接, 但是第二次就ok了

有了这个之后, 就可以在后面的 hexo deploy中将项目托管到gitcafe page平台了
域名其实很简单, 去万网买一个, 我买的 zhilin.pub, 第一年只要9rmb, 之后再域名解析中, 建立一条 cname 解析, 指向gitcafe中对应的域名, 在gitcafe中配置增加一条域名的记录, 这之后我们就可以通过 zhilin.pub 访问自己的blog了

安装npm

快速搭建npm环境 http://fengmk2.com/blog/2014/03/node-env-and-faster-npm.html

遇到的问题
安装nvm其实很简单, 一个拷贝文件的过程而已, 但是使用 nvm install 时, 遇到的一个 cannot create symlink to 的错误, 百度的结果可能是因为使用virtualbox的共享文件夹时, 没有以管理员运行, 我当时是把 nvm 下载到共享文件夹中的
使用 npm install 时报错, 并且无法使用 sudo npm, 无法使用 sudo 的话, 可能使用 sudo ln -s 可以解决
使用 sudo apt-get install npm/node 之后, 安装 hexo, 运行却什么结果都没有,

git clone https://github.com/cnpm/nvm.git # 安装nvm, npm的版本控制软件, 此处是安装在 ~/git/ 目录下source ~/git/nvm/nvm.sh # 配置终端启动时自动执行,在 ~/.bashrc, ~/.bash_profile, ~/.profile, 或者 ~/.zshrc 文件添加nvm -v # 显示可以用命令nvm ls-remote # 显示可用的npm版本nvm install v0.10.24nvm alias default 0.10.24 # 设置默认使用的npm版本node -v # 查看npm是否正确安装

安装并使用hexo

作者写的如何使用jacman主题: http://wuchong.me/blog/2014/11/20/how-to-use-jacman/

npm install hexo -g --registry=http://registry.npm.taobao.org # 全局安装hexo, 后面的部分是使用淘宝镜像源加速hexo init . # 选择一个文件来初始化npm install --registry=http://registry.npm.taobao.org # 使用npm安装依赖hexo g # 生成源码hexo s # 开启服务, 这样就可以再局域网中查看效果了# 部署代码到平台npm install hexo-deployer-git --save --registry=http://registry.npm.taobao.org # 安装此之后才能使用 hexo d#修改 _config.ymldeploy:  type: git  repo: https://gitcafe.com/daydaygo/daydaygo.git  branch: gitcafe-pageshexo d # 部署代码到平台, 下面为gitcafe page的示例#组合命令hexo s -ghexo d -g#使用主题git clone https://github.com/wuchong/jacman.git themes/jacman # 安装jacman主题# 修改 _config.ymltheme: jacman # 把原来的注释掉

使用 about 页面(我是用来放简历的): 修改 _config.yml, 在url中添加 about_dir: about, 然后在 /source 文件夹中新建 about 文件夹, 里面放一个 index.md 就ok了
jacman主题的一些修改: 修改 /theme/jacman/_config.yml 文件
使用多说的时候直接填上多说的名字就ok了, 但是我使用中文名不行, 使用英文没问题

至此, blog基本就配置完了, 剩下就是保持更新了, 下面是blog开头的格式, 这样我们的blog就可以自动分类了:

title: postName #文章页面上的显示名称,可以任意修改,不会出现在URL中date: 2013-12-02 15:30:16 #文章生成时间,一般不改,当然也可以任意修改category: example #分类tags: [tag1,tag2,tag3] #文章标签,可空,多标签请用格式,注意:后面有个空格description: 附加一段文章摘要,字数最好在140字以内。---

使用gitcafe托管代码

# 新建 .ssh/ 目录原来保存代码ssh-keygen -t rsa -C "YOUR_EMAIL@YOUREMAIL.COM" # 生成密钥# 添加 id_rsa.pub 的内容到 gitcafe 上