Build Your Own Blog - 建站并部署到Github

发表于 | 分类于 |

一直打算搞一个自己的技术博客站，比起用什么简书啊，CSDN的第三方平台，直接高冷的丢出去一个自制的博客站，简直就是装比于无形，想想就带感好吧。
新任务获得：部署个人网站

嗯常规套路先看炼成书，查阅 《个人网站》 项：
公网域名 ＋ 服务器 ＋ 网站代码 ＝ 个人网站（常规合成法则）
呃，公网域名么 狗爹 上或许能找到便宜的。服务器，呃，AWS好像有点贵，aliyun凑合吧。网站代码，呃，不就是 H5+CSS+JS/AJAX 么，小意思。。。。。。个屁。哥是写Swift的，自己去搞这些web相关的，要搞死哥啊。再翻翻炼成书:
hexo（网站代码） + github（公共域名 & 服务器） = 个人网站（黑暗合成法则）

任务更新：使用 Hexo 和 Github 制成个人博客。

准备工作

Step.1 开发环境

  1. Node.js 安装指南
  2. Git 安装指南

  3. 运行如下命令不报错即配置成功。

    1
    $ npm -v
    1
    $ git --version

Step.2 GitHub

  1. 新建一个代码仓，命名为yourname.github.io

  2. 开启 gh-pages 功能

    • 开启 Reposity Setting 页面如下
    • 点击 Automatic page generator

  3. 能够正常访问网址: yourname.github.io ，即配置成功。这个地址将成为你的博客网址（可以修改）

Step.3 Hexo

  1. 新建一个工作目录，打开命令行并切换到新建的工作目录途径
  2. 安装 Hexo 
    1
    $ npm install -g hexo-cli

建站

Step.1 新建一个网站

  1. 在命令行里执行 
    1
    2
    3
    $ hexo init <folder>
    $ cd <folder>
    $ npm install

Step.2 本地测试

  1. 在命令行里执行 
    1
    2
    $ hexo g
    $ hexo s

如果能看到提示：INFO Hexo is running at http://0.0.0.0:4000/. Press Ctrl+C to stop.你就可以去浏览器里打开http://localhost:4000/，欣赏你的个人博客了

Step.3 Github部署

  1. 需要为自己配置身份信息，打开命令行，执行

    1
    2
    git config --global user.name "yourname"
    git config --global user.email "youremail"

  2. 去工程目录里找到 _config.yml 文件，修改下列属性

    1
    2
    3
    4
    deploy:
      type: git
      repo: git@github.com:yourname/yourname.github.io.git
      branch: master

  3. 在命令行里执行

    1
    2
    $ hexo clean
    $ hexo d

如果能看到提示 INFO Deploy done: git 你就可以去浏览器里打开 yourname.github.io，继续欣赏你的个人博客了。

可能遇到的问题

Q1: 命令行总是指令错误

  1. 首先你的确保命令行的路径是你的工作目录（工程文件夹）的途径，在命令行里输入下列命令确认

    1
    $ pwd

  2. 其次确保 node.js & git & hexo 确实安装成功了，详见上述准备环节

Q2: Github部署时，总是提示 “Permission Denied”

这个是因为的Github的SSH连接授权有问题，需要确认本地机器上的ssh公钥与Github上的私钥是匹配的。如果实在无法确认的话，就直接去换套新的吧（作者就折腾了半天），正面上我 。

发布博客

  1. 在命令行里执行

    1
    $ hexo new [layout] <title>

  2. 或者直接在工程目录的 /source/_posts/ 下，新建 newblog.md 文件

  3. 编辑内容
  4. 在命令行里执行
    1
    2
    $ hexo clean
    $ hexo d

待续

Hexo 总体上来说还算是个挺不错的框架的，能玩的东西很多，插件，主题等等等等，想要学习更多的可以去 Hexo官网看看。

完结，撒花，鼓掌～～～

This artical is avaliable under WTFPL-V2. Generally, everyone is permitted to copy and do what the fuck you want to.
P.S. Even so said, your kindly declaration that inspired from this site - Chen’s Alchemy would be appreciated

本文链接：http://yoursite.com/2016/09/04/hexo-Blog-framework/

Donate comment here