Gitpage + hexo(3.0以上)搭建博客

大半天,一边折腾,一边查找各种文档,写出的这篇文档,不知道有没有把程序表示得足够简明,有不足之处望指明。

  1. 前提:已安装好nodeJS和git。
  2. 桌面右击进入gitbash,输入npm install -g hexo安装hexo,关闭gitbash。
  3. 在电脑中建立一个名为【hexo】的文件夹,新建的文件夹右击打开gitbash,输入hexo init 命令,命令执行完后,根据提示接着执行 npm install 命令。
  4. 运行hexo server 命令,出现running字样说明Hexo Server已经启动了,在浏览器中打开http://localhost:4000/,可以看到生成的博客,按ctrl+C可以停止server;。
  5. 新打开一个git bash命令行窗口,cd到/D/hexo下,执行 hexo new “My New Post” 命令,可以生成一篇新的文章 “My New Post”,打开http://localhost:4000/ 可以预览到新生成的文章。
  6. 执行 hexo generate命令可以将markdown文章生成静态网页,该命令执行完后,会在 D:\Hexo\public 目录下生成一系列html,css等文件。
  7. hexo new “My NewPost”会在D:\Hexo\source _posts目录下生成一个markdown文件:My-New-Post.md,可以使用一个支持markdown语法的编辑器(比如 Sublime Text 2)来编辑该文件。
  8. 部署博客到 github
  • 部署到Github前需要配置_config.yml文件,首先找到下面的内容
         Deployment
                Docs: http://hexo.io/docs/deployment.html
                deploy:
                type:
  • 然后将它们修改为
        Deployment
           Docs: http://hexo.io/docs/deployment.html
           deploy:
           type: git(新版本的hexo必须用git,不然会出错)
           repository:[email protected]:zhchnchn/zhchnchn.git(新版本用SSH不然会出错)
           branch: gh-pages
  • 执行 npm install hexo-deployer-git –save 命令(hexo3.0以上的版本必须在执行此命令后才能部署到git上)
  • 执行hexo deploy 命令部署博客到github上;
  • 部署完成后,在浏览器中打开http://zhchnchn.github.io/(https://zhchnchn.github.io/) ,正常显示网页,表明部署成功。

注意两大坑:

1、deploy不了,3.0版本以上要执行这个命令: npm install hexo-deployer-git

–save,切记!不然可能一直error

2、然后部署到git上记得修改url,不然可能发布之后有些js和css文件路径找不到!

(2017. 05. 09)

时间: 2024-10-12 12:07:35

Gitpage + hexo(3.0以上)搭建博客的相关文章

使用hexo、github Pages搭建博客

1. 安装node 如果本机已经有node,为避免安装出现问题,建议先升级到最新版.参考:https://juejin.im/post/5b9739d1e51d450e9f66ee3b 2. 安装hexo 参考:https://segmentfault.com/a/1190000017986794 里面有图床.主题.评论配置. 3. 主题配置 主题使用next的Pisces,具体可Google. 其中,原生的这个主题两边留白太多,现在很多都是宽屏,包括本人很喜欢宽屏展示.可以参考:调节next主

Github 搭建 Hexo 纯静态化个人博客平台

以前一直想搭建一个属于自己的博客平台,有余种种原因一直未能实现,最近闲来无事,参照网上的教程,搭建了属于自己的博客.自己的博客网站,样式自由,不需要受限于各大平台. 本篇为从零开始的基础篇,本篇所包含的内容如下: 安装Git 安装NodeJs 安装hexo 生成SSH并添加到github 部署项目 上传到github 绑定个人域名 修改及配置主题 添加RSS 添加评论 写文章部分 开始 由于本人的电脑在搭建博客之前就有了各种环境,但是对于没有任何基础的人来讲,我觉得还是从源头开始讲会好一点,就像

多Git账户以及Hexo搭建博客进阶

多Git账户以及Hexo搭建博客进阶 1.生成密钥 可以看到已经生成的id_rsa是0LinkSec git账户的密钥 而yof3ng的则是我准备搭建的第二个hexo的密钥 2.配置ssh config文件(ssh目录下新建config文件) #userName1 Host 0LinkSec HostName github.com PreferredAuthentications publickey IdentityFile ~/.ssh/id_rsa ? #userName2 Host yof

使用coding和hexo快速搭建博客

欢迎访问我的个人博客皮皮猪:http://www.zhsh666.xyz 今天教大家怎么用hexo快速搭建自己的博客.我不是专业人士,不懂前端知识,所以我十分讨厌那些专业术语,讲了一大堆,对于技术小白来说,就像听天书一样,云里雾里的.所以下面的内容都是我自己的理解,语言很通俗,有可能说的不那么专业,还望专业人士勿喷. 首先声明一点,刚开始搭建博客会比较麻烦,有很多东西大家可能以前没有听说过,不要怕,耐着性子一边看教程一边动手操作,你一定能够做出来的!好吧,废话不多说,现在开始! hexo hex

使用 Hexo 和 NexT 搭建博客

曾用过多个在线博客,也尝试过 org-mode ,甚至写过一个能从 POD 文档生成静态博客的小工具,但无可否认还是 Hexo+NexT 最简洁漂亮 ;-) 安装 使用 nvm 安装 Node.js curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.34.0/install.sh | sh 安装完成后,重启终端并执行下列命令即可安装 Node.js. nvm install stable 参考: 安装 Node.js 安装 Hexo

hexo零基础搭建博客系列(一)

关于其他搭建 hexo4快速搭建博客(二)更换主题 hexo4快速搭建博客(三)美化 很全面 收集很多资料 hexo4快速搭建博客(四)写作技巧包含图床和自动变图床的插件 hexo4搭建博客系列(五)优化博客(无坑) 部署到阿里云 hexo4搭建博客系列(六)百度,必应,谷歌收录(无坑) 搭建一个博客不难,但是网上资料好多坑.可能我有些会写错,请在评论指出.但是有经过测试的.我用的版本是 hexo4.0 + NexT7.6版本. 我的个人博客 有阿里云服务器就可以部署上去,没有也可以用githu

Github + Hexo 搭建博客

服务加速 brew 加速 http://blog.suconghou.cn/post/homebrew-speedup/ github加速 http://www.selfrebuild.net/2016/11/01/github-fast-host/ 零基础搭建博客 brew 安装指定版本的 nodejs http://blog.csdn.net/jonahzheng/article/details/51967438 hexo 命令创建博客 http://blog.csdn.net/jzooo/

在Windows下使用Hexo+GithubPage搭建博客的过程

1.安装Node.js 下载地址:传送门 去 node.js 官网下载相应版本,进行安装即可. 可以通过node -v的命令来测试NodeJS是否安装成功 2.安装Git 下载地址:传送门 去 Git 官网下载相应版本,进行安装即可. 选择在第二个在系统的cmd也可以使用 可以通过git –version的命令来测试git是否安装成功 3.注册Github账号 去 Github 官网进行注册即可. 注册完之后记得添加 SSH Key. 这个 SSH Key是一个认证,让github识别绑定这台机

github+hexo搭建博客

引言 之前用阿里云弹性web托管采用wordpress搭建的个人博客,经过我使用一段时间之后发现存在很多问题: 网站的响应速度非常慢,估计打开主页需要3-4s的时间,我经过搜索发现很多人都有这样的问题,所以应该不是wordpress的锅,而是阿里云弹性web托管的问题,毕竟我买的时候一年只要几百块,而且还是最便宜的经济版(内存128M+2G网页空间+4G流量+1G数据库).其实我后来才知道弹性web托管是一个啥玩意 ,和虚拟机差不多,性能非常有限.可惜我当时不知道啊,否则应该买云虚拟主机独享版的

使用Hexo搭建博客

Hexo搭建 ????Hexo是一个快速.简洁且高效的博客框架.Hexo使用 Markdown(或其他渲染引擎)解析文章,在几秒内,即可利用靓丽的主题生成静态网页.Hexo是一个采用nodejs的静态博客,类似的博客也有很多,比较有名的Jekyll,Octopress等.Hexo官网https://hexo.io/zh-cn/. ????1.按照官网教程首先安装nodejs,下载地址: http://nodejs.cn/download/ ????2.安装git,下载地址: https://gi