`
xiaomiya
  • 浏览: 127252 次
  • 性别: Icon_minigender_2
  • 来自: 杭州
社区版块
存档分类
最新评论

搭建hexo博客并部署到github上

阅读更多

这几天一直在想用什么来搭建自己的博客。无意中接触到hexo

hexo是由Node.js驱动的一款快速、简单且功能强大的博客框架,支持多线程,数百篇文章只需几秒即可生成。支持markdown编写文章,可以方便的生成静态网页托管在github上。

感觉不错。

前端人员都在用github分享自己的代码。所以想着用hexo部署到git上。搞一个自己的博客。

1,安装hexo

安装hexo前:

        安装Git

        下载 msysgit 并执行即可完成安装。

        安装node.js

       在 Windows 环境下安装 Node.js 非常简单,仅须下载安装文件并执行即可完成安装。

安装hexo:

利用 npm 命令即可安装。(在任意位置点击鼠标右键,选择Git bash

npm install -g hexo

 

创建hexo文件夹:

安装完成后,在你喜爱的文件夹下(如H:\hexo),执行以下指令(在H:\hexo内点击鼠标右键,选择Git bash),Hexo 即会自动在目标文件夹建立网站所需要的所有文件。

hexo init

 

安装依赖包

npm install

 

启动本地服务

现在我们已经搭建起本地的hexo博客了,执行以下命令(在H:\hexo),然后到浏览器输入localhost:4000看看。

hexo generate
hexo server

 

好了,至此,本地博客已经搭建起来了,只是本地哦。别人是看不到了,

下面我们讲博客部署到github上面。

 

注册Github帐号。

已有就跳过。

这里的就不用介绍了。

创建repository

登录github后,将鼠标点击github右上角“+”号,在下拉菜单上,选择“New repository”项,将跳到如下页面,填写库名称,勾选“Initialize this repository with a README”,点击“create repository”,即可完成创建库。

 

 

部署

编辑_config.yml(在H:\hexo下)。你在部署时,要把下面的zippera都换成你的账号名。

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

 

执行下列指令即可完成部署。

hexo generate
hexo deploy

 注意:有些新用户需要设置 ssh,否则上述命令会失败。ssh 的介绍和设置方法请看官方教程,不用担心,很简单。

记住:每次修改本地文件后,需要hexo generate才能保存。每次使用命令时,都要在H:\hexo目录下。

Okay,我们的博客已经完全搭建起来了,在浏览器访问zippera.github.io就能看到你的成就了!

还有一点,有一些用户在hexo deploy之后会有个这个提示



 

那么我们要输入我们在git上验证的邮箱



 

如这样。再次hexo deploy

就发布上去了。

就可以看到我们就成就了。。。

bugs

  1. 有网友反应右键菜单中没有git bash选项,可以进入开始菜单找到git bash,然后通过cd进入相应目录执行命令。
  2. 在github部署完成之后,马上访问可能出现404错误,这是正常的,(最多)等待十分钟左右就可以访问了。如果还不行,那很可能是 github 发送给你的验证邮件你没有打开看,据多方反映,验证后就没问题了。
  3. 如果在hexo d之后出现fatal: 'username.github.io' does not appear to be a git repository,一是检查 repo 的名字是否合乎规范、是否含有大写字母、config.yml 中的 deploy 配置是否正确,二是把 git bash 关掉,重新打开再执行命令。
  4. 有的同学可能不是 IT 界的,或者对shell 命令不太了解。在要求输入密码时,你输入之后密码是不显示的,这是为了安全,并非是你没输上。
  5. 出现乱码的,不要使用 windows 中的「记事本」打开并编辑文件,推荐使用 sublime text,很简单。如果已经在「记事本」中编辑过,需要使用 sublime text 转码为「utf8」。
  6. 安装 hexo 时卡在那儿不动,很可能是网络不给力,能全局 break wall 就好了。
  7. 遇到什么其他的问题,不妨删除.deploy 和db.json 再重新生成试一试。

 

tips

hexo现在支持更加简单的命令格式了,比如:

hexo g == hexo generate

hexo d == hexo deploy

hexo s == hexo server

hexo n == hexo new

 

 

  • 大小: 27 KB
  • 大小: 13.6 KB
  • 大小: 8.5 KB
1
1
分享到:
评论

相关推荐

    搭建Hexo博客+部署到Github

    安装 Git二、安装Hexo三、运行测试Hexo1、常用命令2、运行博客四、将Hexo博客部署到Github上1、创建Github仓库2、推送到服务器 以下操作均在windows10 64位 系统下演示 一、准备工作(安装Node.js 和 Git) 1、...

    个人博客系统-前后端,基于hexo搭建

    个人博客系统,可自定义模版

    zhoushirong.github.io:个人博客,hexo,zhoushirong.github.io

    安装、搭建hexo环境 npm install hexo-cli hexo init npm install || yarn install npm run server 如果有不明白的可以参考官网 发布准备 npm install hexo-deployer-git --save 要发布需要安装此模块,不然发布不了...

    blog-hexo-matery:使用Hexo搭建博客,并使用了matery主题

    部署到Github上所需;2、Hexo初始化在D盘新建一个Hexo目录,并在里面执行如下命令:hexo initnpm install3、下载matery模板下载后,解压,将文件hexo-theme-matery-master移动到Hexo的themes目录下(D:\Hexo\themes...

    xiyoung.github.io:我的博客网站由Hexo和Next开发,部署在Github Pages中

    借用和搭建的个人博客,这是我部署在Github Pages上的仓库,如果想要部署到本地,

    网站搭建+wordpress和hexo github详细版教程(一)适合小白

    适合想搭建博客的小白,或者拥有自己的网站

    mingdaa.github.io:友子博客

    hexo d #部署到github # 可与hexo g合并为 hexo d -g 环境准备 安装Node 官网下载相应平台的最新版本,一路安装即可。 可参考 安装Git 下载地址: 下载下来设置一下环境变量即可,Git_HOME,%Git_HOME%\bin之类的。 ...

    My-Blog:基于Hexo搭建的静态博客

    My Personal Blog基于Hexo搭建的个人博客,并部署在了github上博客地址使用Travis CI自动构建

    leopardpan.github.io:个人博客,看效果进入

    是一个简洁的博客模板,响应式主题, ... : 使用 HEXO 基于 Github Page 搭建个人博客, 教程里面累计了大量提问和评论,如果你在搭建博客时遇到问题,可以看看这个教程。安装Jekyll , 如果你已经安装过了 Jekyll,

    fldpmapngblog:fldpmpang的个人博客

    FLDPMpang 的个人博客网站地址网站地址(国内)网站部署仓库(Gitee)网站部署仓库(Github)网站架构基于博客框架,使用Fluid博客主题搭建部署在码云 Gitee和Github安装与使用使用 Hexo 搭建博客(上)-建站,配置与部署使用 ...

    150149.github.io:个人主页

    :使用基于HEXO的Github Page构建个人博客,教程里面逐步引发的问题和评论,如果你在搭建博客时遇到问题,可以看看这个教程。 安装Jekyll ,如果你已经安装过了Jekyll,可以忽略此处。 $ gem install je

    wazer1987.github.io

    wazer1987.github.io 王正的博客 本项目基于 修改了一个 matery 主题网站的...运行命令hexo clean(清除生成文件),hexo g(生成网页), hexo s(本地预览),hexo d(部署),详细教程可参考 Hexo 官方网站: 因为本

    nolevo.github.io:不是很专业的博客

    本人博客项目分页博客搭建过程使用git,hexo等工具,themes我用的是NexT主题最后通过travis来部署持续构建,免费的不用白不用。完美!2020.4.30在freenom新申请了一个免费域名,重新部署到github page话说现在github ...

    3分钟搭建属于自己的技术文档WIKI

    可以部署于主机、VPS、Github、静态云存储(例如阿里云 OSS)。 官网:[https://docsify.js.org/#/](https://docsify.js.org/#/) docsify 是一个动态生成文档网站的工具。不同于 GitBook、Hexo 的地方是它不会生成...

    blog:m-smilexu.github.io博客的源代码

    Hexo 搭建个人博客 安装全局环境 npm install hexo-cli -g 初始化项目 hexo init project && cd project 安装项目环境 npm install 启动 hexo server 新建页面 hexo new [layout] <title> 生成静态文件 hexo ...

    abc881858.github.io

    但是就像很多教程里面写的那样,搭建 Hexo 本地环境,需要安装 Node.js、Git 以及使用 npm 进行安装和配置。这对于毫无经验的新手来说,是一个很大的挑战。同时,由于这些环境的存在,导致如果需要更换计算机的时候...

    charming-c.github.io

    博客仓库 基于hexo和gitpage 搭建的个人博客网站的源代码仓库 本地迁移 将本仓库的hexo分支clone到本地就可以了 记得每次更新博客都要把本地的新加文件推到分支上 ...hexo g + hexo d将新建博客部署到网站中

    基于SpringBoot+SpringCloud+Mybatis主流框架搭建的分布式敏捷开发系统架构+源代码+文档说明

    技术博客项目(使用HEXO主题模版,仿DD样式) > mi-config 分布式统一配置管理中心,可解决多环境多项目配置 > mi-api 接口总线服务,提供eureka注册中心。其他模块需暴露API接口可参考此案例或者在自己子项目...

    docsify——一个神奇的文档站点生成器

    这将非常实用,如果只是需要快速的搭建一个小型的文档网站,或者不想因为生成的一堆 .html 文件“污染” commit 记录,只需要创建一个 index.html 就可以开始写文档而且直接部署在 GitHub Pages。 官网网址 ...

Global site tag (gtag.js) - Google Analytics