如何搭建自己的github博客

2016-07-20

配置环境

安装Node(必须)

作用:用来生成静态页面的

Node.js官网下载

安装Git (必须)

作用:把本地的hexo内容提交到github上去.

廖雪峰的git教程(参考)

注意:基本上命令出现warning,error 都要自行百度解决

不过在此有个错误会给出方法:

错误:

npm ERR! Windows_NT 6.1.7601

npm ERR! argv “E:\node\\node.exe” “E:\node\node_modules\npm\bin\npm-cli.js” “install”

npm ERR! node v0.12.0

npm ERR! npm v2.5.1

…..

解决方法:

镜像使用方法(三种办法任意一种都能解决问题,建议使用第三种,将配置写死,下次用的时候配置还在):

1.通过config命令

npm config set registryhttp://registry.cnpmjs.org

2.先执行:npm info underscore

然后:npm –registryhttp://registry.cnpmjs.orginfo underscore

3.编辑 ~/.npmrc 加入下面内容

registry =http://registry.cnpmjs.org

正式安装Hexo

Node和Git都安装好后,首先创建一个文件夹存放用户hexo的配置文件

执行如下命令安装Hexo:

sudo npm install-g hexo

初始化然后,执行init命令初始化hexo,命令:

hexo init就这一下 使用这个命令,配置好之后就不要用了 都是泪的教训 !!这个会初始化config-yml文件

好啦,至此,全部安装工作已经完成!

生成静态页面

hexo generate(hexo g也可以)

本地启动

启动本地服务,进行文章预览调试,命令:

hexo server

浏览器输入http://localhost:4000

配置Github

建立Repository

建立与你用户名对应的仓库,仓库名必须为【your_user_name.github.io】,固定写法

然后建立关联,我的blog在本地/Users/leopard/blog,blog是我之前建的东西也全在这里面,有:

现在我们需要_config.yml文件,来建立关联,命令:

vim _config.yml

翻到最下面,改成我这样子的

URL :https://yourgitName.github.io

deploy:

type: git

repo:https://github.com/leopardpan/leopardpan.github.io.git

branch:master

然后执行命令:

!!!注意 除了https://的 冒号: 其他的后面都有空格

npm install hexo-deployer-git –save

然后,执行配置命令:

hexo deploy

然后再浏览器中输入http://Lyrics1.github.io/就行了,

我的github的账户叫Lyrics1,把这个改成你github的账户名就行了

如果打开时404 页面的话,这个问题是这样解决的

第一删除你hexo 下面的.deploy_git文件夹

第二 运行 git-config –global core.autocrlf 这里命令直接输入,不用修改


!!注意千万要小心使用hexo init,既然已经搭建好了,就不要使用这个命令,因为你又要在此配置一次。

你可能感兴趣的:(如何搭建自己的github博客)