“医学、法律、商业、工程，这些都是崇高的追求，足以支撑人的一生，但诗、美丽、浪漫、爱情，这些才是我们活着的意义。” ——《死亡诗社》
自从学习前端以来就一直想着建一个个人网站，想在自己创造的乌托邦里记录心情、学习、生活。想通过技术上的努力，让我能在没有任何障碍的空间里感受美丽，享受浪漫，体会自由。更想找到真正所爱，找到一种快乐的生活方式，成为更好的人。
跑题了吧。。。我怎么又矫情了。。。说好的技术贴呢。。。
好了回归正题，建站的过程真的很痛苦，百度带我入了太多坑（谁叫我不早点用google），但最后也还是给了我一些正确的指引方向，在经过我还不算太笨的大脑的一番摸索、以及茶不思饭不想的抓狂之后，终于诞生了 Version 1.0 。对于我来说的几个关键步骤是一定要记录一下的，不然真的对不起我的黑眼圈。
一、 如何在github-pages上搭建自己的页面
在本地编写好HTML、CSS、JS文件之后，得将文件部署到Github服务器上去，于是百度出github-pages这个工具，它可以帮助组搭建博客或者托管网页，且免费。下面就是我将我自己写好的网页部署到github-pages上的步骤：
注册Github账号
下载安装git。下载地址https://git-scm.com/downloads
登陆到自己的Github账号，新建一个仓库（repository），如果这次部署上去的网页是网站的主页，那么仓库必须得命名为 loralu.github.io, loralu为我注册github时的用户名，
建完仓库之后，打开settings，有一个Github Pages 的设置，点击Launch automatic page generator（启动自动页面生成器）。
点击页面最后的continue to layouts，然后选择一个页面主题，再点击publish pages。这个时候就可以通过输入网址 loralu.github.io 进入到自己刚刚设置的页面中了。
将本地文件与github-pages同步。
本地选择一个盘（我选的D盘），右键空白处点击 git bush here，输入以下命令
git clone https://github.com/loralu/loralu.github.io.git
回车，D盘就多了一个叫loralu.github.io的文件夹，这个就是和github上建的那个仓库中的内容是对应的。
接下来就将自己之前写好的网页相关的所有文件复制到该文件夹中，然后依次输入几个命令：
git add -A
git commit -m "loralu.github.io"
git push
完成之后就会发现本地文件已被同步到Github仓库中，现在打开loralu.github.io网址，显示的就是自己写的主页。
二、 利用Hexo搭建博客页
除了主页loralu.github.io，还要建博客页，即loralu.github.io/blog 。这时就要为上一步建立的loralu.github.io仓库建立分支gh-pages。同样点击new repository，仓库名命名为blog ，接下来的操作和上面的步骤4、5相同。再在D盘输入一下命令：
git clone https://github.com/loralu/blog.git
接着在blog文件夹中输入以下命令，为了在本地新建一个gh-pages分支，而这个分支是远程分支origin/gh-pages的镜像，也就是可以在本地的gh-pages看到github上的gh-pages的内容:
git checkout -b gh-pages origin/gh-pages
这样本地的文件目录结构就弄好了，接下来就是利用Hexo框架编写博客页，关于Hexo的教程我参考的是：LP’s Blog, 从安装到高阶应用写的比较全面。
三、 关于域名问题
网站分为六个页面：主页（loralu.github.io）、portraiture、scenery、blog、contact、about。我将整个网站分为两个项目发布到github上，一个是loralu.github.io项目，里面文件包括主页、portraiture、scenery、contact、about；另一个项目即blog，仅仅为博客页（因为刚接触hexo，对其文档还不太熟悉，还是更喜欢用html写网页）。博客页在分支gh-pages中，因此博客页地址栏显示loralu.github.io/blog。如何将其它四个页面的域名也这样显示，如contact页面显示loralu.github.io/contact。
我的解决办法是，以about页面为例，在loralu.github.io文件夹中建一个名为about的文件夹，将about页面的html文件命名为index.html存入该文件夹中，并将其它页面链接到about页面的href写为：
<a href="/about/">about</a>
其它页面也是同样的方法。
啦啦啦好啦，终于有个可以督促自己写字的地方了，刚刚建完，功能还比较简陋，太多好看的元素、很棒的功能目前就我的技术而言还实现不了，哭。。。。不过我相信所有人都有这样的阶段，后续我会不断学习，更新维护，慢慢打造成完美的形象，欢迎大家一起见证它的成长！