5分钟搭建Hexo个人博客

写在前面的话

很早以前就想要搭建一个个人的博客,奈何只是一个前端切图仔,对于后端和数据库接口上手存在一定的难度,于是一拖拖了很久,今天无意中发现了使用Hexo搭建个人博客很快就能用了,而且托管在github平台也不需要自己去买服务器域名和维护,一举数得,非常nice,记录了一下搭建Hexo个人博客的步骤,尽可能的写的详细一点~

准备工作步骤

1:GitHub上面新建一个仓库,用来放自己的博客
2:安装git工具,生成SSH添加到GitHub
3:本地环境搭建,安装node 和npm
4:本地初始化Hexo项目并且运行
5:Hexo主题
6:部署到github
7:生成markdown文件,写文章并且发布

言归正传,开始我们的写作步骤吧

一:在GitHub上面新建一个仓库,用来放自己的博客

1:新建一个仓库
创建一个和你用户名相同的仓库,后面加.github.io后缀,必须要同名哦,不然后面会出现页面404的情况,点击create respository按钮创建。

2:安装git工具,生成SSH添加到GitHub
安装git工具这里就不多说了,安装完成之后,在桌面上git bash进入命令行,输入GitHub用户名和邮箱验证。

yourname输入你的GitHub用户名
youremail输入你GitHub的邮箱

查看输入是否正确


3:然后创建SSH,一路回车

ssh-keygen -t rsa -C "xxxx7537@qq.com"(你的邮箱)

这个时候可以看到在磁盘里面生成了私人密钥和公共密钥了


4:在GitHub上设置密钥
在GitHub的setting中,找到Deploy keys的设置选项,点击新建一个密钥,把id_rsa.pub里面的信息复制进去,id_rsa.pub打开方式可以使用浏览器打开。


新建密钥成功,到这里github仓库和密钥问题就OK了。


二:Hexo搭建个人博客-框架的本地安装和运行

1:Hexo的官网
https://hexo.io/

2:安装node 和npm
hexo基于node.js,本地需要安装node 和npm,安装步骤就不多说了
查看一下是否有版本号,有的话则安装成功。

3:全局安装 hexo

npm  i  hexo-cli -g

4:初始化一个项目

hexo  init blog

这时候可以看到在d盘里面生成了一个文件夹。



5:进入项目文件夹,安装依赖文件

cd  blog
npm  install

6:运行,并且在浏览器打开,就可以看到博客页面了

hexo server

http://localhost:4000

三:更换一个自己喜欢的主题

1:博客主题的安装
主题这一块可以选择自己喜欢的,以下是以一个Anisina主题为例,这里有很多主题可以选择:传送门:https://hexo.io/themes/。比如选一个主题:https://github.com/haojen/hexo-theme-Anisina,打开链接,进入到GitHub里面,有详细的安装教程。


2:安装主题命令输入

git clone https://github.com/Haojen/hexo-theme-Anisina.git themes/Anisina

3:打开_config.yml文件夹,更改主题名字

4:再次启动,就可以看到更换的主题了。




OK,搭建好了自己喜欢的主题风格了,接下来需要部署了。

四. 部署到github

1:在配置文件里面填写仓库地址
在项目里面找到 _congif.yml文件,找到 deploy 字段,把以下代码放进去,填写第一步新建的仓库地址。

# Deployment
## Docs: https://hexo.io/docs/deployment.html
deploy:
type: git
repo: <你的仓库地址> # https://github.com/wangxiaoting666/wangxiaoting666.github.io.git
branch: master

2:安装一个推送工具,将本地项目推到仓库上。

npm install hexo-deployer-git --save

3:然后执行以下命令
清除了你之前生成的东西,也可以不加。

hexo clean

4:hexo generate 生成静态文件,可以用 hexo g缩写

hexo  g

可以看到在目录里面生成了一个静态的文件,生成好的public文件夹就直接当成静态网站进行部署即可。

5: 部署

hexo deploy

注意这里需要输入GitHub用户名和密码哦


图片.png

6:查看仓库,已经将项目放在仓库里面了


这个时候就可以访问了,已经把静态文件都托管在GitHub了,查看分配的地址:https://wangxiaoting666.github.io/

五:开始写文章

1:新建一个markdown文件

hexo new newpapername

在source_posts里面生成了markdown文件夹,用来写文章了,记住要使用markdown格式书写文章博客。


2:当你写完的时候,再输入命令

hexo clean
hexo g
hexo d

就可以看到新增的自己的文章了


3:如果要再写一篇,可以再生成一个md文件进行书写

hexo new test

4:好了,自己的博客搭建起来了,后面会慢慢的往里面增加一些文章,以及接入评论系统,统计文章阅读量,代码高亮,图床等功能。

参考文档:https://blog.csdn.net/sinat_37781304/article/details/82729029

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

推荐阅读更多精彩内容