GitHub是一个面向开源及私有软件项目的托管平台,也是一个分布式版本控制系统,详情见百度百科。
Github Pages则是github上的一项功能,可以放置网页文件到指定文件夹,然后给你一个专属域名用于展示一些项目,但现在大多用来开发制作个人博客网站。
接下来就一步步按照我曾经的步骤来搭建个人博客。
准备
Git客户端安装,以及相关Git操作,这部分请自行百度。
nodeJs,主要是用作本地服务器可以预览效果。
Hexo,是一个快速、简洁且高效的博客框架。还有一种Jekyll,网上说Hexo速度快,都试了一下,感觉Hexo相对美观和简单点。
yilia,一个界面的模板而已,可以自行选择喜欢的,这里用的是 https://github.com/voidking/hexo-theme-yilia.git 。
Github配置
Git客户端配置,Github账号申请, SSH Key配置。
创建一个仓库,命名为username.github.io(username 是你的账号名)
建立两个branch,master用于发布的网页,另外一个blog用于Hexo网页文件,手动管理和编辑的是blog分支,在该repo的setting设置GitHub Pages中为master branch。
Hexo环境配置
安装nodejs
将上面创建的repo clone到本地,打开Git Bash。
1 |
|
Hexo常见命令
常见命令
1 |
hexo new "postName" #新建文章 |
缩写
1 |
hexo n 大专栏 Github+Hexo+yilia快速搭建博客== hexo new |
组合
1 |
hexo s -g #生成并本地预览 |
yilia模板
模板下载,hexo的模板有很多,可以自己选择一款
1 |
#进入themes目录,下载yilia主题 |
配置文件修改, 主题的优化参考 https://www.voidking.com/2015/05/31/deve-hexo-theme-optimize/
1 |
#进入usename.github.io下面的_config.yml修改,主要是下面这一条 |
现在可以在本都预览到yilia样式的博客了。
发布到github
首先是将该项目同步到github的blog分支,普通的git操作。
1 |
git pull origin blog |
然后是将博客生成静态页面deploy到github的master分支。
再次之前,首先配置_config.yml中有关deploy的部分,修改为如下所示。
1 |
deploy: |
配置完成后保存,然后鼠标右键单击你的项目文件夹开启git bash,输入npm install hexo-deployer-git –save安装相关插件。
用hexo deploy命令发布生成后的HTML代码到 master 分支上。
1 |
hexo generate |
日常编写的博客在source下面的_posts文件夹下面,用markdown格式编写,然后预览后没问题就上传,项目上传到blog分支,静态网页在master分支。