hexo+github搭建博客

作者: Welkin_qing | 来源:发表于2016-07-28 20:35 被阅读435次

    刚开始我也是很不理解为什么要利用github+hexo搭建博客,现在差不多能理解,首先逼格很高,其次用github搭建可以学习使用github并且空间很大,也可以便于交流。
    再次声明本篇是基于windows系统下搭建的博客。
    我最开始搭博客时是用的linux,结果错误好多,于是还是决定放弃原来的,在windows上重新搭建,虽然说自己也找了好多教程但是还是觉得自己写下自己在搭建博客时遇到的问题,以便和大家分享。
    <h4>声明:</h4>本篇文章禁止转载,仅供参考。
    <h3>1.准备node.js和git</h3>
    node地址:

    https://nodejs.org/en/

    git地址:

    http://rj.baidu.com/soft/detail/30195.html?ald

    下载时尽量不要把它们移在其他盘,最好放在c盘;
    <h5>对于node:</h5>

    准备node

    选好这个之后其他的next就好;在先使用之前我们先看看是否安装好,同时按下win+R,会屏幕左下会弹出一个小框,输入cmd回车即可;

    检查

    然后输入:

    node -v
    npm -v

    出现如下图所示就说明安装正确;

    提示

    <h5>对于git:</h5>
    按照下图要求选好即可:


    准备git
    准备git

    同样现在检查git是否安装正确,输入

    git --version

    出现如下图所示即可;

    检查git

    <h3>2.注册github添加仓库并申请秘钥</h3>
    <h4>注册github并且建立仓库</h4>
    没有github的话可以先进官网注册一个,然后进入主页后点击右上角的加号
    github地址:

    https://github.com/

    然后点击new repository(p.s.我原来已经建了一个,所以大家不要管我的就好)

    注意:自己仓库的名字最好和自己github的名字一致,Description 这一栏可以不用填写,只需用勾选public就可以,然后自己的仓库就建好了。</br>



    (p.s.注意自己仓库名的后缀为github.io)</br>
    <h4>添加秘钥</h4>
    <h5>1.现在点击鼠标右键打开git bash,首先检查是否有ssh key;</h5>
    输入:

    cd ~/.ssh

    如果显示“no such file or directory”,则跳转第三步,否则继续;
    <h5>2.备份和删除原来的ssh key设置;</h5>

    $ ls
    $ mkdir key_backup
    $ cp id_rsa* key_backup
    $ rm id_rsa*

    <h5>3.生成新的ssh key</h5>
    输入

    $ ssh-keygen -t rsa -C"邮箱地址@youremail.com"

    回车就好;
    如果要让你输入密码,输入密码就好;
    看到这样的画面就说明你已经设置好了;

    <h5>4.添加ssh key到github</h5>
    首先到github上点击自己右上角头像,下边有个setting,点击setting;


    选择ssh and GPG keys添加秘钥就好,可以不用填写名称。如图所示;


    其实到这一步了,也可以给自己的github加个主题,但其实到最后因为要去克隆主题所以可以不用;
    主题的设置,进入仓库后,点击setting,往下翻,直到找到github pages这个专栏就好,如图所示(p.S.因为我已经设置过了,所以不用看我的)


    然后点击那个框就好,会进入一个页面,选择同意就好,然后就可以挑选主题了。

    <h3>配置hexo</h3>
    在桌面建一个文件夹,自己喜欢就好,我们暂时叫做git pages;然后打开文件夹,在空白处点击右键,打开git bash;输入命令行

    npm install hexo-cli -g


    可能出现一个WARN不要担心,然后输入 npm install hexo --save,然后会看到窗口刷了一大堆白字,不用管,再输入

    hexo -v,

    如果看到下面的图,则说明安装正确了;


    <h3>初始化hexo</h3>
    接着上面的操作,输入

    hexo init;


    再输入 npm install 然后等待安装;
    <h3>体验hexo</h3>
    接着上面的操作,输入

    hexo g;


    如图,输入

    hexo s;


    会有一个网址,打开就可以看见最初的hexo在本地的配置了;


    <h3>使用hexo </h3>
    进入自己的文件夹,打开一个config文件,如图所示;


    将下列找到改成自己的设置;


    <h3>配置Deployment</h3>
    打开命令行输入

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

    带引号的是自己的github账号和github相同的邮箱;
    完了之后,还是在config文件里。找到deployment修改自己的参数;

    输完之后,输入hexo d;就可以通过自己设置的github名称访问自己的主页了;
    <h3>文章发布</h3>
    打开命令行输入

    hexo new “文章名”


    如图现在已经建了一个名为123456的markdown文件,而这个文件保存在source文件夹下的post文件里,如图所示:


    下面你可以用sublime 或者其他的markdown编辑器打开,进行编辑;
    写完之后保存下来,再输入,

    hexo clean,//清空原来的文件

    再输入

    hexo g
    hexo d

    然后就可以刷新网站看到自己推送的文章了;</br>
    <h3>更换主题</h3>
    因为默认主题实在太丑了,所以都想着换主题;下面介绍主题的更换方法;
    下面有三个主题,可以克隆,大家任选一个,如果有的不行,可以重新挑选克隆;

    $ git clone https://github.com/cnfeat/cnfeat.git themes/jacman
    $ git clone https://github.com/wuchong/jacman.git themes/jacman
    $ git clone https://github.com/A-limon/pacman.git themes/pacman

    然后再将config文件的theme值改好,复制哪个改成哪个
    例:theme: jacman;</br>
    <h3>更新主题</h3>
    输入;

    $ cd themes/jacman
    $ git pull

    为避免出错先备份你的config文件;
    然后再输入:

    hexo g
    hexo s;//进行预览;
    hexo d -g //再刷新网页就可以看到新的主题了;

    好了,一个博客也就搭好了,下面介绍两篇文章,我是参考他们写出来的,你们要是也有不懂得也可以参考,因为事物在更新,所以很多东西不适合现在的搭建,我将他们的总结下来加上自己的经验,希望可以帮助到所有搭建博客遇到问题的小伙伴们。
    https://xuanwo.org/2015/03/26/hexo-intor/
    http://www.jianshu.com/p/05289a4bc8b2
    大家也可以进我的博客里进行学习交流,欢迎来访:
    https://welkin-qing.github.io/

    相关文章

      网友评论

      • 周周二毛:配置Deployment


        打开命令行输入git config --

        请问是在hexo目录右键bash还是直接打开bash?
        Welkin_qing:@owl二毛 不好意思,因为前段时间回家所以没有及时给你回复消息,是在hexo目录右键bash
      • f8b08403d418:您好 我可以问一下hexo博客里的归档在本地localhost:4000可以打开,但是在Github发布后,为什么显示不出来吗。如果您知道,就告诉我哈。谢谢
        Welkin_qing: @BUPT2017 就是在当中有一道程序里是1.要让你打开bash然后输入自己的github地址和邮箱,2.要在config文件里改好地址,如果这两步没问题那你应该在网址框里查找你的仓库名然后看自己的博客。

      本文标题:hexo+github搭建博客

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