注意 本文主要针对Windows平台和Hexo 3.x

准备工作

下载Git

[下载地址] Git官网

下载Node.js

[下载地址] node.js官网

32位或64位按自己电脑的系统来选择,如果不清楚,可以直接在官网下载32位的,可以兼容64位系统

安装软件

分别安装git和node.js安装包,一路下一步即可。

配置git

配置本机上git的全局用户名和密码

安装完Git以后,双击桌面的“Git Bash" 图标,输入以下命令:

$ git config --global user.name "Your Name"
$ git config --global user.email "email@example.com"

其中的用户名和邮箱以自己的来代替即可

创建本机的SSH Key

输入一下命令,你需要把邮件地址换成你自己的邮件地址,然后一路回车,使用默认值即可

$ ssh-keygen -t rsa -C "youremail@example.com"

如果一切顺利的话,可以在用户主目录里找到.ssh目录,里面有id_rsa和id_rsa.pub两个文件,这两个就是SSH Key的秘钥对,id_rsa是私钥,不能泄露出去,id_rsa.pub是公钥,可以放心地告诉任何人。

配置github

在github上注册一个自己的账号,注册过程就不详细说了。注册完以后登录github ,点击右上角自己头像右边的小箭头,选择“Settings-SSH and GPG keys”

然后,点击页面右边的“Add SSH Key”,填上任意Title,在Key文本框里粘贴刚刚获得到的id_rsa.pub文件的内容,id_rsa.pub用记事本打开就好。

接下来创建自己的仓库,点击“New repository”

填写仓库的名称,名称请按xx.github.io的格式填写,xx为自己的用户名,填写完成后点击创建即可。

仓库创建完成后的页面如下,到这里git的配置算基本完成了,接下来要配置一下Hexo。

配置Hexo

在自己电脑上新建一个空的文件夹,我这里是在e盘下新建了一个Blog文件件,然后右键选择“Git Bash Here"打开git,输入一下命令

$ npm install -g hexo-cli

如果发现没反应则应该是被墙了,则先安装淘宝镜像,命令如下

$ npm install -g cnpm --registry=https://registry.npm.taobao.org

然后输入安装命令

$ cnpm install -g hexo-cli

出现的WARN可以不用理会,继续输入以下命令

$ cnpm install hexo --save

安装完成后,输入“hexo -v"查看是否安装正确,接下来在Blog文件夹下输入一下命令初始化hexo

$ hexo init

输入一下命令安装生成器

$ cnpm install

安装完成以后输入一下命令打开hexo服务,就可以在浏览器下输入localhost:4000,就可以在本地看到你的个人博客了

$ hexo s

配置上传博客到github上

打开blog根目录下的_config.yml配置文件,修改一下配置,public_dir项修改成与之前建立的仓库名称一致,修改完后保存

在命令行中输入以下命令,生成hexo博客的静态文件

$ hexo g

这时候会发现blog目录下多了一个与仓库名称同名的文件夹,里面存放的就是刚刚生成的网页文件,接下来的任务就是把这些静态文件上传到github上去

命令行进入到该文件夹,然后输入以下命令初始化工作区

$ git init

输入以下命令将静态文件添加的版本库的缓存区

$ git add --all

输入以下命令将更改提交到版本库,双引号中的内容为自己的更改说明,可按自己情况填写

$ git commit -m "git tracks changes"

上传博客到github上

打开刚才在github上建立的仓库,复制ssh的地址

在Git命令行窗口中输入以下命令,添加远程库,后面的那串git@....git字符串替换为自己刚才复制的ssh地址

$ git remote add origin git@github.com:michaelliao/learngit.git

最后输入以下命令,将本地的版本库推送到github上的远程库

$ git push -u origin master

第一次推送按以上的输,以后的推送只要输入一下命令即可

$ git push origin master

查看github上的仓库里,是不是已经有了刚才推送的文件,这时候浏览器打开自己的git.io地址,就可以看到自己的博客已经搭建起来啦!

如何新建文章

在blog目录下打开git命令行窗口,输入一下命令,双引号中的内容替换成文章题目

$ hexo new "title"

然后在blog——source——_post目录下就可以看到自己新建的.md文件了,用编辑工具编写文章,然后重复以上步骤添加到版本库,推送到远程版本库即可。

本教程完

github+Hexo快速搭建个人博客的更多相关文章

  1. 使用Hexo快速搭建一个博客,并部署到github

    本文旨在记录一下我在通过hexo搭建一个博客,并将其部署在github上面的过程,也供我自己在以后的使用过程中能够快速学习和参考.需要看更详细或者官方文档的可以点击Hexo官方文档进行查看. 安装前提 ...

  2. 使用 Github 和 Hexo 快速搭建个人博客

    导语 个人兴趣爱好特别广泛,喜欢捣鼓各种小东西自娱自乐.虽然都没能深入研究,但是自己的“孩子”还是很想拿出来遛遛得人一句夸奖的.所以刚学 Markdown 的时候很是有想过要搭个个人博客来玩玩,一来激 ...

  3. 使用Hexo和Github Pages快速搭建个人博客

    在编程路上,每天都在网上查看别人的博客,大牛的文章写得通俗易懂,同时博客网站也非常华丽.作为出入编程的一枚小白也想拥有这样一个自己的网站.那就立马去买一个域名了,在网上找教程来搭建. 搭建的过程还算比 ...

  4. 2019基于Hexo快速搭建个人博客,打造一个炫酷博客(1)-奥怪的小栈

    本文转载于:奥怪的小栈 这篇文章告诉你如何在2019快速上手搭建一个像我一样的博客:基于HEXO+Github搭建.并完成SEO优化,打造一个炫酷博客. 本站基于HEXO+Github搭建.所以你需要 ...

  5. 【原】Github+Hexo+NextT搭建个人博客

    摘要 GitHub 是一个开源项目的托管网站,相信很多人都听过.在上面有很多高质量的项目代码,我们也可以把自己的项目代码托管到GitHub,与朋友们共享交流.GitHub Pages 是Github为 ...

  6. 【原】Github+Hexo+NextT搭建个人博客【1】

    该系列博客列表请访问:http://www.cnblogs.com/penglei-it/category/934299.html 摘要 GitHub 是一个开源项目的托管网站,相信很多人都听过.在上 ...

  7. Hexo快速搭建静态博客并实现远程VPS自动部署

    这篇文章将如何搭建hexo,以及如何通过git webhooks实现远程vps的自动部署 这篇文件适合的条件: 简单的用于个人博客.公司博客展示,hexo的定位是静态博客,要实现动态服务器的功能并不适 ...

  8. 利用GitHub Pages + jekyll快速搭建个人博客

    前言 想搭建自己博客很久了(虽然搭了也不见得能产出多频繁). 最初萌生想写自己博客的想法,想象中,是自己一行一行码出来的成品,对众多快速构建+模板式搭建不屑一顾,也是那段时间给闲的,从前后端选型.数据 ...

  9. Hexo&Github-Pages搭建个人博客

    some基础知识 hexo hexo是一款基于Node.js的静态博客框架 github-pages说明 github有两种主页,一种是github-page(个人主页),一种是项目主页,本教程针对个 ...

随机推荐

  1. MediaInfo源代码分析 4:Inform()函数

    我们来看一下MediaInfo中的Inform()函数的内部调用过程 首先Inform()函数封装了MediaInfo_Internal类中的Inform()函数 //返回文件信息 String Me ...

  2. uboot中的mmc命令

    一:mmc的命令例如以下: 1:对mmc读操作 mmc read addr blk# cnt 2:对mmc写操作 mmc write addr blk# cnt 3:对mmc擦除操作 mmc eras ...

  3. Android 开发中 iBeacon的使用

    iBeacon的工作原理是基于Bluetooth Low Energy(BLE)低功耗蓝牙传输技术,iBeacon基站不断向四周发送蓝牙信号,当智能设备进入设定区域时,就能够收到信号.只要满足iBea ...

  4. css考核点整理(八)-在什么情况下通过img引入图片,什么情况用背景图引入?背景属性有哪些

    在什么情况下通过img引入图片,什么情况用背景图引入?背景属性有哪些

  5. 原创翻译:iOS 应用程序 蓝牙后台运行

    默认情况下,普通的CoreBluetooth 任务中的大多数,无论是Central还是peripheral ,在后台或者挂起状况下都是无法进行的.也就是说,你可以通过宣布你的应用程序支持后台处理模式来 ...

  6. 21、javascript 基础

    Javascript Javascript 是一种嵌入到HTML文档的脚本语言,由浏览器解释和执行,无需编译. Javascript 是大小写敏感的,大写字母与小写字母不同. 使用“:”分号来分割每一 ...

  7. 很好用的Tab标签切换功能,延迟Tab切换。

    一个网页,Tab标签的切换是常见的功能,但我发现很少有前端工程师在做该功能的时候,会为用户多想想,如果你觉得鼠标hover到标签上,然后切换到相应的内容,就那么简单的话,你将是一个不合格的前端工程师啊 ...

  8. SQLServer 触发器----增删改触发,两张表

    ALTER TRIGGER [dbo].[PriceRange]   ON  [dbo].[Tab_SaleAndCarStyle]   for update,insert,deleteASdecla ...

  9. iOS GCD多线程介绍

    GCD:是纯C语言写的,是苹果公司为多核的并行运算提出的解决方案. GCD的两个核心概念: - 任务 - 队列 将任务添加到队列中 GCD会自动将队列中的任务取出,放到对应的线程中执行 任务的取出遵循 ...

  10. ILMerge合并程序

    在DOS窗口中,进入到ILMerge的安装目录 中 如图所示,之后写合并代码, 使用命令进行捆绑,以如图为例,将CSkin.dll和MyTool.exe捆绑成一个新的newtool.exe文件./ou ...