使用hexo创建自己的博客

2023-04-11 19:38:17 浏览数 (1)

什么是hexo

Hexo官网中说是这么描述的:A fast, simple & powerful blog framework,即:一个快速、简单且强大的博客快速生产工具。它的简单体现在你完全有可能在30分钟内就生成属于你的个人博客。而它的强大体现在你对细节的调整上完全有可能花上一天的时间。

准备搭建环境

1.安装node.js

Node.js 的实质是一个JavaScript运行环境,这里我们主要使用它来生成我们博客的静态页面。从官网下载最新的安装包进行默认安装就好。安装过程略。

2.安装git环境

git是最流行的分布式版本控制系统,我们使用它主要是与github进行交互。安装git使用默认选项安装即可,安装过程略。

3.注册github

GitHub是世界上最大的代码托管平台,我们将要使用github的github pages功能来实现我们博客在网上的部署

开始搭建博客

创建文件夹

在本地新建一个文件夹用于存放我们的博客,并且右键菜单选择Git Bash Here,然后在Git Bash里输入:

npm install hexo

执行hexo命令

依次执行以下3个命令:

hexo init

初始化hexo环境,这时会在目录下自动生成hexo的文件

npm install

安装npm依赖包

hexo generate

生成静态页面(也可以简化为hexo g)

hexo server

生成本地服务(也可以简化为hexo s)

查看生成效果

这时候我们打开浏览器输入http://localhost:4000 看看可不可以访问。如果默认的hexo博客出现,那么恭喜你,你已经搭建好了自己的博客,接下来我们就要将它发布到网上。

部署在网上

这里我们选择的是github 的github pages的服务,只要你将网页原文件上传到仓库里,github就会自动生成一个属于你的网页

1.创建远程仓库

新建一个跟自己账号名字一样的空仓库

连接本地与远程github仓库

打开本地博客的文件夹,打开_config.yml进行编辑 翻到文件最下方,将deploy的选项改成以下的形式

deploy: type: git repo: git@github.com:!!!/???.git branch: master root: /???/

三个感叹号的地方写上你的用户名 三个问号的地方写上你的仓库名字 然后在GitBash中执行

npm install hexo-deployer-git –save

最后执行这一句将你的博客推送到仓库里

hexo deploy

(也可以简化为hexo d) 最后再进入你的仓库 点击setting 翻到最下面 点击Check it out here! 选择master分支,记得点save,然后就会出现上面那个网址,点进去就是你的网页了

github pages 的反应有点慢,如果没有刷新出来记得等个两三分钟就好了


到此,基于hexo博客的创建就完成了,欢呼吧,芜湖起飞

0 人点赞