手把手教小白用 hexo + Github 搭建属于自己的博客 (中)
2017-07-22
安装Hexo
在自己认为合适的地方创建一个文件夹,这里我以G:/hexo 为例子讲解,首先在G盘目录下创建Hexo文件夹,并在命令行的窗口进入到该目录
在命令行中输入:
`npm install hexo-cli -g`
安装需要一些时间,然后你将会看到一个WAN,不用管,这不会印象你的正常使用,然后输入:
`npm install hexo --save`
来看一看Hexo是不是已经安装好了。 在命令行中输入:
` hexo -v`
如果你看到了如图文字,则说明已经安装成功了
hexo的相关配置
初始化Hexo
接着上面的操作,输入:
`hexo init`
然后输入:
`npm install`
之后npm将会自动安装你需要的组件,只需要等待npm操作即可。
首次体验Hexo
继续操作,同样是在命令行中,输入:
`hexo g`
然后输入:
`hexo s`
然后会提示:
在浏览器中打开http://localhost:4000/,你将会看到:
到目前为止,Hexo在本地的配置已经全都结束了。
怎样将Hexo与github page 联系起来
大概分为以下:
配置git个人信息
配置Deployment
配置Git个人信息
1、设置Git的user name和email:(如果是第一次的话)
`git config --global user.name "lDaisy847800926"`
git config --global user.email "daisy847800926@163.com"
2、生成密钥
输入cd ~/.ssh,检查是否由.ssh的文件夹
ssh-keygen -t rsa -C "daisy847800926@163.com"
输入eval “$(ssh-agent -s)”,添加密钥到ssh-agent
再输入ssh-add ~/.ssh/id_rsa,添加生成的SSH key到ssh-agent
登录Github,点击头像下的settings,添加ssh
新建一个new ssh key,将id_rsa.pub文件里的内容复制上去
输入ssh -T git@github.com,测试添加ssh是否成功。如果看到Hi后面是你的用户名,就说明成功了
配置Deployment
同样在_config.yml文件中(初始化后hexo中的文件),找到Deployment,repo值是你在github项目里的ssh(右下角)
然后按照如下修改:
deploy:
type: git
repo: git@github.com:yourname/yourname.github.io.git
branch: master
比如我的仓库的地址是git@github.com:lDaisy847800926/lDaisy847800926.github.io.git,所以配置如下
deploy:
type: git
repo: git@github.com:lDaisy847800926/lDaisy847800926.github.io.git
branch: master
写博客、发布文章
新建一篇博客,执行下面的命令:
`hexo new post "article title"`
这时候在我的 电脑的目录下 G:\hexo\source\ _posts 将会看到 article title.md 文件
需要提前安装一个扩展:
`npm install hexo-deployer-git --save`
然后用MarDown编辑器打开就可以编辑文章了。文章编辑好之后,运行生成、部署命令:
` hexo g // 生成`
`hexo d // 部署`
当然你也可以执行下面的命令,相当于上面两条命令的效果
`hexo d -g #在部署前先生成`