使用hexo在github上搭建我的博客

文章目录

这里文章都是从我的的github博客直接复制过来的,排版可能有点乱. 原始地址 http://benq.imgit

此教程适合我这种虽然在用github,却不懂git命令的文盲.github

创建博客源码仓库

首先在github上建立一个空的仓库用来存放博客程序.
npm

安装github windows客户端https://windows.github.com/. 注意github客户端是在线安装,若是安装不成功,就使用代理试试.
安装完成github客户端后,打开客户端并登陆,把刚才建立的项目clone到本地.windows

安装hexo

1	npm install -g hexo

hexo安装完成后,打开命令行,进入刚才的github仓库目录的上一级,初始化hexo项目.七牛云存储

1	hexo init <目录名>

进入仓库目录,安装依赖模块服务器

1	npm install

大局域网安装起来可能会有点慢,耐心等待..markdown

安装完成后,运行hexo服务端并发

1	hexo server

打开http://127.0.0.1:4000.

安装成功hexo

经常使用命令:编辑器

hexo clean //清理
hexo new filename //建立新文章
hexo generate //生成静态站点(位于public目录)
hexo deploy //发布,后面会讲

更多hexo命令,能够查看官方文档http://hexo.io/docs/

安装hexo主题

hexo主题有点少. 目前我在用jacman这个主题,这个比较适合国人用,集成了多说评论.

在仓库目录里运行命令

1	git clone https://github.com/wuchong/jacman.git themes/jacman

将主题下载到themes/jacman目录.
打开仓库根目录下的配置文件_config.yml ,修改theme为 theme: jacman

重启服务器(hexo server)便可看到新样式
jacman主题的详细介绍 http://wuchong.me/jacman/2014/11/20/how-to-use-jacman/

提交仓库

删除theme目录下的landscape目录,这个主题咱们不用了.
删除theme/jacman目录下.git目录和.gitignore文件.
切换到github for windows客户端,提交仓库并同步到线上

创建gh-pages分支

用网页打开仓库地址https://github.com/benqy/hello-benqy
点击Settings

而后

再而后

最后

这样gh-pages分支就建立完成了.能够打开http://benqy.github.io/hello-benqy 看看效果

切换到该分支

复制分支的clone URL https://github.com/benqy/hello-benqy.git

继续打开根目录的_config.yml,将deploy改成

deploy:
  type: git
  repository: https://github.com/benqy/hello-benqy.git
  branch: gh-pages

在根目录运行命令

1	npm install hexo-deployer-git --save

接下来运行生成静态站点并发布的命令

1	hexo deploy --generate

过程当中会须要输入github账号密码
发布成功:

打开博客地址:http://benqy.github.io/hello-benqy 会发现页面乱了,由于还没配置博客路径
依然是打开配置文件config.yml,根据注释修改URL配置

1 2	url: http://yoursite.com root: /

改成

1 2	url: http://benqy.github.io/hello-benqy root: /hello-benqy

从新发布

1 2	hexo clean hexo deploy --generate

再次打开博客,一切都正常了

发布文章

至此,博客的搭建完成了.
之后要发文章,只要在博客目录运行

1	hexo new 文件名

就会在source/_posts下生成对应的.md文件.
运行本地服务器

1	hexo server

经过markdown格式编写文章,并打开本地地址127.0.0.1:4000查看实时效果

文章写完后

1	hexo deploy --generate

提交便可
记得主仓库也用github for windows提交到github上

配置cname

…

进阶:图片自动上传

利用七牛免费的存储和方便的接口来让咱们的markdown编辑器在粘贴图片时自动上传到七牛云存储,并返回图片地址.我博客里的全部图片都是这样上传的,写文章时彻底不用停下来传图.