github搭建hexo个人博客--windows系统

标签: github hexo 博客
35人阅读 评论(0) 收藏 举报
hexo是一个基于Node.js的博客框架,我们可以用hexo既快速又方便的生成博客网页并托管在github上。以下本人实现的步骤可是详细、简单又实用,请大家认真看好了。


1.安装Git Bash


进入Git下载官网下载地址),点击下载exe文件


运行安装,一直默认点next(安装路径自行选择)


安装成功后右击桌面菜单项会多单击Git Bash Here可直接运行Git,界面如下



2.安装Node.js


(前面提到过hexo是一个基于Node.js的,我们安装hexo前要用到Node.js的npm工具)


下载地址  建议选择LTS版


运行安装,安装路径自行选择,一直默认点next,(不过要留心Custom Setup这一步,点一下Add to Path再点next这样就不用后面手动配置环境变量了~)


查看Node.js版本:在cmd命令行或Git Bash输入命令node -v查看版本号




3.安装hexo


(这里我们不用npm i -g hexo命令安装hexo,这要访问外网容易会被“墙”而是使用 淘宝NPM镜像 帮助安装)


新建一个文件夹(用来存放你用hexo搭建的blog项目,我这文件夹名为blog)


右击该文件夹,点击Git Bash进入Git输入以下命令:

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


等待一段时间下载完成后会出现 $ 开始符号,再输入命令:

cnpm i -g hexo-cli

(注意!当我们使用 淘宝NPM镜像 以后使用npm安装工具一律把npm改为cnpm,可自行百度区别两者


待安装成功后,可查看版本号确认,命令:

hexo -v


输入初始化命令:hexo init,初始化完成后你的文件夹会出现以下文件:



安装生成器

cnpm install


到这里hexo搭建好了,可以开启hexo服务测试一下,命令:

hexo s


浏览器访问http://localhost:4000/就可以看见自己博客了!



4.实现Git本地管理你的github库


打开你的Git Bash(在哪打开都一样),进行以下配置:

git config --global user.name "bettmaner"        //设置用户名

git config --global user.email "175****428@qq.com"         //设置用户邮箱


创建SSH

SSH key是Git与github之间的传输密匙,有了它每次提交文件就不需要再输入用户名和密码了。 


在Git Bash中输入:

ssh-keygen -t rsa -C "175****428@qq.com"

       这过程会需要你输入一些东西,直接按回车就行


复制ssh key命令:

clip < ~/.ssh/id_rsa.pub


将复制的ssh添加到github上:






回到Git Bsah验证你的ssh是否有效:

ssh -T git@github.com

最后一句出现你github名证明你成功了



5.将博客部署到github上

(激动人心的时刻!博客已用hexo搭建好了,现在就是要将博客放github就能让人访问到了)


创建版本库

进入你的github账号创建版本库,库名为username.github.io,其中username为你的github名称,步骤如下

   



修改hexo文件配置

此处可参考网址 https://blog.csdn.net/jzooo/article/details/46781805(“管理博客”一步)


进入你的blog文件夹,(建议用编辑器)修改根目录下的_config.yml文件



_config.yml中其它自行修改,最后一行必须这样配置(冒号后有一个英语半角空格):

deploy:
  type: git
  repo: https://github.com/bettmaner/bettmaner.github.io.git   (蓝体改为自己的github名)

  branch: master

保存


上传blog到github上

右击blog文件夹进入Git Bash,输入安装命令:

cnpm install hexo-deployer-git --save


(此安装命令能让你使用hexo deploy命令上传blog到github上)

上传命令

hexo d(即hexo deploy

第一次deploy会弹出窗口需要输入你的github账号和密码


现在就可以访问username.github.io进入你的博客了~


以后修改blog后执行hexo s或hexo d之前建议先执行这2个命令行(作用自己百度哟):

hexo clean

hexo g(即hexo generate


完!

---------------------------------------------------------------------------------------------------------------

此处感谢两个博主的教程:

零基础免费搭建个人博客-hexo+github

hexo从零开始到搭建完整

(呼~第一次写博客花了个把小时。)


查看评论

hexo+github搭建个人博客(超详细教程)

首先呢,先说一下吧,作为一个程序猿来说,大多的大牛都是使用的是msdn/github这些来交流技术,但是我后来发现csdn上面好多的大牛都已经摒弃csdn,自己搭建个人博客进行发表文章记录点滴了。 虽...
  • AinUser
  • AinUser
  • 2017-08-26 23:48:37
  • 5408

Hexo+Github搭建个人博客(一)——开始搭建

title-picture   前段时间本人利用业余时间,在网上查询各种资料,使用Hexo+Github的方式搭建起了我个人的博客——BrightLoong。相信网上已经有无数前辈写了类似的文章来记录...
  • cl534854121
  • cl534854121
  • 2017-07-26 10:17:53
  • 773

用Github Page+Hexo轻松搭建个人博客

在2018年来临之际,笔者拖延了一年多的博客终于上线了,本文基于笔者的实践经验,即使你是一个技术小白,按照本文的步骤,也可以轻松搭建自己的博客。为什么要搭建个人博客? 总结和写作能力很重要 独立的才是...
  • peterzhen40
  • peterzhen40
  • 2017-12-31 16:39:41
  • 348

通过GitHub和Hexo来搭建自己的个人博客

搭建个人博客在我大学的时候建过一次,那时候是用新浪云和Wordpress搭建的,那时候新浪云服务是免费的,后来变收费,博客就没有了。之前便想着再弄个自己的博客出来,这几天就着手弄了起来。 看到很多人...
  • u011976726
  • u011976726
  • 2017-10-12 17:24:20
  • 947

零基础免费搭建个人博客-hexo+github

使用hexo生成静态博客并架设在免费的github page平台
  • jzooo
  • jzooo
  • 2015-07-07 00:10:28
  • 38968

Linux环境下使用hexo+github搭建个人博客

前言 相当前天刷知乎,看见别人的blog的是放在github上,最近也刚学会使用github,也想尝试着将自己的blogs放在github上;昨天曾经Google查找资料,尝试着自己搭建但是无奈出现问...
  • zhang_guyuan
  • zhang_guyuan
  • 2017-08-02 12:19:24
  • 1368

手把手教你使用Hexo + Github Pages搭建个人独立博客

本文原始链接:手把手教你使用Hexo + Github Pages搭建个人独立博客 作者:令狐葱 本文基于 知识共享署名-相同方式共享 4.0 国际许可协议发布,欢迎转载,演绎或用于商业目的,但是必...
  • lzrreach
  • lzrreach
  • 2016-10-19 22:00:20
  • 5021

使用hexo+github免费搭建个人博客网站超详细教程

很多人都想搭建自己的博客,但是奈何技术有限,服务器部署,HTML,域名解析,等等,这一大堆东西可真有的折腾。但是如果有这样一个机会,不需要太复杂的操作,不要服务器,不要域名,不用写html,你愿意去尝...
  • wapchief
  • wapchief
  • 2017-01-18 16:35:21
  • 5066

hexo+github搭建免费个人博客

阅读本文应具备的知识: 了解 git 和 github 具备 markdown 语法基础知识 1.在 github 建立属于自己的 github.io 你要有一个 github 账号,并建立自己的 g...
  • weixin_38788347
  • weixin_38788347
  • 2017-10-03 13:20:14
  • 426

Windows环境下Hexo、Github搭建个人博客

Windows环境下Hexo、Github搭建个人博客 感谢github提供免费空间 带有“$”符号的是git命令 站在巨人的肩膀上 去我的Blog查看效果 环境准备 git git安装 node...
  • u011148116
  • u011148116
  • 2016-08-22 10:47:00
  • 14480
    个人资料
    等级:
    访问量: 0
    积分: 11
    排名: 0
    文章分类
    文章存档