使用hexo搭建我的第一个博客


使用hexo搭建我的第一个博客(Windows)

一、安装Git:https://git-scm.com/download

二、安装Node.js:https://nodejs.org

三、安装hexo:
  1. 打开Git Bash工具,先利用npm安装一个cnpm,因为npm在国内安装速度很慢。输入npm install -g cnpm –registry=https://registry.npm.taobao.org

    使用hexo搭建我的第一个博客

  2. 开始安装hexo

输入 cnpm install -g hexo -cli

使用hexo搭建我的第一个博客

等待安装完成即可。

安装完成后可通过输入 hexo -v 查看版本信息

出现下图的信息说明安装成功

使用hexo搭建我的第一个博客

四、开始搭建博客

  1. 创建一个用了存放博客文件的文件夹

输入 mkdir blog(blog是文件夹名称,可以自己起)

  1. 使用hexo生成博客(初始化操作)

输入 hexo init

使用hexo搭建我的第一个博客

五、开始使用博客

  1. 启动博客

输入 hexo s (这个启动命令主要是用于预览博客的)

使用hexo搭建我的第一个博客

我们可以通过localhost:4000 访问我们的博客

使用hexo搭建我的第一个博客

  1. 新建文章 语法 hexo n “文章名称(标题)”

使用hexo搭建我的第一个博客

虽然创建的文件名称是乱码,但博客上显示是正常的,应该是Git Bash的编码问题。

使用hexo搭建我的第一个博客

  1. 编辑文章

我们新建的文章都是存放在hexo安装目录下的\source_posts\

输入 cd source/_posts

输入 vim 文件名

就可以编辑文章了(基于Markdown)

使用hexo搭建我的第一个博客

效果

使用hexo搭建我的第一个博客

  1. 更改博客主题

    a. 下载一个主题

    输入 git clone https://github.com/litten/hexo-theme-yilia.git themes/yilia

    (克隆该链接的项目(一个主题)到/blog/themes/yilia)

​ b. 修改配置文件

​ vim _config.yml

使用hexo搭建我的第一个博客

​ 将landscape修改为yilia

​ 然后逐条执行以下命令

​ hexo clean

​ hexo generate

​ hexo deploy

六、将博客上传到GitHub上

  1. 在GitHub上创建一个仓库

    仓库名称必须是:用户名.github.io

使用hexo搭建我的第一个博客

  1. 在hexo安装目录下安装一个Git插件

    输入 cnpm install --save hexo-deployer-git

使用hexo搭建我的第一个博客

  1. 修改配置文件(_config.yml)

    输入 vim _config.yml

    修改后如下图框选部分

使用hexo搭建我的第一个博客

​ repo后面的是刚刚新建仓库这部分

使用hexo搭建我的第一个博客

  1. 部署到GitHub

    输入 hexo d

    如果报下面的错误,

使用hexo搭建我的第一个博客

​ 则需要执行下面两条命令

​ git config --global user.name “用户名”

​ git config --global user.email “邮箱地址”

使用hexo搭建我的第一个博客

​ 然后再输入 hexo d

​ 再输入GitHub账号和密码即可

注:所有的命令都需要在hexo安装目录下执行![image-20200807163903811]

七、参考文献

https://hexo.io/docs/

https://www.bilibili.com/video/BV1Yb411a7ty?t=1681

https://www.cnblogs.com/visugar/p/6821777.html

https://www.cnblogs.com/lan-cheng/p/8975774.html