使用hexo和github搭建个人网站

2017-08-15

logo

1.环境

注册地址：github.com
新建github仓库
注意名称就是你的网站访问地址
logo
注意拉到页面下方看到GitHub Pages 这一栏
logo
大概十五分钟后就能访问该网站了，我的就是cxhcode.github.io

$ npm install hexo-cli -g
$ mkdir hexo
$ cd hexo
$ npm install hexo --save


$ hexo init cxhcode.github.io //注意这个最好和你的仓库名字一致
$ cd cxhcode.github.io
$ tnpm install //node编译安装
$ hexo s //启动

这时候会有以下提示

1	INFO Hexo is running at http://localhost:4000/. Press Ctrl+C to stop.

就可以打开所示网址体验一把啦
但是这些都是在本地操作的，下面介绍怎么把他放到网上去，能在互联官网上打开

采用ssh无密码的方式提交git
详细的在网上搜索，一大堆这样的内容

hexo采用yml配置，yml可以理解为一种类似json的数据格式，他有个最大特点，就是格式非常严格，哪怕“: ”后面多一个少一空格都是不行的。这个需要大家注意。
我的仓库的地址是git@github.com:cxhcode/cxhcode.github.com.git，所以配置如下

# Deployment
## Docs: https://hexo.io/docs/deployment.html
deploy:
  type: git
  repo: git@github.com:cxhcode/cxhcode.github.com.git
  branch: master

1 2	$ cd cxhcode.github.io $ hexo new "My first Blog"

在cxhcode.github.io/source/_posts的目录下会生成My-first-Blog.md的文件
我是mac用户，推荐MacDown编辑器，免费且好用

1 2	$ hexo g //generate 简写，生成静态文件 $ hexo d //deploy 简写，发布

发布的文件是cxhcode.github.io/.deploy_git下面的内容，hexo会将.deploy_git 下的内容push到你的github的仓库中

将post_asset_folder: false改为true

1	$ npm install https://github.com/CodeFalling/hexo-asset-image --save

安装完插件以后，使用 hexo new 命令的时候会生成一个和文件同名的文件夹，所有的静态资源都可以放在文件夹里面。那么如何使用呢？

1	![first](My-first-Blog/first.jpg)

如上，插入图片即可，简直爽歪歪