【技能学习】用Hexo搭建个人网站

如果想拥有一个属于自己的博客,自己的个人网站。现在最常用的方法是Wordpress+VPS或者Hexo+Github。这些具体是什么?这里有详细的教程。

一. 搭建博客前需要了解的知识

首先,想搭建一个博客,我们最主要的是两个大步骤:
一: 在本地能够生成、创建一个网站
二:将我们在本地生成的网站托管在服务器上,从而在任何地方都能看到我们的网站

1. Wordpress还是Hexo

那么我们想实现第一个步骤,最常用的就是Wordpress或者Hexo。这两个工具可以帮助我们生成一个网站。
区别:
Wordpress用于生成动态网站,体积比较大,有点臃肿,但是基本不涉及代码层面,适合没有代码基础的人使用.。
(常与VPS或虚拟主机一起使用,所以少量需要资金。)
Hexo用于生成静态网站,有点折腾,需要一点点代码基础,原生支持markdown,更专注于写作。
(常与GIthub、coding一起使用,免费。)

总结:如果你想免费,愿意折腾,建议用Hexo;如果你不介意钱,不想折腾,建议用Wordpress。

2. VPS还是Github、coding

很简单,愿意花钱:VPS
想要免费:Github、coding
对于个人博客,两个都完全足够。

我选择的是Hexo+Github的方式创建网站,毕竟免费的嘛。

二. Hexo方面

首先下载安装Hexo的环境:Node.js
检查是否安装成功: node -v
如果显示了版本号,说明安装成功

之后的步骤只需要几行代码就可以解决:

sudo npm install -g hexo-cli    #安装Hexo
hexo init blog    #blog可以换成其他名字,这一步初始化博客
cd blog              # 进入blog文件夹
npm install
hexo g                # 生成静态网页
hexo s                # 预览网站
看到这个提示,说明成功了

之后进入网址:localhost:4000便可以看到我们目前布置好的网站。

简简单单几行代码,我们就已经用Hexo建立了一个网站,但是这个网站仍然在本地,接下来我们需要将网站托管到GitHub上。

三. Github方面

我们用GitHub来托管我们的网站,先注册一个GitHub账号,然后创建一个Project,仓库名一定要是 “用户名.github.io
这个仓库就是我们用来放我们网站的地方,我们要想把网站放上来,就需要进行双向允许。什么是双向允许?就是仓库同意接收该网站和该网站允许自己被上传。

1. 让网站允许自己被上传

在GitHub的那个仓库里找到自己的仓库名,复制

image

然后在blog文件夹里打开根文件下的_config.yml文件,在最下面修改成

image

2. 让Github同意接收网站

步骤如下:

git config --global user.name "你的GitHub用户名"
git config --global user.email "你的GitHub注册邮箱"
ssh-keygen -t rsa -C "你的GitHub注册邮箱"

改成你自己的邮箱,使用默认值一路回车。
如果一切顺利的话,可以在用户主目录里找到.ssh目录,里面有id_rsa和id_rsa.pub两个文件,这两个就是SSH Key的秘钥对,id_rsa是私钥,不能泄露出去,id_rsa.pub是公钥,可以放心地告诉任何人。

登陆GitHub,打开“Account settings”,“SSH Keys”页面:
然后,点“Add SSH Key”,填上任意Title,在Key文本框里粘贴id_rsa.pub文件的内容:点“Add Key”,你就应该看到已经添加的Key。

这样GitHub便会无条件接收你网站里的内容更新。

四. 最后连通GitHub与网站

到现在为止,你已经有了一个真正的自己的网站,任何人都可以访问你的网站。
你的网站域名是:https://你的仓库名.github.io/

进行以下步骤:

npm install hexo-deployer-git --save
hexo g      #将修改的内容变成网页形式
hexo d      #将渲染好的网页部署到GitHub上  

Bingo!

五. 域名绑定

目前为止,你已经可以通过“仓库名.github.io“访问到你自己的网站。

接下来在任意一个域名购买网站购买你的域名,这里以万网为例。购买之后你需要做两件事:

  1. 在GitHub上放置你的域名——告诉github,我要用这个域名代替你了

  2. 在万网上放置你的Github名——告诉万网,你以后就把我这个域名通往GitHub了

第一步很简单,在blog根目录下的source文件里新建一个文件CNAME(没有扩展名),在里面写上你的域名xxxx.com(不要写http和www)。然后hexo g hexo d

第二步:进入万网的域名解析页面,然后进入控制台:

控制台
添加记录

然后添加一条解析记录,如上图,记录类型选择CNAME,主机记录填@,记录值填你之前的github域名。

做完上面两步后,你就可以通过你自己的域名访问网站啦。

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

推荐阅读更多精彩内容