一直都属于意念学习，用了GitHub，知道可以搭建免费的website，但只了解了大概的信息，都没尝试去动手做，直到最近才下决定要实际动手做一下，现在算是给完成了，但中间遇到了很多动手之前完全没有意识到的问题，下面就来描述一下其中遇到的问题吧

第一步

github帐号

前往GitHub注册帐号，登录之后点击右上角加号并选择，如下图

new repository

然后就是创建一个git仓库，命名可以类似：用户名.github.io，如下图

repository name

然后确认创建就可以了。

至此第一步就完成了。

第二步

在电脑上安装本如下工具：

  • Git，推荐比较好用的GitHub Desktop，去GitHub官网下载，mac和windows两个平台都有。

  • ruby，百度官网安装，我是macbook，自带，windows自行百度咯，这里我就偷下懒了。

  • nodejs，同样百度nodejs官网去下载，也是提供多平台的安装包，同样mac自带，只是版本较旧，所以我自己安装了新版并切换到使用新版，（建议切换到新版nodejs，影响到后面安装的其他工具的使用)，版本号可以到nodejs官网去看版本发布的列表，找到适合自己的版本号，nvm命令自行百度了，同样mac自带

    1
    2
    3
    nvm install 版本号
    nvm use 4 #切换至 4.2.2 版本
    nvm alias default 0.12.7 #设置默认 node 版本为 0.12.7

  • 编辑器，有很多，如Sublime Text、VS Code等等，我使用的是VS Code，如果要和我用一样的，就去微软官网下载吧，同样有多平台安装包

  • 静态网页编译工具，Jekyll，Hexo等，这两个我都试过了，一开始新手，看着官方资料就用了Jekyll，遇到了一些坑，所以百度了一下，直到了还有Hexo和其他一些工具，然后又由于看着觉得Hexo的模版比Jekyll官网上的模版好看点，所以就投奔Hexo了，看着别人的教程，以为很好用，结果也是遇到了些坑，所以事后才意识到，其实工具都差不多，多少都会遇到些使用的问题，所以还是使用一种，用熟了就好，不必跟风。

    Jekyll:http://jekyllrb.com/

    Hexo:https://hexo.io/

    安装和使用都可以在这两个官网上面看到

第三步

使用Hexo命令编译网站内容，并在Hexo配置中设定好git仓库地址，常用Hexo命令创建、清理、编译、发布，下面贴出常规命令，命令参数还可以组合使用，想深入就自行百度咯，另外还记得第二步提到的nodejs安装会影响到Hexo命令的使用吗，没有安装和切换到高版本会影响到一些Hexo插件到安装和使用，所以建议nodejs使用最新版本

1
2
3
4
5
6
hexo n "我的博客" #创建新文章 == hexo new "我的博客"
hexo p # == hexo publish
hexo clean  #清除缓存 网页正常情况下可以忽略此条命令
hexo g #生成静态网页 == hexo generate
hexo d #开始部署 == hexo deploy
hexo s #本地启动预览服务 == hexo server

第四步

通过第三步的hexo的git配置和hexo的命令发布后，理论上就可以通过：用户名.github.io来访问你的GitHub Pages了。

如果想让访问地址变的更个性户，可以去各大域名服务平台去购买自己喜欢的域名来使用，购买好域名后，在域名管理后台做好cname解析，然后就可以自己创建一个CNAME文件发布到git上就可以了，或者在GitHub上自己的项目页面中点击Settings，进入设置页面，滚动到下方，就可以把你解析好的域名填入设置框中确定即可，这样就可以通过自己购买的域名访问了。

结尾

结尾有些仓促，由于工作生活的时间安排，所以这次没法写的更详细，例如第三步中到一些操作，第四步的个人购买域名及设置等等的问题，没能详细写明，等后面抽空会继续写文章，来补充上述仍需要更仔细说明而没能完成的内容。

最后贴一张我在编辑器环境

vscode
vscode