Hexo:搭建个人博客

1. 介绍

这篇文章详细介绍了如何利用GitHub Pages或者Bitbucket,配合Hexo搭建个人博客,如果你想拥有个人域名,需要进行域名注册,本文不涉及这个,只简单描述最基础的个人博客的搭建。

GitHub是最出名的免费代码托管空间,但它的Repositories都是public(公共)的,所有人都能下载你的代码,如果你不想分享代码,就要付费。与之相反,Bitbucket的免费版本就可以无限拥有private repo,如果你不想付费,又不想分享你的网页设置的代码,建议用Bitbucket。

2. 注册和新建Repository

如果你不是GitHub或者Bitbucket用户,先去GitHub官网或者Bitbucket官网创建用户。

2.1 GitHub用户

创建好GitHub用户后,点击右上方的用户头像,再点击"your repository",点击"New"创建新的repository (简称repo)。

GitHub New Repository

在“Repository name”写下“<你GitHub的username>.github.io”,再按“create repository”,这里的repository name就是你的博客网址。

2.2 Bitbucket用户

Bitbucket界面左方“+”→“create repository”


Bitbucket界面

如果是私密,打勾“This is a private repository”,repository name为<你的bitbucket用户名>.bitbucket.org,新建repo就完成了,这个repository name就是你的博客网址。


Bitbucket New Repository

3 安装工作

3.1 安装Git

如果你用的是MacBook,可以直接在terminal完成Git安装;你也可以选择在Git官网安装。

# 安装Git
brew install git

安装成功后,可通过terminal或者command查看version以确保成功安装

git version

3.2 安装Node.js

Node.js官网下载,安装完在terminal或者command输入以下代码查看version以确保安装成功

node -v

3.3 安装Hexo和扩展

在terminal或者command输入以下代码安装Hexo和部署用到的扩展

npm install hexo-cli -g
npm install hexo-deployer-git --save

4. 创建本地文件夹用来管理静态网站

输入以下代码,在当前的地址新建一个名叫“blog”的文件夹:

hexo init blog

如果你想在另外一个地址建立这个文件夹:

cd <你想要放文件夹的地址>
hexo init blog

新建blog文件夹后,输入以下命令:

cd blog # 去到blog这个文件夹
npm install
hexo g # 或hexo generate
hexo s # 或hexo server

这是我们就可以在浏览器输入http://localhost:4000/ 浏览静态网页了。

这样本地静态网页基本设置好,接下来就是怎么把这个静态网页部署到GitHub Pages

5. 部署Hexo静态网页到GitHub Pages

把以下工作提前设定好后,以后做完修改可以直接在terminal中输入hexo d -g 完成更新和部署,但第一次搭建需要完成以下步骤:

5.1 生成SSH key

第一步:查看有没有SSH key

cd ~/.ssh
ls # 查看文件夹里所有文件

第二步:如果文件夹中没有“id_rsa”和“id_rsa.pub”两个文件,先输入命令:

ssh-keygen -t rsa -b 4096 -C "username@mailbox.com" #这里请输入你但GitHub的邮箱

这时弹出两行内容:

Generating public/private rsa key pair.

Enter file in which to save the key:

可以直接按回车,默认保存在/Users/admin/.ssh/id_rsa 中,之后会弹出:

“Enter passphrase (empty for no passphrase):” 【输入密码就好】

“Enter same passphrase again: ”【再次输入同一个密码】

到这里就生成了新的SSH密码了。

5.2 添加SSH key到SSH agent

eval "$(ssh-agent -s)"
ssh-add -K ~/.ssh/id_rsa

5.3 将生成的SSH key和GitHub或者Bitbucket关联起来

在命令行中输入pbcopy < ~/.ssh/id_rsa.pub,SSH key就复制好了。

如果你是GitHub用户,右上角个人头像 → “Settings” → “SSH and GPG keys → “New SSH key”

SSH key for GitHub

如果你是Bitbucket用户,点入你的网站的repo → 左边栏目的“Settings” → “Access keys” → “Add key”


SSH key for Bitbucket

“Title”可以填这个key的描述,GitHub建议如果是MacBook用户,可以填“Personal MacBook”,“Key”就直接粘贴刚刚复制好的SSH key。

这样就关联好SSH key和GitHub了。

5.4 部署网站到GitHub pages

cd <blog所在的directory>
open _config.yml # 打开文件进行修改
_config.yml

title 输入网站名字,author输入你的名字,其他可以忽略,也可以根据你的需求补充。

拉到最下方的deployment部分,

deploy:
type: git
repo: 如果是GitHub,输入git@github.com:<username of GitHub>/<username of GitHub>.github.io.git。如果是Bitbucket,输入https://bitbucket.org/<username of Bitbucket>/<username of Bitbucket>.bitbucket.org
branch: master

保存后回到terminal面板,输入:

hexo g
hexo d

这就完成部署了,在浏览器输入http://<username>.github.io或者http://<username>.bitbucket.io就能打开个人博客了。

参考链接

手把手教你使用Hexo + GitHub Pages搭建个人独立博客

Generating a new SSH key and adding it to the ssh-agent

Adding a new SSH key to your GitHub account

GitHub+Hexo搭建个人博客

Deployment

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

推荐阅读更多精彩内容

  • 1、准备工作 1.1、git 1.1.1、github 首先注册、登录uername 最好都用小写,因为最后建立的...
    日居_月诸阅读 4,673评论 2 18
  • 写在前面 基于hexo搭建个人blog的文章在网上已经有很多了,不过由于时间的原因有很多已经不再适用或者说留下了很...
    Alvabill阅读 8,861评论 0 6
  • 鱼不知饥饱,一直喂会一直吃,易撑死。 人呢,虽知饥饱,但饱了也为过,时间长也会生病。七八分为好,才健康
    zhaodongbo阅读 183评论 0 0
  • 我劝他到处走走,去呼伦贝尔大草原上呼吸一下新鲜空气,去西双版纳观赏独特的自然风情……他没理我,良久,电话那头传...
    倚楼问雨阅读 172评论 0 3
  • 感觉自己一直很矛盾,有一个意念(姑且称它为意念吧,因为带有50%的臆想成分)——写文章。大学之后,因为父母不在身边...
    dclyn阅读 270评论 0 1