超级详细Hexo+GitHub+阿里云域名的博客搭建教程,新手也能轻松学会

超级详细Hexo+GitHub+阿里云域名的博客搭建教程,新手也能轻松学会

        摸索了挺长时间建网站建博客等东西,最初我是从买阿里云服务器和域名开始了解这些的,也用宝塔搭过网站,觉得这些东西还挺有意思的,最开始我用过宝塔的一键部署wordpress博客,感觉挺爽,拥有的自己的博客,但直到我知道有Hexo这种静态博客框架后我才明白这才是真正的搭建博客。

        下面就来让我分享一下我这一段时间摸索出来的皮毛经验------关于搭建Hexo静态博客

         跟着我一步一步来做,你马上就有自己的博客啦! 开始

一,首先安装前提软件环境     node.js   和  Git  

安装软件比较简单,正常安装就行,我就不多赘述,下面是安装地址,不懂得可以看看别的博主的的教程。

node.j安装地址:https://nodejs.org/zh-cn/

node.js安装教程:https://blog.csdn.net/qq_42543312/article/details/82191357

Git安装地址:https://git-scm.com/

Git安装教程:https://www.cnblogs.com/xueweisuoyong/archive/2019/11/22/11914045.html

安装完成我们可以在桌面右键,点击Git Bash Here   ,分别输入以下命令,如果出现对应版本的信息,证明我们的node.js和Git安装正常可用,另外说一下其实npm是nodejs的包管理器(package manager),能解决node.js代码部署上的很多问题,我们在安装时用到的都是npm命令。npm -v证明我们的包管理器也安装成功。

git version

node -v

npm -v

​​

二,安装Hexo

         以上步骤成功后就可以进行Hexo的安装了,用npm 安装 Hexo,输入以下命令:

npm install hexo-cli -g

         以上表示hexo安装成功,hexo默认会被安装到C盘这个不用管

三,本地搭建Hexo

          下一步选择一个本地目录开始创建博客:

          输入以下命令,注意:blog是你在当前目录下进行hexo安装的文件夹,随便叫什么你自己起名,这个文件夹会自动生成。

hexo init blog

​​

            输入完命令后我们可以看到自己刚才进入的本地目录下创建了一个“blog”文件夹,这就是hexo的本地博客文件

               此时我们继续输入下一条命令:此命令用来补充一些hexo博客的依赖

hexo install

         到此为止我们的hexo博客本地文件就准备好了

          下一步我们开启hexo本地服务,启动服务器:

$ hexo server

#或者可以简写为:

$ hexo s

hexo服务默认开放4000端口,现在快打开浏览器访问http://localhost:4000就可以看到你的博客啦!

          是不是感觉w*c*    ,w**f**k ! 好神奇啊,啊哈哈哈哈!

四,GitHub部署Hexo

           既然在github上部署博客,首先你的有一个自己的github账号

github官网:https://github.com/

          正常注册即可,然后在这里点击新建一个仓库.

这里注意,仓库名格式一定要为 你的用户名.github.io    (注意是注册时的用户名而不是昵称)   这里非常重要,例如注册用户名为:xiaoming  ,那仓库名一定要设置为   xiaoming.github.io   ,接着点击Create Repository

            接着我们回到命令行,输入以下命令,在git终端分别配置自己的用户名和邮箱。命令如下:

git config --global user.name XXX  # XXX表示你github注册时的用户名

git config --global user.email XXX  # XXX表示你github注册时的邮箱

            接着输入以下命令生成密钥:

ssh-keygen -t rsa -C "Github上你注册的邮箱地址"

冒号后边就输入空格,y/n  输入y  

接着我们在该目录下能找到id_rsa.pub,这里存储的就是我们的密钥,打开复制所有内容​​

            然后我们回到GitHub 点击Setting    --->  SSH  and  GPG  keys    --->  New SSHkey

​​

            将密钥复制到文本框内 ,保存 , Tittle随便起。

接着到了很关键的一步是我们要到刚才本地部署博客文件根目录下去修改一下_config.yml配置文件:

            我用的编辑器是VScode ,其他的都可以,不影响,打开后我们会看到密密麻麻的配置信息,不用慌,我们只需要在配置信息的最下方改成如下配置

deploy:

  type: 'git'

  repo: https://github.com/yourname/yourname.github.io.git

  branch: master

#需要注意的是:

#1、冒号后面一定要有一个空格

#2、type,repository,branch的首字母要对齐

          至于仓库地址怎么找,如果不会我再多啰嗦一下,会的就跳过吧

​​

         复制地址,注意选HTTP地址 或者SSH地址都可以

          最后我们开始部署输入以下命令行:

#要安装一个部署插件hexo-deployer-git。

npm install hexo-deployer-git --save

#生成静态文件g 是 generate 缩写

hexo g

#部署,d 是 deploy 缩写:

hexo d

#或者将二、三句结合为

hexo g -d

                 第一次部署需要输入github用户名和密码

                    此时我们可以看到在我们的仓库中多出了很多文件

                 以上过程证明我们在GitHub部署成功,我们直接何以通过github地址访问了

https://1819597376.github.io/

                  到此你就拥有你自己的个人网络博客了,兴奋吗铁子?

五,绑定域名

1,购买域名

         首先你需要拥有自己的域名,这里先把域名做一下解释

         域名(英语:Domain Name),又称网域,是由一串用点分隔的名字组成的Internet上某一台计算机或计算机组的名称,用于在数据传输时对计算机的定位标识(有时也指地理位置)。由于IP地址具有不方便记忆并且不能显示地址组织的名称和性质等缺点,人们设计出了域名,并通过网域名称系统(DNS,Domain Name System)来将域名和IP地址相互映射,使人更方便地访问互联网,而不用去记住能够被机器直接读取的IP地址数串。

简单多就是因为github的地址太长或服务器的公网IP全数字不好记,我们需要一个好记的地址也就这我们的需要的域名来与自己的github仓库地址来做一个捆绑,通过这个好记的域名来访问我们的网站或者博客,比如我们要访问百度时在浏览器地址栏直接搜做baidu.com就可访问百度网页而不是输入长长的IP地址。这种绑定关系会存储在DNS中,即域名系统(服务)协议。

这也是我们要做域名绑定的目的,购买就不多赘述,因为我的域名是阿里云购买,这里我仅以阿里云平台的域名进行介绍,如果想买其他平台的域名也可以,我们的操作流程大同小异,不会就看下面这个购买教程

域名购买教程 :https://www.jianshu.com/p/e11a136ebd02

2,域名解析

         拥有域名后,我要对域名进行解析操作来实现域名和我们仓库地址的绑定。

          我们要添加两条记录

​​

         保存后得到这两条记录即可:

              接下来回到github仓库,创建一个名为CNAME的文件,内容为你的域名:

            就在此刻奇迹发生了

                就这样了,完美结束,写的我好累啊哈哈哈,感谢使用此教程,也为你成功搭建Hexo博客而感到高兴!

我的博客: trouble.com

                                            最后寄语

                                                                    没有人天生什么都会

                                                                     不说所有人都是天才

                                                                           如果你不是

                                                                就请停止幻想   脚踏实地吧

                                                            学IT就不要害怕犯错   错误越多越好

                                                                                 再见

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

推荐阅读更多精彩内容