github+hexo 搭建属于自己的博客网站【2017完整版】

windows系统下使用github+node+hexo 搭建属于自己的博客【2017完整版】

1.下载安装

github

1.下载安装Git ,安装在哪里都可以,我安装在E盘,这个安装网上有很多教程,一般来说next下去也没问题

《github+hexo 搭建属于自己的博客网站【2017完整版】》

2.在github官网 申请注册帐号,需要用到邮箱,注册后一定要记住三个东西:你的用户名(username),你的密码(password),以及你的邮箱(email)

3.新建一个仓库(new repository),命名一定是你的github的用户名(username)加上.github.io,这个仓库的全称命名就是username.github.io,然后点击create repository

《github+hexo 搭建属于自己的博客网站【2017完整版】》
《github+hexo 搭建属于自己的博客网站【2017完整版】》

4.建立仓库后,点击ssh,看到你的git@github.com:username/username.github.io.git然后复制(copy),待会儿要用到。

《github+hexo 搭建属于自己的博客网站【2017完整版】》

(5.你可能会需要配置git的ssh(密钥),请点击这里学习配置)

nodeJs

下载安装nodeJs,选一个即可,下载后安装时一路默认next(安装路径可以自选)。

《github+hexo 搭建属于自己的博客网站【2017完整版】》

hexo

1.创建文件夹hexo,随意创建在哪,我是在E盘

《github+hexo 搭建属于自己的博客网站【2017完整版】》

2.win+R或者单机菜单->运行,输入cmd

3.在命令行中输入npm install hexo-cli -g,如果显示报错“没有这个指令”,请点击这个网站看第五点,配置nodeJs全局环境。前面的命令安装完成后,再次输入npm install hexo –save,等待安装完成。

《github+hexo 搭建属于自己的博客网站【2017完整版】》

4.第三步完成后,找到你的hexo文件夹,鼠标右键单击你的hexo文件夹,选择Git Bash Here(一般安装时默认配置了),如果你鼠标右键单击后没有Git Bash Here,请你在注册表自主修改鼠标右键出现的命令

5.出现如下界面,输入hexo init,请等待,这个时间可能长可能短,等到下一条可输入命令出现的时候才算安装好了,中途如果强行退出请在该文件夹重新hexo init

《github+hexo 搭建属于自己的博客网站【2017完整版】》 一条新的Git命令出现

检测你的git node npm hexo是否安装和他们的版本信息

随意在哪单机鼠标右键,进入Git Bash Here,依次输入git –version,node -v,npm -v,hexo version,依次检测 Git node npm 以及 hexo 的版本。

《github+hexo 搭建属于自己的博客网站【2017完整版】》

2.把博客挂到网上去

前面我们终于把该下载安装的都完成了,现在该我们配置一番就要大功告成了。

在_config.yml,进行基础配置

1.修改一些你的博客名字、描述、作者等,修改后的效果大家可以看看。同时大家可以修改自己的主题,更多主题点击这里。修改主题就修改_config.yml里面的theme。更多关于其他配置信息修改请点击这里访问hexo官方文档。【在_config.yml文档修改所有信息都要注意,冒号后面一定要有一个空格!冒号后面一定要有一个空格!冒号后面一定要有一个空格!重要的事情说三遍!】

《github+hexo 搭建属于自己的博客网站【2017完整版】》
《github+hexo 搭建属于自己的博客网站【2017完整版】》

《github+hexo 搭建属于自己的博客网站【2017完整版】》

2.鼠标右键单击你的hexo文件夹,选择Git Bash Here,进入Git命令页面,输入hexo g

《github+hexo 搭建属于自己的博客网站【2017完整版】》

3.然后输入hexo s,启动本地服务器,好了,你可以在你电脑的服务器看到你的博客了。请打开你的浏览器,输入http://localhost:4000/,你就看到你的博客样子啦。停止你的本地服务器,你可以在Git命令页面按住Ctrl+C来停止。

《github+hexo 搭建属于自己的博客网站【2017完整版】》

《github+hexo 搭建属于自己的博客网站【2017完整版】》

hexo与github关联

1.还是打开你的_config.yml文档,将最下面的内容修改一下,type改成git,repo就是我们前面说到的下载安装github的第四点所复制下来的东西。听不懂?看图:

《github+hexo 搭建属于自己的博客网站【2017完整版】》

2.配置完成后保存,然后鼠标右键单击你的hexo文件夹,输入npm instal hexo-deployer-git –save。

3.关键点来了-第2点完成后,将你的代码推到网上去:依次出入hexo clean,hexo g,hexo d。

4.稍等5-15分钟,然后打开浏览器输入你的username.github.io,你就可以看到你的博客啦。

《github+hexo 搭建属于自己的博客网站【2017完整版】》

发表文章

你要写文章,就在hexo\source_posts文件夹里面创建.md文档就好啦(关于md可以百度教程简单学学,基本格式十分钟就学会啦)。写完了保存后,依旧是hexo g,hexo d,就上传到你的博客了。

【注:使用本教程,如果你在npm instal hexo-deployer-git –save返回了一堆ERR,别着急,看看自己输入的语句是否有错,空格是否都有了,如果报错语句中出现了这一句Please try running this command again as root/Administrator,那你就右键单击你的hexo文件夹,管理员取得所有权,等待命令自己执行完毕,然后再次输入npm instal hexo-deployer-git –save就ok啦。】

关于hexo主题你可以点击这里

我的博客

    原文作者:徐丶清风
    原文地址: https://www.jianshu.com/p/e6662ca7e283
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞