搭建GitHub博客,使用Hexo

简介: 今天晚上经过个把小时的折腾,把博客搭建起来了,来写个博客总结一下. 网上的资料很多,希望大家一路顺利,因为这种东西一遇到问题就很烦很烦.1. 安装Github for windows 下载 Github for windows 并执行即可完成安装(在线安装,会有点慢)。这个软件的的好处是有一个带GUI的界面,还有一个终端界面.如图所示 2. 安装Node.js

今天晚上经过个把小时的折腾,把博客搭建起来了,来写个博客总结一下.
网上的资料很多,希望大家一路顺利,因为这种东西一遇到问题就很烦很烦.

1. 安装Github for windows
下载 Github for windows 并执行即可完成安装(在线安装,会有点慢)。这个软件的的好处是有一个带GUI的界面,还有一个终端界面.如图所示
这里写图片描述

2. 安装Node.js
在 Windows 环境下安装 Node.js 非常简单,建议下载最新版的即可,仅须下载安装文件并执行即可完成安装。(win下建议下载msi格式的,因为这样可以不用配置环境变量之类的)

3. 测试node.js是否安装
在任何控制台输入(可以按windows键+R,输入cmd,然后输入npm,一般来说不会有问题)
这里写图片描述

万一如果,我是说如果万一此处如果npm无效,首先确定win下你采用的是msi格式的安装文件,然后重启下电脑,应该就正常了。

4. 安装hexo
接下来的操作我都是用Github for windows自带的Bash来完成的,因为后面会涉及到SSH,用Github for windows,就可以避免这个问题.

  • 在Bash中输入以下命令
    npm install -g hexo
  • 创建hexo文件夹
    创建你hexo放置的文件夹,先用Bash进入到目标文件夹,比如我的是:/blog/,接下来初始化hexo,自动生成相关的文件,在:/blog/环境下,输入
    cd /D/blog  # 这个命令表示当前进入目录为:D/blog/
    hexo init
  • 安装依赖包
    npm install
  • 本地预览,做完以上操作,可以本地预览一下
    hexo g
    hexo s

以上两条命令的意思是:
生成相关文件(就是生成目标html,静态博客嘛,就是很多html组成)
打开本地服务器预览(node.js就是干这事的,点击访问http://localhost:4000,就可以看到了)

博客搭建基本完成,现在要做的就是把它发布到你的Github上去

—————别高兴太早,我就是这样出问题的—————

还有一步就是要在本地安装Git!安装Git!安装Git!

Git去百度搜一下安装,然后我给你把教程都配好:
Git安装教程

安装完了之后,我们还需要做一件事就是当你安装Git后首先要做的事情是设置你的用户名称和e-mail地址。这是非常重要的,因为每次Git提交都会使用该信息。它被永远的嵌入到了你的提交中:

$ git config --global user.name "android"  
$ git config --global user.email 598515834@qq.com 

避免不知道哪儿码这两行命令,还是给个图:
这里写图片描述

1 注册Github
2 创建公共库
在自己Github主页右下角,创建一个新的repository(点这里)。比如我的Github账号是androidwolf,那么我应该创建的repository名字应该是androidwolf.github.io(注意你的repository名字就是androidwolf.github.io,注意你的repository名字就是androidwolf.github.io,注意你的repository名字就是androidwolf.github.io)。
3 部署
现在万事俱备,只差部署了,我们来配置下_config.yml.
这个文件在路径是F:/blog/_config.yml.
用编辑器把它打开,修改最后一段
ps:以下为hexo 2.8x的配置方法,不适用于3.0

  1. deploy:
  2. type: github
  3. repo: https://github.com/Jackroyal/Jackroyal.github.io.git
  4. branch: master

现在hexo由2.8升级到3.0了,按照上面的方式安装,你的hexo版本是hexo 3.0,3.0的这段代码的设置内容如下:

  1. deploy:
  2. type: git
  3. repo: https://github.com/Jackroyal/Jackroyal.github.io.git
  4. branch: master

照着我的这个格式修改就好了,把我里面的用户名替换成你的.
至此基本完成所有搭建步骤.

上传
我们开始上传项目的代码,再重复一次,我一直以来用的工具都是Github for windows自带的Bash,所以我没有配置SSH,如果你用的windows自带的终端或者其他比如msysgit,可能需要配置SSH,不然无法使用Github(点击这里查看官方教程).
我们输入以下命令

    hexo g
    hexo d

或者偷个懒

    hexo d -g

现在就可以去看看你的个人主页了,逼格满满有木有.二话不说,上图:

这里写图片描述

今天试着发了一篇小文章(后来我又给删除了),明天系统的讲解如何换肤,让你的博客逼格更高的同时再讲解怎么发文章。

目录
相关文章
|
1月前
|
Shell 网络安全 开发工具
Github Pages + Jekyll 独立博客一小时快速搭建&上线指南
Github Pages + Jekyll 独立博客一小时快速搭建&上线指南
60 1
|
4月前
|
缓存 开发工具 git
如何修改github博客主题
如何修改github博客主题
|
4月前
|
资源调度 前端开发 JavaScript
不花一分钱,用Hexo和GitHub Pages搭建个人博客🏢
不花一分钱,用Hexo和GitHub Pages搭建个人博客🏢
|
5月前
|
缓存 JavaScript 网络安全
基于Hexo的主题Fluid搭建Github博客
基于Hexo的主题Fluid搭建Github博客
74 1
|
8月前
|
数据采集 JavaScript 搜索推荐
hexo搭建github.io博客
hexo搭建github.io博客
133 0
|
4月前
Hexo博客添加GitHub评论功能
Hexo博客添加GitHub评论功能
50 0
|
9月前
|
数据采集 JavaScript 程序员
用 GitHub + Hexo 建立你的第一个博客
其中,第一种最简单,也最受限,说不定还会被删帖删号。第二种稍复杂,另外需要自己找部署的服务器,但可定制化较高,是很多程序员的选择。最后一种,是在重复造轮子,不过从另一个方面来看,倒是锻炼编程能力的好方式。
|
7月前
|
NoSQL Java Nacos
GitHub最火的成熟私活利器:基于微服务架构的前后端分离博客系统
博客使用了一些监控的 SpringCloud 组件,但是并不一定都需要部署,必须启动的服务包含 nacos,nginx,rabbitmq, redis,mysql,mogu-gateway,mogu-sms,mogu-picture, mogu-web, mogu-admin 其它的服务都可以不启动,也不影正常使用,可以根据自身服务器配置来启动 最低配置:1核2G 【需开启虚拟内存】【容易宕机】
|
8月前
|
JavaScript 网络安全 开发工具
Github+Hexo搭建个人网站详细教程
随着互联网浪潮的翻腾,国内外涌现出越来越多优秀的社交网站让用户分享信息更加便捷。然后,如果你是一个不甘寂寞的程序猿,是否也想要搭建一个属于自己的个人网站,如果你曾经或者现在正有这样的想法,请跟随这篇文章发挥你的Geek精神,让你快速拥有自己的博客网站,写文章记录生活,享受这种从0到1的过程。
|
9月前
你可以用RSS订阅GitHub博客了
你可以用RSS订阅GitHub博客了