动手搭建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你就可以在浏览器刷新后看到自己写的第一篇博客了,就问你惊不惊喜?开不开心?
  • 将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
    

以上是关于动手搭建hexo博客的主要内容,如果未能解决你的问题,请参考以下文章

Gitee + Hexo 搭建个人博客

hexo+github个人博客搭建

使用Node.js+Hexo+Github搭建个人博客(续)

Hexo 搭建博客笔记

使用Hexo+Github Pages 来搭建免费的专属博客

hexo搭建博客主题更换