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

前言

为什么要使用GitHub Pages搭建博客？

  1. GitHub使用免费，空间充足
  2. 管理安全方便，基于GitHub版本控制
  3. 定制化程度高，与其他博客网站相比没有什么约束
  4. 可以自由指定域名且不许要备案
  5. 基于全球最大的男性交友网站GitHub，方便交流。。。

所需环境

node.js@5.5.0
git@1.9.2
hexo@3.2.2
Github账号

新建一个repository

repository名称为 username.github.io

随便选择一个主题

此时在浏览器中输入 username.github.io 将会显示
…………

别激动，这时只是创建了一个GitHub自带GitHub Pages主题，接下来配置安装hexo来搭建你更加定制的Blog主题。

安装Git和node.js

Git官网下载地址
Node.js官网下载地址
下载完成直接下一步下一步
最后将安装目录的bin文件加入到环境变量当中

关于设置环境变量
右击我的电脑->属性->高级系统设置->环境变量
找到Path编辑->新建->粘贴

安装hexo

打开Git Bash 输入

npm install hexo-cli -g

等待数秒钟，中间可能会出现WARN没有关系

安装完成之后在CMD里面分别输入

git --version
node -v
npm -v

来验证安装
结果如下图：

配置SSH

为了安全起见，我们来创建一个SSH安全连接
在Git Bash中输入

cd ~/.ssh

来检测系统中是否已经存在了密钥。
若系统反馈为：No such file or directory
则我们需要创建一个

ssh-keygen -t rsa -C "你的邮箱地址"

注意C为大写
一路三个回车键
然后按照反馈信息找到.ssh/id_rsa.pub使用txt或者sublime等文本处理软件打开
全选里面的内容，并复制
打开GitHub主页
点击右上角头像选择Setting

选中左侧菜单SSH and GPG Keys

将刚刚复制的内容粘贴到Key当中，Title可以不填,最后按Add SSH Key

测试SSH是否添加成功

在Git Bash中输入

ssh -T git@github.com

如果得到反馈：Are you sure you want to continue connecting (yes/no)?
输入yes
如果看到
Hi liuxianan! You've successfully authenticated, but GitHub does not provide shell access.
则说明成功了
最后完善个人信息

git config --global user.name "username"        //你的GitHub用户名
git config --global user.email  "user email"    //你的GitHub主邮箱

配置博客文件

为博客创建一个路径，例如 F:/hexo/username.github.io并初始化
在Git Bash中输入

cd /f/hexo/username.github.io/
hexo init

此时hexo会下载一些文件
其中themes当中存放的是你的博客模板文件,source存放的是你的博客文章,_config.yml是你博客的一些参数配置，里面的参数直接按照提示修改即可(可以使用txt或者Sublime等字处理软件编辑)

启动生成博客网站

hexo g  //生成
hexo s  //本地浏览

此时在浏览器中输入http://localhost:4000即可进行本地浏览

hexo基本命令

缩写 | 全称 |功能
-|-|-
hexo n "new"| hexo new "new" |新建文章名为new
hexo p | hexo publish |草稿
hexo g | hexo generate |生成
hexo c | hexo clean |清空
hexo s | hexo server |开启本地服务(浏览)
hexo d | hexo deploy |部署

博客模板自定义

hexo的主题是可以更换的，默认使用的是landscape主题，我们替换成其他主题例如

有哪些好看的hexo主题

更换方法如下

cd /f/hexo/zjko.github.io/
git clone https://github.com/litten/hexo-theme-yilia.git themes/yilia

稍等片刻即可下载完成，所有已下载的主体都放在themes文件夹里。
通过修改博客目录里面的（在本例子当中为zjko.github.io文件夹下)_config.yml中的theme: landscape 为theme: yilia，然后重新生成。
通过修改主体文件夹中的_config.yml可以对主题进行定制。(本例中文件为theme/yilia/_config.yml)

编写上传配置

打开博客目录下的_config.yml，将一下内容复制进去
deploy:
type: git
repository: git@github.com:zjko/zjko.github.io.git
branch: master

其中repository后面填写的内容与你的

保持一致，修改成功之后之后上传都不需要修改。
注意_config文件当中所有的设置参数‘:’之后均有空格

安装deploy插件

npm install hexo-deployer-git --save

安装完成之后，使用Git Bash进入博客目录输入hexo d即可部署到GitHub，此时即可通过username.github.io访问博客。

设置自己的域名

关于域名的购买可以参考一些域名服务商
关于购买域名的几点建议：

  1. 不推荐大家使用国外服务商，因为可能会被墙，且不稳定
  2. 若打算长期使用请注意价格，很多时候域名首年费用很低而续费很高，例如xxx域名第一年费用9元，第二年续费99元。这种情况并不少见。

购买了自己的域名之后，设置解析，将记录值设置为主机号。
可以通过ping username.github.io 来查看项目所在的主机号

设置记录

解析可能需要一点时间，中间可以使用
ping yourdomain
来检查是否解析成功

在这时可以回到自己的GitHub找到博客的这个Repository，进入Settings

在框框中写入自己的域名。
此时便已经完整的在GitHub上搭建了一个属于自己的Blog网站。

接下来你可能需要：
关于编写博客

时间： 2024-10-03 20:18:00

使用hexo在GitHub上搭建个人博客网站的相关文章

使用Hexo在Github上搭建自己的博客

以前的博客是使用Jekyll托管在github上,后来用着越来越不方便,比如没有自动生成post,不能一键部署,文件结构和配置也是比较繁琐,更重要的是有时候用markdown写一篇文章,生成的静态文件很乱,应该是有些字符解析的问题.现在下决心换成了hexo. Nodejs安装 因为hexo是基于nodejs的应用,所以要先安装nodejs才可以.我这里以ubuntu为例,因为我自己一直在使用ubuntu.使用如下命令即可: sudo apt-get install nodejs sudo apt

利用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一段脚本来安装的话,网址有所变化,原来的教程中的网址要"去掉一个

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

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

阿里云ECS服务器搭建wordpress个人博客网站【详细图文教程】

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

浅析：个人博客网站如何才能盈利

中介交易 SEO诊断 淘宝客 云主机 技术大厅 楼主是一个崭新的小博客博主,纯粹的新手,下面来和大家分享一下经营博客怎么才能盈利,个人意见,欢迎大家一起来讨论.闲话少说,进入正题. 在互联网中,博客.论坛等等一系列网站就只是一个平台,这个平台搭建好之前,我们要想清楚一件事情,就是我们建立博客是里干什么的.我的肯定就是来赚钱的...这个目标明确了下面我们再来谈如何赚钱. 我推荐的博客网站盈利方式: 盈利方式一:通过广告联盟来赚钱. 我的博客投放广告选择的是百度广告联盟,当然审核比较难...不过还是

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

github+hexo+node.js搭建个人博客基本过程及遇到的问题

  一,所需工具              1,github账号+Git客户端+配置SSH key                                          2,安装node.js.         3,安装Hexo.         其中,github pages是我们用来部署我们本地的博客到github上的.hexo是基于nodejs的.hexo是比较常用的静态博客生成器.  二,主题问题                                     我使用

搭建个人博客-hexo+github

自己也算是摸爬滚打搭建成功,然后自己再重新安装部署一遍,把完整步骤分享给大家,同时最后有一些连接,如果我的步骤不行,大家可以参考其他人的(这个有点花费时间,大家提前有个心理准备 - _-) 一.第一步:下载安装Git   1.Git下载地址 2.安装步骤   个人选择全选   选择第二个                 然后一路默认 二.第二步:下载安装node.js 1.node.js下载地址   两个版本     2.安装步骤:一路默认就行(安装路径根据自己需要更改) 三.第三步:安装hex

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

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