动手搭建hexo博客
Posted 达少Rising
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了动手搭建hexo博客相关的知识,希望对你有一定的参考价值。
动手搭建属于自己的hexo博客
看完了羊哥的视频后想自己动手记录一下搭建hexo博客过程,帮助自己强化一下的同时也做等于做一个备忘录,还希望能帮助到其他的小伙帮搭建属于自己的hexo博客
- 安装nodejs
因为我所用的是Ubuntu系统采用命令行安装node,使用root身份安装命令如下:
curl -sL https://deb.nodesource.com/setup_10.x | sudo -E bash -
sudo apt-get install -y nodejs
sudo apt-get install -y build-essential
安装完成后可以使用以下命令测试安装是否成功
node -v
npm -v
如果输入npm -v输出结果没有显示版本号,也就是出错,那么可以线退出终端再进入,重新输入命令应该就可以解决问题。
- 安装cnpm
因为使用nmp的速度较慢,所以换成国内的镜像源安装cnpm,安装命令如下:
npm install -g cnpm --registry=https://registry.npm.taobao.org
可以使用cnpm -v
测试是否成功安装
- 安装hexo
终于到安装hexo了,使用cnpm安装hexo命令如下:
cnpm install -g hexo-cli
可以使用hexo -v
来查看安装的版本号,顺便验证是否安装成功
-
使用hexo创建博客
- 在本地创建一个目录,例如我自己创建的myblog(目录的绝对路径自己选定)
mkdir myblog
,以下的操作都是基于这个目录进行的; - 在myblog目录下初始化hexo博客,命令是:
hexo init
; - 完成上一步之后将会在myblog目录下产生一些目录和文件,这是就可以启动hexo了,启动的命令是:
hexo s
,启动后会提示在浏览器内输入localhost:4000,就可以在本地访问自己创建的hexo博客了; - 创建自己的第一个博客:My first blog,创建的命令是:
hexo n My first blog
,创建完成后打开source/_posts/,你将会看到自己创建的博客文件:My-first-blog.md,可以使用vim对其进行编辑,一般使用markdown语法编辑,不会markdown的小伙伴可以自行百度这里就不赘述了; - 返回myblog目录下,先清理一下
hexo clean
,在输入hexo g
生成自己刚刚编写的博客,再次启动hexo你就可以在浏览器刷新后看到自己写的第一篇博客了,就问你惊不惊喜?开不开心?
- 在本地创建一个目录,例如我自己创建的myblog(目录的绝对路径自己选定)
-
将hexo部署到github上
我们自己写的博客不能总在本地自己访问吧!我们要把它布置到远端,这样可以让别人也能访问到自己的博客,这样才有成就感的嘛!- 在自己的github账号上新建要一个仓库,**注意:**仓库的名称一定要是你自己github账号的昵称加上.github.io。例如我的github账号是:Adair20201201,所以我的仓库名称一定是:Adair20201201.github.io,这样以后别人才能使用Adair20201201.github.io访问到我的hexo博客
- 为了将hexo博客部署到远端,还要安装一个有关于git的插件,安装命令是:
cnpm install --save hexo-deployer-git
- 配置_config.yml文件,在mybolg目录下用vim打开该文件,在文件的末尾找到’deploy:'配置项,配置项写入下列内容:
type: git
repo: https://github.com/Adair20201201/Adair20201201.github.io.git
branch: master
注意每个:后都有一个空格
- 完成了上面的配置之后,回到myblog目录下使用如下命令将博客部署到github中:
hexo d
这样你的博客就部署到github上了,可以通过上面所说的地址访问到你的博客了。
-
更改hexo的主题
有些小伙伴肯定不想使用默认的hexo主题,那么下面就来换一下主题吧!(这里以yilia主题为例)- 首先将yilia主题clone到本地的themes目录下,命令如下:
git clone https://github.com/litten/hexo-theme-yilia.git themes/yilia
- 在myblog目录下的_config.yml文件下:theme项,将它改成:
theme: yilia
,保存退出; - 回到myblog目录下从新启动hexo
hexo clean hexo d
- 首先将yilia主题clone到本地的themes目录下,命令如下:
以上是关于动手搭建hexo博客的主要内容,如果未能解决你的问题,请参考以下文章
使用Node.js+Hexo+Github搭建个人博客(续)