怎样利用github搭建个人博客

怎样搭建博客

1. 利用GitHub Pages搭建了个人博客雏形

• 在github上创建一个仓库名为自己github账号的名字
  eg: bingTangGithub.github.io
• git clone git@github.com:bingTangGithub/bingTangGithub.github.io.git（最好用ssh，这个比较快）
• 转到仓库文件夹下 cd bingTangGithub.github.io
• 创建一个html文件 echo “Hello World” > index.html
• 提交到远程仓库 git add .
• git commit -m 'initial commit'
• git push origin master

到此，我们已经拥有了一个初步域名：http://username.github.io 加一个免费网络空间了。

2. 安装Hexo博客框架

在电脑上拥有了 node.js 和 git应用程序的前提下，【检查git应用程序 git –version】
npm install -g hexo-cli

3.GitHub管理

为了让自己未来的博客和代码处在git管理之下，我们要把刚刚在Github上博客项目拉到本地。

在本地创建文件夹，名字任意，此处设为myblog，进入该文件夹，把项目代码clone下来。【注意，这里不要用第一步的文件夹，重新建立一个文件夹】

git clone https://github.com/bingTangGithub/bingTangGithub.github.io.git

此时会自动在myblog目录下创建子文件夹bingTangGithu.github.io,那里就是我们博客的代码，以后的操作都在git的管理之下了，此时默认的branch为master

4.初始化Hexo

• hexo init bingTangGithub.github.io 初始化后，bingTangGithub.github.io里面就已经有完整的Hexo框架了。会多很多文件类似 package.json, node_modules这样的一堆文件夹
• cd bingTangGithub.github.io
• npm install

5. 配置 _config.yml 文件

• Site中的 title:bingTang得博客 ，author: bingTang，language: zh-Hans
• URL中的 url:http://bingTangGithub.github.io
• Deployment中的 type:git, repo:git@github.com:bingTangGithub/bingTangGithub.github.io.git,branch:master

6. 安装插件

• npm install hexo-deployer-git –save
• 去source里添加 md文件
• hexo generate generate会把我们的配置、文章和主题结合起来生成一堆酷炫的html静态文件放在public里面
• hexo deploy 把静态文件部署到GitHub Pages上