动手搭建hexo博客

本文详细介绍了如何在Ubuntu系统上搭建个人Hexo博客,从安装Node.js和cnpm,到初始化Hexo,创建并发布第一篇博客。接着,教程讲解了如何将博客部署到GitHub,确保其他人能访问。最后,还展示了如何更换博客主题,以Yilia主题为例,包括下载主题、修改配置文件和重启Hexo。通过这个过程,你可以拥有一个完全属于自己的在线博客平台。
摘要由CSDN通过智能技术生成

动手搭建属于自己的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
    

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值