学习基于hexo、github 如何轻松快捷的搭建自己的个人博客
概念
- hexo: 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown 来编写文章,通过 Hexo 生成静态网页,然后部署到服务器上。
- github: 是一个面向开源及私有软件项目的托管平台,
搭建流程过程
- Node.js,Git 安装
- 注册和配置 Github
- 使用 Github 搭建和配置 Hexo 网站
安装 Node.js
- 安装 Node.js
安装 Node.js 的最佳方式是使用 nvm。
- curl https://raw.github.com/creationix/nvm/master/install.sh | sh
- wget -qO- https://raw.github.com/creationix/nvm/master/install.sh | sh
- 安装完成后,重启终端并执行下列命令即可安装 Node.js。
|
|
或者可以下载程序安装
安装Git
- Windows:下载并安装 git
- Mac:使用Homebrew, MacPorts:brew install git
- Linux (Ubuntu, Debian):sudo apt-get install git-core
- Linux (Fedora, Red Hat, CentOS):sudo yum install git-core
注册和配置Github
安装hexo
|
|
初始化hexo
初始化需要你建立一个本地hexo文件夹作为存放你的Hexo文件,本文以桌面的Blog文件夹为例,进入此文件夹右键点击git bash并输入初始化命令
|
|
生成静态界面
初始化完成之后,就已经生成一篇“hello word”的文章了,现在执行以下命令把文章编译为静态页面
|
|
本地启动
把文章变为页面之后,可以执行以下命令,本地启动服务,在浏览器中输入http://localhost:4000/ 就可以查看生成的页面效果。
|
|
如果你看到接下来的这个界面那么恭喜你博客搭建成功了
更换主题
部署到github上
- 部署之前先修改Blog/_config.yml文件
|
|
- 安装npm的git保存插件
|
|
- 执行部署指令
|
|
部署成功后再浏览器输入 你在github创建的仓库名(如:gclm.github.io)就可以访问你的个人博客了
结语
好了,到这里搭建github博客的步骤就完成了。