用Hexo动手搭建自己的博客主页

开始之前先在Github上申请一个账号，并新建一个项目，以username.github.io 格式命名，然后进入settings创建Github Pages，如下图：

（图1）

（图2）

下面是主要搭建博客的主要步骤：
1. 安装node.js
安装完成后，在命令行输入npm查看信息
2. 直接在根目录下使用命令安装hexo

$ npm install -g --save hexo

3.部署Hexo
在本地新建博客文件夹MyBlog, 执行

D:\>cd MyBlog
D:\MyBlog>hexo init

这样Hexo就会自动创建博客所需要的文件，这时候还不能启动hexo，接下来需要安装Hexo所依赖关系：

D:\MyBlog>npm install

结束之后，就可以执行命令

D:\MyBlog>hexo s

来启动hexo了

在浏览器访问：http://127.0.0.1:4000/

4.打开yml配置文件
找到public_dir 将其值改为xxx.github.io
在MyBlog文件夹下把github项目同步到本地，并删除.git文件以外的所有文件。
这一步的目的是本地博文的目录设置为github的同步目录。

5.创建一篇新博文

D:\MyBlog>hexo new title
D:\MyBlog>hexo g
D:\MyBlog>hexo s

在浏览器输入http://localhost:4000可以预览博文
6. 发布博文

D:\MyBlog>hexo d -g

7.替换主题
进入到themes文件夹，将主题克隆下来，然后把网站的_config.yml里的theme标签改成新的主题名即可。
theme: next_es2015
这里有很多主题：
https://hexo.io/themes/
https://github.com/gfcocos/hexo-themes
https://github.com/hexojs/hexo/wiki/Themes

错误：
发布博文出现错误
D:\MyBlog>hexo d -g
INFO Files loaded in 719 ms
INFO 0 files generated in 524 ms
ERROR Deployer not found: github

解决方法：

D:\MyBlog>npm install hexo-deployer-git –save

将deploy 的 type由github改为git

eg: 我的deploy配置

deploy:
type: git
repository: https://github.com/stefory/stefory.github.io.git
branch: master

最后，附上博客初步搭建效果：http://stefory.github.io/

用Hexo动手搭建自己的博客主页相关推荐

hexo部署成功但是没效果_使用 Hexo+GitHub 搭建个人免费博客教程（小白向）
前言近些年来很多用户都喜欢使用 GitHub Pages 来搭建 Hexo 静态博客网站,其最吸引人的莫过于完全免费使用,并且非常稳定. 虽然搭建时比较麻烦,有点折腾,但是配置完成后,基本不需要操心 ...
利用 Hexo + Github 搭建自己的博客
扯在前面在很久很久以前,一直就想搭建属于自己的一个博客,但由于各种原因,最终都不了了之,恰好最近突然有了兴趣,于是就自己参照网上的教程,搭建了属于自己的博客. 至于为什么要搭建自己的博客了?哈哈,大 ...
四十五、Gtihub+Hexo+icarus搭建自己的博客
最近我看了hexo的主题,发现了很多好看的主题.很多人的博客就是用别人的主题,搞出来的.之前我的博客发现真的是太难看了,然后没有去维护.那个时候不知道没有关系,今天我知道了,就是把之前删除了. 我在茫 ...
猿创征文｜Hexo+Github搭建完全免费个人博客详细教程
前言完全免费的搭建个人博客,没有任何收费,零基础也能上手,不需要编程基础,跟着操作来即可. 首先: 要了解一下我们搭建博客要用到的框架:Hexo是高效的静态站点生成框架,它基于Node.js.通过H ...
【Hexo】搭建自己的博客并到Github Pages
一.什么是Hexo 用Hexo官网的介绍https://hexo.io/zh-cn/docs/,Hexo是一个快速.简捷且高效的博客框架.Hexo使用Markdown解析文章,可以在很短的时间内生成静 ...
【教程】Hexo+Coding搭建自己的博客网站系列5-Next6.7版本主题深度美化
在我进行主题优化的时候,参考了网上很多文章,但是随着Next版本的变迁,越来越多个性化设置已经被集成到Next中.所以我写了这篇关于Next6.7版本主题优化的方案.有时间和精力的话,这篇文章也会随着 ...
四十四、Hexo搭建自己的博客
最近看了大佬利用 GitHub 从零开始搭建一个博客文章,解决好久卡在自己的问题,那时看了极客的git课程还是很多问题,找了很多教程,发现都不太全,直到看到 https://mp.weixin.qq ...
基于Hexo+GitHub Page搭建免费个人博客教程
1. Hexo 介绍 Hexo 是基于NodeJs的静态博客框架,简单.轻量,其生成的静态网页可以托管在Github和Heroku上. 超快速度支持Markdown 一键部署丰富的插件 2. 搭建 ...
使用 Hexo 搭建自己的博客
使用 Hexo 搭建自己的博客 Hexo 是一个非常流行的静态站点生成工具,它可以把 Markdown 文档快速的解析成漂亮的静态页面,支持各种主题,让用户专注在写作上. 本文选自 <了不起的M ...

用Hexo动手搭建自己的博客主页

用Hexo动手搭建自己的博客主页相关推荐

最新文章

热门文章