网上各种找资料,折腾了好久,终于把自己的个人博客搭建成功。现把自己使用github+hexo搭建的过程再一步步整理出来。我的 hexo 是 3.3.1 版本,hexo 3.0以上版本和3.0以下版本的有些配置不同,在配置过程中自己要注意甄别。我的github博客暂时还处于逐步完善状态,有错误或不到之处欢迎交流指正。

环境搭建:(具体安装方法自行百度)

1.安装node.js

官网 https://nodejs.org/en/

2.安装git

网址: http://git-scm.com/download/

github page搭建个人主页

1.搭建个人主页仓库

具体操作过程请参考:

应用github pages创建自己的个人博客

或者  GithubPages教程 在GithubPages上搭建个人主页

2.配置SSH-Key

通过配置SSH-Key将本地Git仓库和远程的GitHub仓库连接起来

(1)首先我们需要检查你电脑上现有的ssh key:

$ cd ~/. ssh 检查本机的ssh密钥

如果提示:No such file or directory 说明你是第一次使用git。

(2)配置SSH-Key具体操作可参考:

廖雪峰的git教程中的远程仓库SSH Key配置

安装hexo

在自己合适的地方可以新建一个文件夹blog或者直接通过git把自己的远程仓库克隆下来。这里我是将自己的远程仓库克隆到本地,以我的kangbiying.github.io文件夹为例:

1.通过ctrl+r打开命令框,并且进入到kangbiying.github.io目录

在命令行中输入

npm install -g hexo --save

安装成功后可以通过命令框或者git bash通过输入一下命令

hexo -v 或者 $ hexo -v

查看当前安装的hexo版本等信息

2.初始化hexo

在kangbiying.github.io文件夹中,右键打开git bash命令框,输入以下命令进行hexo初始化

$ hexo init

Hexo随后会自动在目标文件夹建立网站所需要的所有文件。

目前为止,本地的hexo个人博客基本工作已经完成

3.hexo常用命令操作

在当前目录下,依次在git bash中执行以下命令

$ hexo generate(hexo g也可以)$ hexo server(hexo s也可以)

(1)hexo generate (hexo g) 生成静态文件,会在当前目录下生成一个新的叫做public的文件夹

(2)hexo server (hexo s) 启动本地web服务,用于博客的预览

当git bash命令框中提示一下命令时,

INFO Hexo is running at http://0.0.0.0:4000/. Press Ctrl+C to stop.

在浏览器中打开 http://localhost:4000/,这时可以看到Hexo已为你生成了一篇blog。

你可以按Ctrl+C 停止Server。

将本地的blog部署到远程github上

1.全局配置

需要修改kangbiying.github.io根目录下的_config.yml,可以通过sublime text等工具打开

找到最下面的deploy,修改如下,注意: 冒号后面要有空格

deploy:type: git #是git而不是githubrepository: git@github.com:kangbiying/kangbiying.github.io.git  #记得仓库地址改为你的仓库地址branch: master

然后保存

2.在kangbiying.github.io根目录下右键打开git bash,依次执行一下命令

$ hexo clean
$ hexo g
$ hexo d

(1).如果发布的时候出现错误如下

ERROR Deployer not found: git

意思就是用来发布文章的git没有安装。

windows通过ctrl+r打来命令框,在kangbiying.github.io目录处执行命令

npm install hexo-deployer-git --save

就可以解决了。

(2).出现如图好多代码说明部署成功

第一次上传可能会要求输入git 的用户名和密码

如果成功的话在浏览器输入自己搭建的的GitHub,例如我的(http://kangbiying.github.io) 就可以访问自己的博客了,把用户名换为你自己的。

hexo主题设置

这里以主题yilia为例进行说明    具体的主题配置可参考 https://github.com/litten/hexo-theme-yilia

安装主题

在根目录处右键打开git bash,执行命令

$ hexo clean
$ git clone https://github.com/litten/hexo-theme-yilia.git themes/yilia

同时修改根目录kangbiying.github.io下的_config.yml配置文件中的theme属性,将其设置为yilia。

更新主题

$ cd themes/yilia
$ git pull
$ hexo g # 生成
$ hexo s # 启动本地web服务器

现在打开http://localhost:4000/ ,会看到我们已经应用了一个新的主题。

hexo常用命令

hexo new"postName" #新建文章

hexo new page"pageName" #新建页面

hexo generate #生成静态页面至public目录

hexo server #开启预览访问端口(默认端口4000,'ctrl + c'关闭server)

hexo deploy #将.deploy目录部署到GitHub

hexo help # 查看帮助

hexo version #查看Hexo的版本

hexo应用时碰到的一些问题集锦

1.hexo博客图片问题

可参考 http://www.jianshu.com/p/c2ba9533088a

或者 hexo生成博文插入图片

或者使用图床,使用七牛云存储  (该方法我没试过)

2.Hexo的分类和标签设置

具体操作可参考  Hexo使用攻略:(四)Hexo的分类和标签设置

3.Hexo本地安装 都是默认的文件 命令运行了 访问4000端口出现cannot get?

重新 hexo init了一个新的文件夹,就可以正常预览了 可以试着下面的步骤: hexo init hexo g hexo server 然后再进入本地的4000端口查看一下~

4.hexo博客中如何删除文章

先删除本地文件,然后通过生成和部署命令进而将远程仓库中的文件也一并删除。具体来说,以最开始默认形成的helloworld.md这篇文章为例。 首先进入到source / _post 文件夹中,找到helloworld.md文件,在本地直接执行删除。然后依次执行hexo g,hexo d,再去主页查看你就会发现你的博客上面已经空空如也了

hexo 编辑博客时markdown语法介绍

可参考   Markdown语法介绍

转载于:https://www.cnblogs.com/kangby/p/6758238.html

使用github page + Hexo搭建个人博客折腾记相关推荐

  1. GitHub Pages + Hexo搭建个人博客网站,史上最全教程

    文章目录 一.准备工作 1. GitHub账号 2. 安装Git 3. 安装NodeJS 二.创建仓库 三.安装Hexo 四.更换主题 1. NexT 主题 2. Fluid主题 五.创建文章 六.个 ...

  2. github page+jekyll搭建个人博客总结

    前言 github page: github提供了一块空间让我们可以当服务器用,所以我们就利用这块空间来搭建博客,我们可以把代码放在这里面,而且他还给我们提供了一个域名(username.github ...

  3. Github部署+Hexo搭建免费博客 next主题美化

    前言 工作学习中难免会遇到一些问题,有些问题比较复杂,第一遇到了百度许久,第二次遇到了还是要百度许久!想想 倒不如遇到问题记下来写在博客上!以后好查阅.在CSDN上面看到hexo+github可以免费 ...

  4. github page + jekyllrb 搭建新博客

    github page 操作步骤:https://pages.github.com/ (1)Create a repository Head over to GitHub and create a n ...

  5. Hexo 搭建个人博客指南

    引言 人脑有限,对于同一个问题,也许当时花了许久时间解决了,然而过了一段时间,只留下一个印象,当再次需要解决时,还是需要较长时间来寻找以前的资料.因此,在这里建立个人博客,一是为了整理记录,让自己省心 ...

  6. Linux下使用 github+hexo 搭建个人博客04-next主题优化

    上篇我们说了 hexo 的优化,针对的站点的优化. 本篇讲解 next 主题的优化,包括:使用语言.前端页面显示宽度.菜单.侧栏.头像.添加或取消动画效果.打赏功能等等. 让页面排版更符合我们所要的功 ...

  7. hexo同时在github和gitcafe搭建个人博客

    说明 自己在使用hexo搭建静态博客的时候踩了许多坑,最终去官网看教程搞定了, 建议用hexo搭建个人博客的时候,最好看清教程的日期和使用的版本,这样就 不会因为版本的不同导致的问题了.建议先去hex ...

  8. GitHub+hexo搭建个人博客(2019新版超详细教程)

    GitHub+hexo搭建个人博客详细教程 原文链接 : GitHub+hexo搭建个人博客详细教程 前言 随着互联网浪潮的翻腾,国内外涌现出越来越多优秀的社交信息分享者,随之优秀的信息分享平台也越来 ...

  9. Linux下使用 github+hexo 搭建个人博客01-hexo搭建

    为什么要搭建自己的博客系统? 原因有好几个吧,归类如下: 1.自己搭建博客系统很有成就感,可以自己选定页面风格和页面排版: 2.自己搭建博客系统可以根据自己的需要添加各种插件功能,因此整体上比网上的第 ...

最新文章

  1. 《ELK Stack权威指南(第2版)》一3.8 Docker日志
  2. 赠书 | 人工智能识万物:卷积神经网络的前世今生
  3. 参考平面及其高度_GCB | 盐沼和红树林湿地类型的转变会改变亚热带湿地对于海平面上升的脆弱性么?...
  4. 基于k8s多集群隔离环境下的devops实现
  5. 非常恶俗地分享一首歌曲(童年·葫芦娃)
  6. Junit5新功能一览
  7. [css] 用css创建一个三角形,并简述原理
  8. java 单例 饿汉式_Java-单例设计模式(懒汉与饿汉)
  9. linux ntp手动授时,关于我校NTP授时服务的使用说明
  10. CentOS(rsync+crond实现定时备份)
  11. 什么是运营?与产品的关系是怎样的?
  12. Uncaught SyntaxError: Unexpected token ‘var‘
  13. 你所不知道的 CSS 阴影技巧与细节
  14. 大数据人才成了“香饽饽”
  15. JavaScript基本语法2
  16. ext3转化为ext4
  17. “囍”博物馆与Interesting 有点意思
  18. kettle-java代码执行hive相关ktr时报错: database type with plugin id [HIVE2] couldn‘t be found!
  19. 弗洛伊德的乌龟和兔子(循环检测
  20. 我觉得,我认为。。。

热门文章

  1. Shader编程学习笔记(二)—— Shader和渲染管线
  2. 观察者模式与发布/订阅模式的区别
  3. li中浮动元素span等在IE和Firefox中的高度Bug
  4. ★LeetCode(39)——组合总和(JavaScript)
  5. react: code-split
  6. 为什么在加油站上班,一个月休3天,工资2000元,却有人干?
  7. 如何在虚拟机上安装TrueNAS系统
  8. 零售的本质是什么呢?
  9. 很多创业失败的负债者
  10. 直接让web服务运行在80端不行吗,为什么要用nginx反向代理?