本文主要介绍如何在github上面使用hexo搭建我的主页,以及一些基本操做和须要注意的地方。同时介绍了如何给本身的我的主页绑定顶级域名等。
html
首先搭建环境咱们须要的是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文件夹根目录下有一个_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主题
当咱们选择了适合的主题以后怎么作呢?安装主题的方法就是一句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空间提供的地址为: