github.io 搭建免费的个⼈博客
hexo+github.io 搭建免费的个⼈博客
配置Node.js 环境
张敬轩图片显⽰如下图所⽰,则说明安装成功。
下载Git
git 的安装过程不再赘述,同样安装完成后在windows,dos界⾯输⼊git --version 出现git 版本号则表⽰安装成功。
创建代码库以上是我从⽹络上到的图,现在github
的排版有所不同但是差不多,⼤家对照着⼀下。安装Hexo
上⾯只是准备⼯作,做完这些之后,我们就要开始⿎捣我们的博客了!在你觉得合适的地⽅创建⽂件夹,命名为Hexo,然后在⽂件夹空⽩处按住Shift +⿏标右键,然后点击在此处打开命令⾏窗⼝。(同样要记住啦,下⽂中会使⽤在当前⽬录打开命令⾏来代指上述的操作)可能你会看到⼀个WARN ,但是不⽤担⼼,这不会影响你的正常使⽤。 然后输⼊然后你会看到命令⾏窗⼝刷了⼀⼤堆⽩字,下⾯我们来看⼀看Hexo是不是已经安装好了。 在命令⾏中输⼊:
node -v
npm -v
npm install hexo -cli -g
npm install hexo --save
hexo -v
同样如果看到了hexo的版本信息则说明安装成功了。
## 初始化hexo
hexo init
## 安装组件最有效的收缩毛孔产品
npm install
初体验
hexo g
你会看到这样的信息:
彭于晏张钧甯然后输⼊:面试英文自我介绍
hexo s
系统会提⽰:
INFO Hexo is running at 0.0.0.0:4000/. Press Ctrl+C to stop.
配置到你的github上
⾸先,配置⾃⼰的⾝份信息,打开命令⾏(win+R),然后输⼊:
这次是我真的决定离开git config --global user.name "yourname"
git config --ail "youremail"
同样在_l⽂件中,到Deployment,然后按照如下修改:
deploy:
蹭网器type: git
repo: git@github:yourname/yourname.github.io.git
branch: master
然后再当前⽬录打开命令⾏,输⼊:
hexo d
如果不能成功部署上去的话试试安装⼀下插件 npm install hexo-deployer-git --save 这时候你的博客已经成功的部署上去了。
部署时可能出现的异常
> hexo d
# ERROR Deployer not found:git
这个是配置⽂件`_l`配置不正确配置格式 git@github:git上的名字/xxx.github.io.git
deploy:
type: git
repo: git@github:GlacierBo/GlacierBo.github.io.git
branch: master
> hexo d
# ERROR Deployer not found:git
如果按上⾯配置还是报错的话可能是没有安装git插件
> npm install hexo-deloyer-git --save
> hexo d -g
出现
INFO Deploy done:git
则表⽰部署成功
备注
添加新⽂章
打开Hexo⽬录下的source⽂件夹,所有的⽂章都会以md形式保存在_post⽂件夹中,只要在_post⽂件夹中新建md类型的⽂档,就能在执⾏hexo g的时候被渲染。 新建的⽂章头需要添加⼀些yml信息,如下所⽰:
---
title: hello-world //在此处添加你的标题。
date: 2014-11-7 08:55:29 //在此处输⼊你编辑这篇⽂章的时间。
categories: Exercise //在此处输⼊这篇⽂章的分类。
toc: true //在此处设定是否开启⽬录,需要主题⽀持。
---
---
这是摘要
<!-- more -->
这是正⽂
更换主题
可以在寻⾃⼰喜欢的主题 下载所有的主题⽂件,保存到Hexo⽬录下的themes⽂件夹下。然后在_l⽂件中修改:
# Extensions
## Plugins: hexo.io/plugins/
## Themes: hexo.io/themes/
theme: landscape //themes⽂件夹中对应⽂件夹的名称
然后先执⾏hexo clean,然后重新hexo g,并且hexo d,很快就能看到新主题的效果了~
发布评论