基本介绍
- Hexo是一款基于Node.js的静态博客框架,依赖少易于安装使用,可以方便的生成静态网页托管在GitHub和Heroku上,是搭建博客的首选框架。
- 这是我跟着b站程序羊的视频记的笔记,作为自己对知识的巩固和跟大家的分享
准备工作
-
下载nodejs,选择LTS那个选项即可,安装直接一直下一步就好(这一步会同时安装好nodejs和npm包管理器,可以在命令行通过-v命令看他们是否已经安装好了)
-
安装hexo博客框架
npm install -g hexo-cli
如果不能科学上网,npm直接下载会比较慢,那么可以用cnpm配国内的源来下载
2.1 先下载cnpmnpm install -g cnpm --registry=https://registry.npm.taobao.org
2.2 用cnpm来下载hexo(-g表示全局安装)
cnpm install -g hexo-cli
2.3 查看hexo是否安装成功
hexo -v
开始搭建博客
- 在想要的目录下新建一个空文件夹“myblog”,后续所有的东西都存在这个文件夹中
- 在这个目录下开始安装hexo博客框架,使用命令
hexo init
- 启动博客,使用命令
hexo s
到此为止,我们的博客已经搭建起来了,并且可以本地通过http://localhost:4000/
这个网址去访问,效果如下:
可以看到,hexo不仅为我们搭建好了博客的框架,还自动生成了第一篇博客,其中包括一些hexo的基础命令操作:hexo n "my first blog" //新建一篇博文【new】,新建之后可以打开这个文件进行编辑内容 hexo s // 本地启动hexo,可以进行预览效果【server】 hexo g // 监视文件更改,重新生成页面 hexo d // 将更改部署到远程
- 添加新的博文
可以直接在...\myblog\source\_posts\
目录下直接添加新的markdown博文文档,也可以通过命令行来新建再添加内容
添加新博文之后需要进行更新操作:hexo g
,hexo s
把博客部署到github远端
- 先打开自己的github主页,选择新建仓库
仓库名写:自己的用户名.gihub.io(比如我的用户名是Liuqianyik,那么我的仓库名叫Liuqianyik.github.io)
描述可以随便写,比如:我的hexo仓库
然后直接下拉点击创建仓库即可 - 安装hexo的git部署插件
npm install --save hexo-deployer-git
- 配置博客
在我们本地的文件夹myblog下找到_config.yml文件,拉到最底下,找到Deployment选项,增加type和repo
repo的网址就是刚才在github创建好的仓库的git地址,可以在这里直接复制
- 将博客部署到远端
部署完成之后可以看到github的空仓库中出现了我们博客的文件,这时候我们就可以通过github的网址来在线访问博客啦hexo d
链接就是上一步git部署链接的后半部分,我的是https://liuqianyik.github.io/
在线访问效果和本地访问相同
更换主题
程序羊推荐的主题:https://github.com/litten/hexo-theme-yilia
-
下载主题(将别人的主题文件下载到我们本地的myblog/theme/yillia目录下)
git clone https://github.com/litten/hexo-theme-yilia.git theme/yillia
如果报错可以参考:
-
把主题配置到自己的博客中去
修改myblog/_config.yml文件:
-
重新生成,启动,部署hexo
hexo g // 监视更改的文件并重新生成 hexo d // 远程可以看了 hexo s // 本地可以通过4000端口看了