搭建博客 hexo + GithHub

可查看我的个人博客:Joanne-tang

搭建

1、申请个人网站域名

常见的有com,cn,net,org等后缀。可根据自己的喜好去申请,比如我的是比较小众的xyz。不过小众的可能在国内无法备案。然而使用GitHub托管我们的网站,完全不需要备案,因为托管我们的网站内容的服务器在美国,而且在国内备案流程也比较繁杂,时间需要一周左右。

申请域名的地方有很多,我使用的是阿里云:阿里云-为了无法计算的价值 申请入口:域名注册 购买域名这也是我们整个搭建过程中惟一一个需要花钱的地方。如果你已经有了空闲域名就无需购买,直接使用即可。

2、GitHub 创建个人仓库

注册一个GitHub帐号。

image.png

然后去到自己的主页,点击GitHub中的New repository创建新仓库


仓库名应该为:用户名.github.io。 这个用户名使用你的GitHub帐号名称代替,这是固定写法,比如我的仓库名为:Joanne-tang.github.io

3、安装Git

网站在本地搭建好了,需要使用Git同步到GitHub上。
Git官网下载,选择64位的安装包。

image.png

下载后安装,在命令行里输入git测试是否安装成功,若安装失败,参看其他详细的Git安装教程。
安装成功后,将你的Git与GitHub帐号绑定,鼠标右击打开Git Bash。
或者在菜单里搜索Git Bash,设置user.name和user.email配置信息:

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

生成ssh密钥文件:

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

然后直接三个回车即可,默认不需要设置密码。

找到生成的.ssh的文件夹中的id_rsa.pub密钥,将内容全部复制。
打开github的settings keys页面。

image.png

Title为标题,任意填即可,将刚刚复制的id_rsa.pub内容粘贴进去,最后点击Add SSH key。
在Git Bash中检测GitHub公钥设置是否成功,输入ssh git@github.com
显示successfully即可。
之所以设置GitHub密钥原因是,通过非对称加密的公钥与私钥来完成加密,公钥放置在GitHub上,私钥放置在自己的电脑里。GitHub要求每次推送代码都是合法用户,所以每次推送都需要输入账号密码验证推送用户是否是合法用户,为了省去每次输入密码的步骤,采用了ssh,当你推送的时候,git就会匹配你的私钥跟GitHub上面的公钥是否是配对的,若是匹配就认为你是合法用户,则允许推送。这样可以保证每次的推送都是正确合法的。

4、安装node.js

node.js官网下载
检查是否安装成功

image.png

5、安装hexo

Hexo官网文档:https://hexo.io/zh-cn/docs/configuration
事先在电脑新建一个文件夹,命名为blog。打开控制面板来到当前路径。
利用npm下载hexo,输入命令:$ npm install -g hexo-cli
安装完成后,初始化我们的博客,输入:hexo init blog
为了检测我们的网站雏形,分别按顺序输入以下三条命令:
hexo new test // 新建文章
hexo g // 生成网页
hexo s // 本地预览
完成后,打开浏览器输入地址:localhost:4000

6、推送网站

上述的只是本地预览,接下来要做的是推送网站,让更多人可访问。


image.png

将Hexo与GitHub关联起来,打开站点的配置文件_config.yml,翻到最后修改:

deploy:
  type: git
  repo: GitHub上创建仓库的完整路径 加上.git
  branch: master

例如我的是:
image.png

修改完成后保存。其实就是给hexo d 这个命令做相应的配置,让hexo知道你要把blog部署在哪个位置,很显然,我们部署在我们GitHub的仓库里。最后安装Git部署插件,输入命令:

npm install hexo-deployer-git --save

这时,我们分别输入三条命令:

hexo clean 
hexo g 
hexo d

完成后,打开浏览器,在地址栏输入你的放置个人网站的仓库路径,即xxxx.github.io。 比如我的xxxx就是我的GitHub用户名:Joanne-tang.github.io。你就会发现你的博客已经上线了,可以在网络上被访问了。

7、绑定自己的域名(阿里云)

  1. 登录到阿里云,进入管理控制台的域名列表,找到你的个性化域名,进入解析
    添加解析记录,192.30.252.153是GitHub的地址,你也可以ping你的http://xxxx.github.io的ip地址,填入进去。CNAME的记录值是:你的用户名.github.io这里千万别弄错了。
    域名列表
解析列表
  1. 登录GitHub,进入之前创建的仓库,点击settings,设置Custom domain,输入你的域名,点击save保存。


    image.png
  2. 进入本地博客文件夹 ,进入blog/source目录下,创建一个记事本文件,输入自己的域名即可。保存,命名为CNAME ,注意保存成所有文件而不是txt文件。


    image.png

完成这三步,依次执行以下命令

hexo clean
hexo g
hexo d

这时候打开浏览器在地址栏输入你的域名将会直接进入你自己搭建的网站。


tcy.xyz

8、装饰

换主题

如果不喜欢hexo默认主题的,可以到主题库里面选择自己喜欢的主题进行安装。
我用的是yilia主题.

image.png

可以在blog目录中的themes文件夹中查看你自己主题是什么。现在把默认主题更改成yilia主题,在blog目录中(就是命令行的位置处于blog目录)打开命令行输入:
git clone 自己喜欢的主题的github地址
下载到blog目录的themes主题下的yilia文件夹中。打开站点的_config.yml配置文件,修改主题为yilia
image.png

设置后之后部署网站,hexo g、hexo d,查看效果。
选择其他主题,按照上述过程即可实现。

待补充.....

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

推荐阅读更多精彩内容