搭建GitHub博客,使用Hexo

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

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

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

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

时间: 2025-01-11 12:27:10

搭建GitHub博客,使用Hexo的相关文章

使用hexo在GitHub上搭建个人博客网站

前言 为什么要使用GitHub Pages搭建博客? GitHub使用免费,空间充足 管理安全方便,基于GitHub版本控制 定制化程度高,与其他博客网站相比没有什么约束 可以自由指定域名且不许要备案 基于全球最大的男性交友网站GitHub,方便交流... 所需环境 node.js@5.5.0 git@1.9.2 hexo@3.2.2 Github账号 新建一个repository repository名称为 username.github.io 随便选择一个主题 此时在浏览器中输入 usern

win10+hexo+github搭建个人博客

win10+hexo+github搭建个人博客 参考:https://hexo.io/,博客用于记录自己的学习工作历程 参考以下步骤安装 1.搭建环境准备(包括node.js和git环境,gitHub账户的配置) 2.安装 配置Hexo,配置将Hexo与github page结合起来 3.怎样发布文章 主题 推荐 主题 4.Net的简单配置 添加sitemap和feed插件 5.添加404 公益页面 安装并配置环境 win10+Node.js+git+github Node.js下载地址:htt

用Hexo搭建的Github博客换肤和发文章

如图输入一行命令之后,会在你的blog目录下source目录下_posts目录下创建test.md文件 接下来我把test.md改成了CSDN–Me.md,因为我觉得测试的还是太low了,直接上狠文章. 这样一篇博客就写好了,用下面的指令提交一下,你就会在你搭建的博客上发现有一篇文章出现了.这个时候博客还是很丑的,我就不上图了. hexo d -g 更改主题 https://github.com/hexojs/hexo/wiki/Themes 可以去这上面挑选自己喜欢的主题,但是都要经过自己改造

快速使用HEXO搭建个人博客 韩俊强的博客

经过各种找资料,踩过各种坑,终于使用 hexo 搭建个人博客初步完成了,域名目前用得时 github 的,我的 hexo 是 3.1.1 版本,hexo 不同的版本,很多配置都不一样.好吧,废话不多说了,开始吧. 正文: 这边教程是针对与Mac的,参考链接,由于原文讲到的hexo是以前的老版本,所以现在的版本配置的时候会有些改动. 之前是想着写博客,一方面是给自己做笔记,可以提升自己的写作.总结能力,一个技术点我们会使用,并不难,但是要做到让让别人也能听懂我们讲得,还是需要一定的技巧和经验的.很

利用Octopress在github pages上搭建个人博客

利用Octopress在github pages上搭建个人博客 SEP 29TH, 2013 在GitHub Pages上用Octopress搭建博客,需要安装ruby环境.git环境等.本人在Fedora下成功搭建Octopress,这里把主要步骤和遇到的问题做一个记录. 在搭建的过程中发现yum安装的ruby与rake在管理octopress博客的时候会引起冲突,要使用rvm的方式安装ruby和rake:另外rvm一般用curl一段脚本来安装的话,网址有所变化,原来的教程中的网址要"去掉一个

Jekyll搭建个人博客 韩俊强的博客

之前写了一篇HEXO搭建个人博客的教程获得了很好评,有很多读者主动给我打赏,在此感谢. 如果你看过我的文章会发现我现在的博客样式跟之前是有很大的区别的,之前我也是使用 HEXO 搭建的博客,后来发现使用 HEXO 在多台电脑上发布博客,操作起来并不是那么方便,果断就转到了 Jekyll 上,接下来我会讲如何使用 Jekyll 搭建博客,博客模板效果. 介绍 Jekyll 是一个简单的博客形态的静态站点生产机器.它有一个模版目录,其中包含原始文本格式的文档,通过 Markdown (或者 Text

【云计算的1024种玩法】搭建个人博客

好吧,我承认您看了题目以后,可能就会很嫌弃的说,不就是一个博客吗,谁不会搞啊,某浪,某讯都有博客,注册一个博客谁还不会,用得着你教我嘛.您先静一静,喝口水压压惊,我们这里是帮您拥有一个属于您自己的不会冠以某浪某讯的title并且拥有更多freestyle的博客界面的博客,有点小心动的话,就去动手做一个吧.我和大家一起搭建博客平台,并发现一些小的技巧来丰富博客内容. 一.搭建一个博客平台 1. 开通云服务器 阿里巴巴财大气粗,对在校学生也是相当慷慨.阿里云账户完成实名认证和学生身份认证,购买云产品

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

title: 一.搭建篇 --使用Github+hexo搭建个人博客教程-总结自己爬过的坑 date: 2017-07-05 09:13:18 tags: Bolg hexo - Github 一直想要拥有自己的一个博客,CSDN,那些又觉得不够个性化(主要是觉得逼格不够,哈哈) Github搭建博客的优点: 1.不需要域名和服务器 2.访问自己博客的时候没有广告 3.可以自己修改样式,能根据自己的需求加功能. 首先来一篇预览的博客,让大家看看效果:这是我自己用Github搭建的:https:/

阿里云+wordpress搭建个人博客网站【小白专用的图文教程】

[正文]  在阿里云上搭建使用个人博客主要分为以下几个步骤: 1.购买阿里云ECS主机 2.购买域名 3.申请备案 4.环境配置 5.安装wordpress 6.域名解析 声明一下,本人对服务器端的知识不是很熟悉,但一心想做个自己的个人网站装一下哔,特此记录一下完整的配置过程,也算是给其他小白们的一剂福利吧.   开发环境: 物理机版本:Win 7 旗舰版(64位) xshell版本:Xshell 5 Build 0806 xftp版本:Xftp 5 Build 0780 wordpress版本