hexo搭建个人博客笔记
前记
想搭一个个人博客已经很久了,一直没有去做。趁着有空,赶紧研究一些hexo搭建个人博客的方法,了却一桩心事,也可以用来做一些记录,日常工作生活都可以,这篇文章就是来介绍使用hexo搭建个人博客的方法,本人电脑为win10系统,整个过程还是比较简单的,主要都是在下载安装软件。废话不多说,现在就开始吧!
注册Github账号
这个好像没什么好说的,自己上Github官网看一下说明,填一下资料就能注册了,很简单。
- Github官网地址:https://github.com/
创建代码仓库
这个也是很简单,注册完创建一个仓库,需要注意的是仓库名称应该是github账号名.github.io,比如我的仓库名就是ducks2017.github.io。
配置SSH连接
首先需要先生成密钥,在本地执行命令。
其中ssh命令在windows中没有,所以我是在linux虚拟机上执行这个命令的,使用linux或者mac电脑的盆友直接执行命令就行了。执行完后会产生两个文件,分别为id_rsa和id_rsa.pub,使用文本编辑器打开id_rsa.pub,选中全部的内容,复制到github关于ssh配置的value中,key可以随便填,无所谓。
安装nodejs
上node的官网下载安装包,直接安装就行了,也没什么好说的。
- Node的官网地址:https://nodejs.org/en/。
安装Git命令行
本人亲测,Git官网下载很慢,常常是打不开网页的状态,所以这里提供另外一个有效下载地址,各位打不开官网的也可以试试。
- Git的官网地址:https://git-scm.com/。
- Git的国内镜像:https://github.com/waylau/git-for-win。
安装hexo
这一步是建立在已经安装好node的基础上,所以请确认电脑上已经安装了node。
- 在cmd窗口中执行命令,等待安装
npm install -g hexo -cli
- 安装成功后,执行命令确认是否安装成功
hexo
- 初始化博客
//建立文件夹并初始化博客,文件夹可以先建好
hexo init folderPath
//进入博客文件夹
cd folderPath
//安装博客的依赖包
npm install
//安装hexo-deployer-git插件
npm install hexo-deployer-git --save
- 配置_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
- 发布测试
//新建一篇博客
hexo new "test"
//本地发布,发布成功之后可以访问http://localhost:4000/,查看刚刚新建的博客
hexo server
//产生静态文件
hexo generate
//远程发布
hexo deploy
效果图:
hexo博客插入图片
如果图片是在网络上,那可以直接引用其地址,但是如果图片是在本地电脑上,那应该怎么处理呢?这里提供一个方法。
- 设置_config.yml中post_asset_folder: true
- 在博客目录下执行命令npm install https://github.com/CodeFalling/hexo-asset-image –save
安装这个插件后,在执行新建博客的命令的同时,会在_post目录下同时建立一个与博客名相同的文件夹,将图片放到这个文件夹下,使用markdown插入图片即可,url从这个与博客名称相同的文件夹开始写起,如hexo-for-personal-blog/hexo-blog-index.png。
最后
以上,就是整个hexo搭建博客的过程。完成这个过程之后,以后每次新建博客只需要重新产生静态文件并发布即可。
以上是 hexo搭建个人博客笔记 的全部内容, 来源链接: utcz.com/a/11434.html