用HEXO,GitHub,NEXT搭建博客(小白版)

作为一个初级iOS开发者,看了很多大牛的博客,先不说博客的内容多吸引我,网站本身对我产生了巨大的诱惑。于是各种找资料,在阿里云买服务器(这里有个坑,服务器可以通过转发微博获取两年的免费版)域名,备案。在备案的漫长时间里,撸主发现了居然GitHub也能搭博客,真是蠢得一b。然后就有了下文。

你需要的

  1. 一台Mac电脑(推测windows应该相差不大)
  2. 你的五指姑娘

步骤

安装Node(两种方式)

  1. 直接去官网下载,然后balabala
  2. 先安装HomeBrew(这个网站有时大姨妈),然后终端输入brew install node

GitHub账号

这个应该都有了吧,没有就点这里

安装HEXO,

  • 打开你的终端,输入 nam install -g hexo
用HEXO,GitHub,NEXT搭建博客(小白版)_第1张图片
MZK`4KCRLUNC{K23J7M0NTD.jpg
  • 桌面新建一个hexo文件,终端进入目录

N(HBPE)_)N6ZNMH0IQUT`R8.jpg
成功是这样的
![~{)8F2F0]0W(CAJ{D6C{MML.jpg]( http://upload-images.jianshu.io/upload_images/1156511-44bc7a69ef24e77a.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

建博客的源项目

打开你的GitHub,创建一个项目,然后,比如你的id是 qhhstc呢 就这么填写项目名字 qhhstc.github.io,成功后点击这个按钮

E464F55A-1703-4267-8B3B-5F1518A50662.png

配置博客

  • 打开hexo文件,点击下图中的_config.yml站点配置文件


    用HEXO,GitHub,NEXT搭建博客(小白版)_第2张图片
    9UNB$A0O%XM{F$O4S8``9UR.jpg
  • 如下修改其中内容,与你的GitHub关联

Z6EDXCIR)CXFLP3JJI9Y1{O.jpg
后面文件如果有打不开的,请下载 sublime text3,撸主用的就是这个,有很多插件特别好用

  • 生成pub,再打开你的终端
    ![3$BEH2FBWPN19}R]{~YB%}A.jpg](http://upload-images.jianshu.io/upload_images/1156511-9f33c404206774c9.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)基本情况是这样子,同学们把那几个我自己输入的换成你们的就可以了,比如"qhhstc"
  1. 添加SSH,进入GitHub,点击自己资料,进入添加SSH
用HEXO,GitHub,NEXT搭建博客(小白版)_第3张图片
IXQZ13X`6{U_P4J%Z7TQTOD.jpg](http://upload-images.jianshu.io/upload_images/1156511-6a890f66c2d0d29e.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)然后,擦,竟然报错了,没事 撸主主要是让你看看奇葩的信息 ![FZV2`YPSWZCLH05E(4}81YP.jpg

刘亦菲???
正确姿势是:打开上步生成的qhhstc.pub文件,复制里面的内容,然后粘贴到上上图中的Key里,成功后可以检验一下


用HEXO,GitHub,NEXT搭建博客(小白版)_第4张图片
R`36)~3NW%[email protected]

部署指令

直接上图,以后每次修改文件都是这样部署
![MO]RWK2BI@1W}I6Y4W7EG8.jpg](http://upload-images.jianshu.io/upload_images/1156511-bd2e3a6be9fdfefc.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)这时候报错了 ![F_WIR5W9A~B@(2GRLZHHB9U.jpg](http://upload-images.jianshu.io/upload_images/1156511-816ed012ce5c2666.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)据说是git更新3.0后的问题,怎么解决呢 ![ ![HFUCN%BS1V%RHDA60JPEWT.jpg](http://upload-images.jianshu.io/upload_images/1156511-8fc56ee3e5adb4dc.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)]TM_B0K{`T.jpg](http://upload-images.jianshu.io/upload_images/1156511-6595b0d36093ce98.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)这样就是完成拉,hexo指令可以简写,具体看这里

使用NEXT主题

当然,还有很多好看的主题,个人比较喜欢这么好看又好用的,NEXT网站,这个教程十分详细,详细到我这个小白都做好了,还有扩展的话,可以看这个大神的博客, 后面修改有些繁琐没有截图,看官老爷们具体问题具体问,可以在这里留言

写文章

网上推荐的很多,个人是在用上的markdown编辑器,markdown的简单用法, 写完再继续研究怎么发布

今天的直播就到这里了,喜欢的朋友可以点一下右上角的订阅

你可能感兴趣的:(用HEXO,GitHub,NEXT搭建博客(小白版))