使用Github搭建hexo静态博客总结

第一次搭建博客大约是在18年6月份。当时是在腾讯云vps上安装宝塔,然后宝塔内部一键安装WordPress博客。在18年12月份发现Github+hexo这一神奇组合,果断尝试。然后又经历了期末考试和过年,博客也算是搁置了一段时间。前几天才重新捡起,然后又系统的自学了一下Git。所以打算写这个博客简单记录一下最基础的内容,可能有些小白看不懂,后期可能会慢慢完善的。

一、什么是Git、Github、Hexo?

首先要知道这是完全不同的三个东西,但三者结合起来就会发生奇妙的反应。

什么是Git?

Git是一个的分布式版本控制系统。

什么是Github?

Github是一个提供免费服务的代码托管网站。

什么是Hexo?

Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 [Markdown](http://daringfireball.net/projects/markdown/(或其他渲染引擎)解析文章,在几秒内,即可利用靓丽的主题生成静态网页。(摘抄自hexo官网)

如果对github和git的关系感兴趣,可以去这个网站简单了解一下

https://www.liaoxuefeng.com/wiki/0013739516305929606dd18361248578c67b8067c8c017b000/00137402760310626208b4f695940a49e5348b689d095fc000

二、安装Git、Node.js和hexo

在以下网址下载软件
Git官网下载地址 https://www.git-scm.com/download/
node.js官网下载地址 https://nodejs.org/en/ (建议下载LTS版本)
这两款软件选好安装目录使用默认设置即可

hexo安装

安装好git和node.js后新建一个你要放置博客的文件夹,然后鼠标右键点击 Git bash here,在弹出的窗口输入
npm install -g hexo-cli //实际上在任意文件夹下都可以 ,hexo安装的目录由node.js的配置决定

三、Hexo博客相关内容

初始化hexo博客

在博客目录鼠标右键点击 Git bash here 在弹出的窗口依次输入
hexo init //初始化博客
npm install //安装hexo需要的依赖包
npm install hexo-deployer-git --save // 安装部署到github所需要的依赖包
这时就可以写博客了(建议先了解一下md语法然后下载一个md编辑器进行创作)

hexo n 博客文章名            //在source/_post目录生成对应md文件
hexo g                  //hexo转化为静态网页
hexo s                  //本地服务器,可以实时预览博客

建议先了解一下md语法然后下载一个md编辑器进行创作
完成这一步 在浏览器打开下面的链接

http://localhost:4000/

就可以看见系统默认的一篇博客了和你写的博客了

到这里博客就大致成型了
但是服务搭建在本地是没有什么意义的,我们需要发布到互联网。可以选择购买服务器,自行搭建git服务,也可以用github免费的代码托管服务

注册github并新建博客仓库

github官网 https://github.com/
自行注册
然后新建一个名为 xxx.github.io 的仓库 //xxx为你的github用户名,这里不能错!!!不能自定义,必须要和github用户名相同

QQ20190324-140631@2x.png

{:height="50%" width="50%"}

生成ssh密钥并将公钥添加到github

在命令提示符输入

ssh-keygen -t rsa -C "注册github时的email"
打开用户目录下隐藏的.ssh文件夹,打开id_rsa.pub文件,复制全部内容,粘贴到github的ssh处

image

{:height="50%" width="50%"}

image

{:height="50%" width="50%"}

修改博客配置文件

配置博客目录下的_config.yml配置文件

image

{:height="50%" width="50%"}

这时就可以通过下面的命令将博客同步到github的仓库中

hexo d //发布博客

接下来就可以在链接到互联网的设备中输入下面链接访问你的博客了

http://xxxxx.github.io //xxxxx为你的用户名

四、添加DNS个性化域名并使用cdn加速

注册一个域名

这一步不详细介绍了,域名自己选购

添加域名解析

域名解析的记录类型为CNAME 记录值为xxxxx.github.io //xxxxx为你的用户名

在博客目录的source文件夹添加一个CNAME文件 没有.txt或者其他

文件内容为个人域名(注意:没有http://和www)

然后一系列的命令同步到github远程仓库

hexo clean
hexo g
hexo d

等域名解析更新后就可以通过域名访问博客了
转载注明出处 谢谢
个人blog
https://sxz799.ml/

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