hexo搭建个人博客笔记

前记

想搭一个个人博客已经很久了,一直没有去做。趁着有空,赶紧研究一些hexo搭建个人博客的方法,了却一桩心事,也可以用来做一些记录,日常工作生活都可以,这篇文章就是来介绍使用hexo搭建个人博客的方法,本人电脑为win10系统,整个过程还是比较简单的,主要都是在下载安装软件。废话不多说,现在就开始吧!

注册Github账号

这个好像没什么好说的,自己上Github官网看一下说明,填一下资料就能注册了,很简单。

创建代码仓库

这个也是很简单,注册完创建一个仓库,需要注意的是仓库名称应该是github账号名.github.io,比如我的仓库名就是ducks2017.github.io。

配置SSH连接

首先需要先生成密钥,在本地执行命令。

ssh -keygen -t rsa -C "Github的注册邮箱地址"

其中ssh命令在windows中没有,所以我是在linux虚拟机上执行这个命令的,使用linux或者mac电脑的盆友直接执行命令就行了。执行完后会产生两个文件,分别为id_rsa和id_rsa.pub,使用文本编辑器打开id_rsa.pub,选中全部的内容,复制到github关于ssh配置的value中,key可以随便填,无所谓。

安装nodejs

上node的官网下载安装包,直接安装就行了,也没什么好说的。

安装Git命令行

本人亲测,Git官网下载很慢,常常是打不开网页的状态,所以这里提供另外一个有效下载地址,各位打不开官网的也可以试试。

安装hexo

这一步是建立在已经安装好node的基础上,所以请确认电脑上已经安装了node。

  1. 在cmd窗口中执行命令,等待安装

    npm install -g hexo -cli

  2. 安装成功后,执行命令确认是否安装成功

    hexo

  3. 初始化博客

    //建立文件夹并初始化博客,文件夹可以先建好

    hexo init folderPath

    //进入博客文件夹

    cd folderPath

    //安装博客的依赖包

    npm install

    //安装hexo-deployer-git插件

    npm install hexo-deployer-git --save

  4. 配置_config.yml

    在博客文件夹下,找到_config.yml文件,修改其中的配置

    //几项描述信息就根据自己的实际填就行

    title: ducks2017

    subtitle: blog for ducks2017

    description: blog for ducks2017

    author: ducks2017

    //语言和时区,有固定的填写规范,具体自己查一下吧

    language: zh-CH

    timezone: Asia/Shanghai

    //填写自己github的用户名

    url: http://ducks2017.com

    //部署配置,其中repo为github代码仓库的地址

    deploy:

    type: git

    repo: https://github.com/ducks2017/ducks2017.github.io.git

    branch: master

  5. 发布测试

    //新建一篇博客

    hexo new "test"

    //本地发布,发布成功之后可以访问http://localhost:4000/,查看刚刚新建的博客

    hexo server

    //产生静态文件

    hexo generate

    //远程发布

    hexo deploy

效果图:

hexo博客插入图片

如果图片是在网络上,那可以直接引用其地址,但是如果图片是在本地电脑上,那应该怎么处理呢?这里提供一个方法。

安装这个插件后,在执行新建博客的命令的同时,会在_post目录下同时建立一个与博客名相同的文件夹,将图片放到这个文件夹下,使用markdown插入图片即可,url从这个与博客名称相同的文件夹开始写起,如hexo-for-personal-blog/hexo-blog-index.png。

最后

以上,就是整个hexo搭建博客的过程。完成这个过程之后,以后每次新建博客只需要重新产生静态文件并发布即可。

以上是 hexo搭建个人博客笔记 的全部内容, 来源链接: utcz.com/a/11434.html

回到顶部