Hexo搭建github静态博客

发表于   |   分类于   |  

终于稀里糊涂地成功搭建了博客，决定把自己踩过的坑写下来，让更多的人少掉坑。我的配置环境是win10.

  1. 安装Node.js和git for windows。

  2. github创建仓库，仓库名必须为【your_user_name.github.io】，要是不清楚your_user_name是啥，登录github，网址[www.github.com]后面接的就是你的用户名。
    坑1：用户名必须是小写，有空格和特殊字符行不行我不知道，你可以试一下。我的一开始是 SimonSunDev，后来改成了simonsundev。

  3. git for windows生成ssh key，把公钥添加到github。

  4. 打开git bash，输入npm install hexo-cli -g。以下命令都是在git bash下操作的。

  5. hexo init myBlogs创建myBlogs文件夹。

  6. npm install

  7. hexo server启动hexo server，此时在浏览器里输入localhost:4000，应该有一篇Hexo自动生成的blog。按Ctrl+C停止server。
    坑2：我启动成功之后，再浏览器打开这个页面一直打不开。后来请教了大神学长，原来是4000端口号被占用了，该一下端口号就行了。例如打开myBlogs/node_modules/hexo-server/index.js，修改第6行port为1346，注意冒号后面有空格。重新启动，浏览器输入localhost:1346。成功！

  8. 修改myBlogs根目录下的_config.yml，最后deploy部分修改成我这样：
    deploy:
    type: git
    repo: git@github.com:simonsundev/simonsundev.github.io.git
    branch: master
    坑3：冒号后面有空格，repo支持https和ssh。我这个是成功的，推荐也用ssh。

  9. 在myBlogs根目录下执行npm install hexo-deployer-git --save。
    坑4：执行这条命令我这里报npm ERR!的错。Google到的解决办法是执行命令npm config set registry http://registry.npmjs.org/，然后再执行上面的命令。

  10. hexo-deployer-git安装成功后，执行3个命令
    hexo clean
    hexo generate
    hexo deploy
    这3个命令也是我们在写了新的博客，要deploy到github的时候执行的命令。

OK，到这里应该就结束了。打开浏览器输入http://you_user_name.github.io，如果出现的页面不是404，说明成功了。
最后记一下一个新建md博客的命令hexo new "My new Blog"，算是备忘。

热评文章