基于Hexo+GitHub搭建个人博客教程

既然我已经搭建了个人博客,就想要把方法也分享给我的朋友们,让朋友们也能搭建一个自己的博客(提升逼格)。不多说,下面就是教程。

基础需求

联网的电脑一台,以下教程仅以Windows操作系统做示范
GitHub账号一个,如果没有账号可前往GitHub官网免费注册
域名一个(也可以不用), 可前往阿里云进行域名注册

环境搭建

NodeJs 的安装

打开NodeJs官网

点击DOWNLOADS后可见到如下界面

下载自己对应平台的NodeJs,进行安装,安装完成后打开命令提示符或者终端,输入

node -v

如果输出NodeJs的版本号,参见下图

说明安装NodeJs成功。

Hexo的安装及博客搭建

打开命令行,确保电脑接入网络,输入

npm install -g hexo-cli

等待一两分钟

如图安装完成后,再输入

cd desktop

把命令提示符的工作目录设置到桌面上,再输入

hexo init myblog

出现如图

说明初始化成功,可以见到桌面上多了一个名为myblog的文件夹

再在命令行输入

cd myblog
hexo generate
hexo server

如果如图所示,说明博客初步搭建成功了,可以打开浏览器输入网址http://localhost:4000/
可见到如图的页面,不过这还只是本地的,接下来就来让它可以被外网访问。

GitHub仓库创建

首先,你需要一个GitHub的账号,如果没有账号可以自己注册,此处省略注册教程,打开GitHub官网,登陆账号,进入页面后点击

创建仓库用以存放博客,输入仓库名称为

你的GitHub用户名.github.io

例如我的用户名是Zeng1999,就输入

然后点击下面的
创建仓库。创建完成后就开始Git的安装。
Git的安装及配置

Git是一个开源的分布式版本控制系统,我们可以使用Git将网站同步到GitHub上。
可到Git官网进行下载和安装,这里不再赘述。
安装完成后,在桌面单击右键

点击Git Bash Here
输入

git config --global user.name 你的GitHub用户名
git config --global user.email 你的GitHub注册邮箱

生成密钥文件:

ssh-keygen -t rsa -C 你的GitHub注册邮箱

提示输入保存目录,回车使用默认目录即可
提示输入密码短语,输完后回车
提示再次输入密码短语,输入相同的密码后回车

密钥生成完成,可在用户目录下的.ssh文件夹下找到 id_rsa.pub 公钥
右键以文本形式打开,复制其中的全部内容后关闭
打开GitHub,点击自己头像-settings
再在左边找到SSH and GPG keys这一项

找到New SSH key
点击,标题可任意,把刚才复制的粘贴到key栏中再点击 Add SSH key

添加完成后再打开Git Bash,输入

ssh git@github.com

如果出现

则表明密钥可用,能连接上GitHub了。

外网部署

找到之前在桌面上生成的文件夹myblog

打开,找到一个名为_config.yml的文件
用文本编辑器打开,找到最后的几行
改成如图,图中红框部分修改为你的GitHub用户名
修改完后保存并关闭文本编辑器。
打开桌面上的myblog文件夹,按住shift单击右键,点击在此处打开power shell窗口 或者 在此处打开命令提示符,再打开的窗口输入

npm install hexo-deployer-git --save
hexo clean
hexo generate
hexo deploy

出现如图提示,部署到GitHub成功


激动人心的时刻到了,打开浏览器打开网址 你的GitHub用户名.github.io

出现博客主页,部署完成,可从外网访问你的博客了

使用个性域名

首先,你需要有一个域名,可以到阿里云进行域名注册,具体操作就不演示了,我已经有了一个域名,下面演示如何通过个性域名访问到个人博客。
打开GitHub,打开博客的仓库,点击设置

找到下面这一行
输入你的域名后点击Save保存。

设置域名解析,以阿里云为例,进入控制台,找到云解析DNS,点击要用作博客的域名

然后点击 添加解析
把红框内的修改为你的GitHub用户名,点击确认。

打开MyBlog文件夹,打开其中的source文件夹,新建一个文本文档,重命名为CNAME(无后缀名)

然后用文本编辑器打开,输入你的域名,保存关闭即可
至此,域名设置就完成了。在MyBlog文件夹下打开命令行,输入

hexo generate
hexo deploy

打开浏览器,访问你的个人博客吧!

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 215,794评论 6 498
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 92,050评论 3 391
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 161,587评论 0 351
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 57,861评论 1 290
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 66,901评论 6 388
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 50,898评论 1 295
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,832评论 3 416
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 38,617评论 0 271
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 45,077评论 1 308
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,349评论 2 331
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,483评论 1 345
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,199评论 5 341
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,824评论 3 325
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,442评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,632评论 1 268
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 47,474评论 2 368
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,393评论 2 352

推荐阅读更多精彩内容