Fork me on GitHub

如何使用hexo+github搭建个人博客

   如何轻松快捷的搭建属于自己的个人博客

  

搭建之前先介绍一下搭建工具,Hexo github

hexo:是一个快速、简洁且高效的博客框架。Hexo使用Markdown来编写文章,通过Hexo生成静态网页,然后部署到服务器上。
github:是一个面向开源及私有软件项目的托管平台,

搭建流程过程

  1. Node.js,Git安装
  2. 注册和配置Github
  3. 使用Github搭建和配置Hexo网站

Node.js,Git安装

1.安装Node.js
安装 Node.js 的最佳方式是使用 nvm。

1
2
3
4
5
6
cURL:
$ curl https://raw.github.com/creationix/nvm/master/install.sh | sh
Wget:
$ wget -qO- https://raw.github.com/creationix/nvm/master/install.sh | sh
```
安装完成后,重启终端并执行下列命令即可安装 Node.js。

$ nvm install stable

或者您也可以下载安装程序

2.安装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

1.注册github账户
如何注册github账户

  1. 配置github
    创建仓库

3.配置ssh 秘钥
使用Github搭建和配置Hexo网站

安装hexo

1
$ npm install -g hexo-cli

初始化hexo

初始化需要你建立一个本地hexo文件夹作为存放你的Hexo文件,本文以桌面的Blog文件夹为例,进入此文件夹右键点击git bash并输入初始化命令

1
$ hexo init

生成静态界面

初始化完成之后,就已经生成一篇“hello word”的文章了,现在执行以下命令把文章编译为静态页面:

1
$ hexo generate 或 $ hexo g

本地启动

把文章变为页面之后,可以执行以下命令,本地启动服务,在浏览器中输入http://localhost:4000/
就可以查看生成的页面效果。

1
$ hexo server 或  $ hexo s

如果你看到接下来的这个界面那么恭喜你博客搭建成功了
博客搭建成功的界面

更换主题

如何更换主题

部署到github上

部署之前先修改Blog/_config.yml文件。

1
2
3
4
deploy:
type: git
repository: https://github.com/gclm/gclm.github.io.git(这个就是你github创建的仓库的https链接)
branch: master(这个是仓库项目的分支,这个是默认分支基本上不用修改)

安装npm的git保存插件

1
$ npm install hexo-deployer-git --save

部署到github 中

1
$ hexo deploy 或  $ hexo d

部署成功后再浏览器输入 你在github创建的仓库名(如:gclm.github.io)就可以访问你的个人博客了
结语
好了,到这里搭建github博客的步骤就完成了。

本文标题:如何使用hexo+github搭建个人博客

文章作者:孤城落寞

发布时间:2018年01月23日 - 09:56:57

最后更新:2018年11月26日 - 20:50:12

原始链接:https://blog.gclmit.club/archives/f4a0396c.html

许可协议: 署名-非商业性使用-禁止演绎 4.0 国际 转载请保留原文链接及作者。



-------------本文结束 感谢您的阅读-------------
坚持原创技术分享,您的支持将鼓励我继续创作!