美文网首页Hexo搭建博客须知自建博客
使用Hexo搭建博客(二),搭建博客的过程

使用Hexo搭建博客(二),搭建博客的过程

作者: 起今知行 | 来源:发表于2015-08-27 09:16 被阅读2310次

    一、使用Hexo搭建博客的构架

    看了第一篇一点想法后,如果你有兴趣利用Hexo搭建自己的博客,那么这一篇可能对你有一些实际的帮助。我将会重点说明搭建博客的整个过程,即使你不懂代码,不懂编程,都没有关系,如果愿意尝试,你一定也可以。重点是,你要想清楚你是不是真心想要搭建一个自己的博客。因为后面一系列的工作比较多,需要用热情抵消困难。想清楚了,请接着往下看。
      在开始之前,我先简单说明一下整个博客的一个搭建过程:
      第一步,搭建本地博客;在电脑上安装GitNode.js两个程序,利用简单的命令安装好Hexo;
      第二步,部署远程博客;注册一个Github账号,然后在上面创建一个Repository,简单配置一下,博客的基本框架就建立好了。

    至于搭建好了怎么写博客,是这样的,如果你懂一点Markdown语法就更好了,可以让你专心写作而不必在意格式,显示出来的效果非常漂亮。不懂的也不要紧,花个十来分钟就可以上手。
    说完了在Hexo上搭建博客的一个思路,现在开始进入实际的操作。

    二、搭建本地博客

    1.安装Git

    安装过程一路默认即可,安装好后,单击右键就会多出三个Git的按钮,先不管它。

    2.安装Node.js

    可以一路默认,需要的话也可以更改一下安装的路径。

    3.安装Hexo

    Hexo的安装需要借助Node.js的npm命令,可以理解为Hexo是Node.js的模块。操作的方式是在任意的位置单击鼠标右键,选择Git bash命令,在里面输入:

    npm install -g hexo
    

    卸载的话,自然是把上面命令中的install替换成uninstall即可执行卸载。

    4.创建Hexo文件夹

    Hexo文件夹就是你后面博客的文件夹。第一步先在某个盘符下新建一个文件夹,重命名(英文字母),假设你是在D盘下建立了一个名叫Hexo的文件夹,那么路径就是D:\hexo (后续的操作大多在这个文件夹里进行);第二步进入Hexo文件夹单击右键,依旧选择Git bash这一命令,输入以下命令,博客所需要的文件都已经自动建立好了,这比jekyll操作简单多了。

    hexo init
    

    5.安装依赖包

    npm install
    

    6.预览本地博客

    一系列的安装命令之后,本地博客就算搭建好了,输入如下的命令(也可以利用组合命令,我的做法是在搜狗输入法中自定义一个短语,快速输入hexo s -g,效果一样)。这个命令是用于调试。然后在浏览器地址栏中输入localhost:4000或者127.0.0.1:4000就可以查看本地的博客了。

    hexo g
    hexo s
    
    

    不出意外的话,它应该是像下图这个样子的(图片来源于网络)。注意这里仅仅是本地博客,其他地方看不到。第一步操作到这里就结束了。

    三、部署远程博客## 1.注册Github账号

    因为是托管到Github上,所以第一步需要注册一个账号。已有账号的自行忽略。注册的过程比较简单,这里不做赘述。

    2.建立和用户名对应的仓库

    第二步是建立和用户名相对应的仓库,这是什么意思呢?以我的例子来说,我的用户名是qijinzhixing,那么我的仓库就必须是qijinzhixing.github.io,否则可能就不成功。

    3.配置SSH公钥

    远程代码是基于SSH的,所以需要SSH的相关配置。方法是现在本地生成SSH公钥,然后添加到Github上面。具体的操作如下:
    (1)设置你的邮箱和用户名:

    git config --global user.email "qjzhixing@qq.com"
    git config --global user.name "qijinzhixing"
    

    (2)生成密钥,设置密码,输入的密码不显示(也可以不设置,按三次回车,密码为空)

    ssh-keygen -t rsa -C "qjzhixing@qq.com"
    

    上述的命令成功后,会得到id_rsaid_rsa.pub两个文件,可能在C:\Users\Administrator\.ssh文件夹里,没有的话,就用Everything搜一下。

    (3)把SSH密钥添加到Github上
      登陆Github后,点击settings,然后进入SSH keys,把id_rsa.pub文件里内容添加进去就好了。

    4.部署远程博客

    (1)编辑D:\hexo目录下的配置文件_config.yml,在最下面输入以下内容,注意把里面的qijinzhixing替换成你的用户名

    deploy:
      type: git
      repository: https://github.com/qijinzhixing/qijinzhixing.github.io.git
      branch: master
    
    

    (2)部署远程博客,输入以下命令

    hexo g
    
    hexo d
    

    出现下面的提示表示部署成功

    INFO Deploy done: git
    

    部署好了后,在浏览器地址栏中输入你的仓库名来访问,我的是qijinzhixing.github.io。注意一点,第一次部署的话,可能需要等待一会(一般不到10分钟就好了)才能生效,以后每次部署就可以直接访问。到这里基本的博客就搭建好了。

    四、Hexo的基本命令

    Hexo基本常用的命令就四个,而且还可以使用组合命令。基本命令如下:

    hexo g = hexo generate  #生成
    hexo s = hexo server  #启动本地预览
    hexo d = hexo deploy  #远程部署
    
    hexo n "文章标题" = hexo new "文章标题"  #新建一篇博文
    

    我通常是选用组合命令,操作更为效率。如果你使用搜狗输入法的话,可以自定义一个短语,比如我输入hs则出现hexo s -g命令。

    hexo s -g  #等同先输入hexo g,再输入hexo s
    hexo d -g  #等同先输入hexo g,再输入hexo d
    

    五、Tips

    1. 注意一定要验证Github的验证邮件。
    2. 出现其他任何的问题,先删除博客目录下的db.json文件,然后清理再部署远程博客,操作时输入以下的命令
    hexo clean
    hexo d -g
    

    走到了这一步,你应该知道了你的博客仅仅相当于一个毛坯房而已,意味着后面需要你自己一点点去装修,换成你喜欢的风格样式。至于具体如何装修你的博客,我们下一篇再说。

    相关文章

      网友评论

      本文标题:使用Hexo搭建博客(二),搭建博客的过程

      本文链接:https://www.haomeiwen.com/subject/gouhcttx.html