github上使用hexo建立我的主页

本文主要介绍如何在github上面使用hexo搭建我的主页,以及一些基本操做和须要注意的地方。同时介绍了如何给本身的我的主页绑定顶级域名等。
html

如何在本地搭建hexo环境

首先搭建环境咱们须要的是gitbash以及nodejs环境。这里就不介绍如何去安装这两个工具,同git操做不太熟悉的也能够看下这两个教程:
Git教程
GitHub教程
这里默认你们安装好了这些环境,首先咱们在任意地方右键打开gitbash,经过npm去安装hexo:node

npm install -g hexo

以后咱们在本身随便找个地方新建一个文件夹,文件夹名称任意(这里用“hexo”来命名)。而后进入文件夹右键打开gitbash,执行如下命令,hexo会在该文件夹下生成网站所须要的文件。git

hexo init

安装完了以后能够发现咱们的文件夹下面生成了不少的文件。而后安装依赖包:github

npm install

到此咱们本地的环境已经搭建完毕了,如何查看网站,咱们能够经过如下命令生成静态页面而后在本地启动:npm

hexo g
hexo s

咱们只须要在本地浏览器中输入地址:localhost:4000 就能够看到hexo的页面。浏览器

将hexo部署到github

首先在咱们hexo文件夹根目录下有一个_config.yml文件,咱们要对它进行修改,找到deploy这一项而后添加以下配置:bash

deploy:
  type: github
  repository: https://github.com/luoxiaowang/luoxiaowang.github.io.git
  branch: master

注意:必定要注意配置项":"与值之间是有空格的,若是格式出现错误会致使部署失败,切记!
以上是个人github配置,请自行修更名称。这些配置项完成以后,就能够执行命令将hexo部署到github上去了:markdown

hexo clean
hexo g
hexo deploy

ok,访问地址就能够看到咱们的网页了。hexo

hexo

若是不太喜欢默认的主题,咱们也能够换个主题,首先咱们能够到如下地址去选择一个主题:
hexo主题
当咱们选择了适合的主题以后怎么作呢?安装主题的方法就是一句git命令:dom

git clone https://github.com/heroicyang/hexo-theme-modernist.git themes/modernist

地址对应的是相应的主题的github地址。git会将主题clone到theme文件夹下,以后咱们须要对_config.yml文件进行修改,找到theme配置将它修改为对应的主题名称:

theme: modernist

在对应的主题目录下也有一个_config.yml配置文件,能够对应的修改主题的一些信息,例如插件、导航连接等。以后执行命令:

cd themes/modernist
git pull

如何写文章

执行如下命令:

hexo new [layout] "postName" #新建文章

这里layout默认为post,有哪些layout呢?咱们能够到hexo根目录下去找到scaffolds文件夹,大家就是layout的类型,也能够修改layout成为咱们本身经常使用的模板。以后到source目录下去找到你新建的文章,经过markdown来进行书写了。

如何绑定域名

首先咱们能够到Godaddy下去申请一个域名,而后在DNS配置处修改A记录(若是是顶级域名的话,不然修改CNAME便可),修改ip地址对应到github空间,github空间提供的地址为:

  • 192.30.252.153
  • 192.30.252.154
    github空间 而后到github的page页面根目录新建一个名为CNAME的文件,内容为申请的域名地址。以后等上30分钟左右再经过域名访问便可成功。
相关文章
相关标签/搜索