一、搭建篇-使用Github-hexo搭建个人博客教程—总结自己爬过的坑-阿里云开发者社区

开发者社区> 一只叉叉> 正文

一、搭建篇-使用Github-hexo搭建个人博客教程—总结自己爬过的坑

简介: 一直想要拥有自己的一个博客,CSDN,那些又觉得不够个性化(主要是觉得逼格不够,哈哈) Github搭建博客的优点: 1、不需要域名和服务器 2、访问自己博客的时候没有广告 3、可以自己修改样式,能根据自己的需求加功能。
+关注继续查看

title: 一、搭建篇 --使用Github+hexo搭建个人博客教程—总结自己爬过的坑
date: 2017-07-05 09:13:18
tags:

  • Bolg
  • hexo
  • Github

一直想要拥有自己的一个博客,CSDN,那些又觉得不够个性化(主要是觉得逼格不够,哈哈)

Github搭建博客的优点:
1、不需要域名和服务器
2、访问自己博客的时候没有广告
3、可以自己修改样式,能根据自己的需求加功能。

首先来一篇预览的博客,让大家看看效果:这是我自己用Github搭建的:https://chakid.github.io/
*以下操作基于Windows环境

首先博客搭建的环境

node.js 因为整个博客框架是基于node.js的,所以必须安装node.js环境,安装过程中一路Next即可。
Git客户端 Git用来将hexo的相关文件部署到Github上去,安装过程一路Next。

安装hexo框架

环境准备好以后,我们便可以安装hexo的博客框架。
在桌面鼠标右击,选择 Git Bash Here,

然后就会打开Git的命令窗口,在命令窗口输入安装命令后,然后回车

npm install -g hexo

然后在指定的盘新建一个名为“ hexo ”的文件夹,如

然后以下的命令都在新建的hexo文件下进行
在这个新建的文件夹内鼠标右键,同样选择Git Bash Here,输入初始化命令,然后回车,等命令执行完,就会看到生成了一系列的文件;

hexo init

安装相关的依赖包,输入下面的命令,回车

npm install

接着在hexo文件夹下面继续执行以下命令

hexo g
hexo s

命令执行完后浏览器访问http://localhost:4000 或者 127.0.0.1:4000 ,就会看到hexo的初始界面,是不是有着一丝丝的成就感?但是,这个界面还是在本地,别人并不能看到,想要别人看到,我们就必须将这些文件部署到Github上去。

创建Github号

首先我们需要到Github官网创建一个账号,创建链接:Github

创建仓库

创建完账号后我们新建一个Repository

这里要注意仓库的名字,必须是自己的Github账户的用户名.github.io,像我的就是Chakid.github.io.

部署文件到Github

接下来就是部署文件到Github了。
用Nodepad++打开hexo文件夹下面的_config.yml文件,该文件的最下面找到关键字deploy,然后修改成下面这样,用我自己的做案例

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

这里拥有两个注意点:1、每个冒号后面都有一个空格,修改的时候别忘了;

     2、注意修改的对应点要是自己的Github的账户名,别修改错了。

修改完保存
但是这样还不能连接到 github ,我们还需要配置SSH,找到路径C:Usersleeyom.ssh,如果已经存在SSH Keys ,直接删除.ssh 文件夹下的所有的文件,如下图。

然后继续在hexo文件夹下面输入下面的指令

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

然后再回车三次,等命令执行完,再输入以下指令

eval `ssh-agent -s`
ssh-add

然后输入指令拷贝Key

clip < ~/.ssh/id_rsa.pub

然后进入自己刚注册的Github


接下来测试ssh是否配好了,输入下面的指令,会提示你输入yes/no你输入yes就行,这样ssh就配好了,接下来我们就可以将项目部署到Github上面了。

ssh -T git@github.com

然后执行以下命令将项目部署到Github上面

hexo g
hexo d

但是输入hexo d可能会报ERROR Deployer not fount: git错误,这是因为没有安装hexo-deployer-git这个模块,导致Git不能识别该命令,输入下面指令安装该模块即可。

npm install hexo-deployer-git --save

安装该模块的时间由网速决定,因为Github毕竟是国外的网站,并不是很稳定,所以请读者耐心等待。有事可能会因为断网等导致该模块安装失败,安装失败时还请读者多试两边。等模块安装完再次执行
hexo d
这是就会有弹出框,输入自己之前注册的github账号进行登录即可,然后浏览器输入Chakid.github.io进行访问即可,(将Chakid改成自己之前注册的Github的用户名即可) 这时就会发现可以访问自己之前在本地预览的页面了。
此时是不是有着一丝丝的成就感,终于有了属于自己的博客。

附录:

常用指令

hexo g #完整命令为hexo generate,用于生成静态文件
hexo s #完整命令为hexo server,用于启动服务器,主要用来本地预览
hexo d #完整命令为hexo deploy,用于将本地文件发布到github上
hexo n #完整命令为hexo new,用于新建一篇文章

本文很大一部分参考了http://leeyom.top/ ,感谢该作者。

微信打赏

支付宝打赏

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
Git常用命令总结【转】
转自:http://www.cnblogs.com/mengdd/p/4153773.html 查看、添加、提交、删除、找回,重置修改文件 git help # 显示command的help git show # 显示某次提交的内容 git show $id git co -- # 抛弃工作区修改 git co .
897 0
零基础安装wordpress,搭建个人博客!
总结一下使用wordpress搭建个人博客的三大步骤: 1.购买阿里云主机 2.选择安装wordpress镜像操作系统 3.安装配置wordpress 4.购买域名,配置域名解析 阿里云代金券1000元免费领取地址:https://promotion.aliyun.com/ntms/yunparter/invite.html?userCode=2a7uv47d 新老阿里云账户均可领取!可用于购买阿里云服务器ECS、云数据库RDS、虚拟主机、安骑士、DDoS高防IP等100多云计算产品。
2865 0
完整的个人博客指南:如何使用WordPress启动和发展个人博客
完整的个人博客指南:如何使用WordPress启动和发展个人博客 互联网上有足够的空间供所有人使用。人们喜欢分享想法,塑造他们的想法,甚至可能覆盖全球观众。如何让自己走上实现这一切的道路?一次,如何创建个人博客?由于几个原因,博客非常有效。
1481 0
【云计算的1024种玩法】搭建个人博客
好吧,我承认您看了题目以后,可能就会很嫌弃的说,不就是一个博客吗,谁不会搞啊,某浪,某讯都有博客,注册一个博客谁还不会,用得着你教我嘛。您先静一静,喝口水压压惊,我们这里是帮您拥有一个属于您自己的不会冠以某浪某讯的title并且拥有更多freestyle的博客界面的博客,有点小心动的话,就去动手做一个吧。
5476 0
服务器搭建网站完整教程(宝塔面板+WORDPRESS)
服务器最大的用途,就是可以搭建网站,许多人都认为搭建网站是一件很难的事情,因为包含许多的比较专业东西,比如服务器、编程之类的,确实,在几年前是这样的,普通人想要自己做一个网站太难了 但是随着网站发展了那么多年,已经有许多的其他人做好的工具我们可以利用起来,建一个网站已经越来越简单了,甚至不需要了解.
19070 0
网站建设教程:PageAdmin网站系统标签功能的实现
司之前老网站采用的织梦网站系统,由于最近被黑客攻击导致挂马,并且官方停止了更新,领导要求新的网站采用pageadmin网站系统重新改版,小编在学习和使用中学到了有很多实用的技巧,其中标签这块制作很多做seo优化的朋友都会用到。
1402 0
使用ssh连接gitHub
github每次pull/push代码时要求推送代码的用户是合法的,所以每次推送时候都要输入账号密码用以验证用户是否为合法用户,而ssh是一种安全的传输模式,可以代替用户的这一“输入账号密码”的行为来验证用户。
1244 0
云开发平台开箱,3分钟零基础搭建个人Hexo博客
Hexo是一款基于Node.js的博客框架,可以将Markdown格式的文本渲染为HTML代码。所以,博客基本就是纯静态,维护相对方便。但是缺点也很明显——经常换编写环境使用不便,因为它的所有渲染代码都是在本地存储的。云开发因为提供全云端的开发环境,零基础实现hexo博客的一键创建和一键部署。
4836 0
Day3-电子相册的相关搭建
通过阿里云提供的智能视觉平台中的人脸识别的SDK, 我们能够快速的搭建起电子相册, 包括人脸的表情属性识别等.
153 0
+关注
一只叉叉
在校大学生,一只学习Java的小菜鸟
35
文章
0
问答
文章排行榜
最热
最新
相关电子书
更多
《2021云上架构与运维峰会演讲合集》
立即下载
《零基础CSS入门教程》
立即下载
《零基础HTML入门教程》
立即下载