安装Node.js  
下载地址:  https://nodejs.org/en/
去 NodeJs 官网下载相应版本,进行安装即可。 
可以通过node -v的命令来测试NodeJS是否安装成功 

  1. 安装Git 
    下载地址:https://git-scm.com/
    去 Git 官网下载相应版本,进行安装即可。 
     
    我选择在第二个在系统的cmd也可以使用 
     
     
     
     
    可以通过git –version的命令来测试git是否安装成功 
  2. 注册Github账号 
    去 Github 官网进行注册即可。 
    注册完之后记得添加 SSH Key。 
    这个 SSH Key是一个认证,让github识别绑定这台机器,允许这台机器提交。执行如下命令:
cd ~/. ssh
  • 1

 
~这个符号,表示在用户目录下 
执行代码如果提示:No such file or directory 说明你是第一次使用git。 
下面就说下怎么配置SSH Key。 
生产新的SSH Key配置 
在Git Bash执行代码:

 ssh-keygen -t rsa -C "你的GitHub账户"
  • 1

记得修改成你自己邮箱地址。 
成功后会生成两个文件id_rsa 以及id_rsa.pub。如图, 
 
添加SSH Key到github 
这俩个文章在刚才用户的.ssh目录下 
 
之后在github添加SSH Key,在任意界面右上角,点击你的头像,选择Settings-> SSH keys->New SSH key 
 
添加成功!

搭建博客

  1. 安装Hexo 
    在本地新建一个Blog文件夹,文件右键,选择Git Bash。 
     
    输入指令安装hexo: 
    npm install -g hexo 
     
    等安装完毕,通过输入hexo的命令来测试Hexo是否安装成功,成功如下图展示: 
     
    接着初始化Hexo: 
    hexo init hexo 
     
    初始化成功会显示Start blogging with Hexo! 

    这时在你刚才创建的Blog里面会多出一个hexo文件 
     
    进入到hexo目录,输入指令npm install,安装依赖文件以及部署形成文件 
    打开hexo目录
 cd hexo
  • 1

安装依赖文件

npm install
  • 1

部署形成文件

hexo generate
  • 1

 
最后剩下运行server 
跑起hexo服务

hexo server
  • 1

 
这时提示Hexo is running at http://loalhost:4000/. 
接着我们打开浏览器,输入http://localhost:4000/便可看到默认的博客,如图。 

到这里,hexo已经安装完毕。

配置githubPage

登录Github,点击”New repository”,新建一个版本库 
输入仓库名:你的Github名称.github.io。然后点击Create repository。 
 
注意:这边的创建名字,一定要用的github的用户名,不然显示不出来,因为githubPage只能你的用户名。 
启用GitHub Page 
点击右边的“Setting”菜单进入设置,点击”Launch automatic page generator” 
 
进入之后点击底部的”Continue to layouts” 
之后选择一个随意模版,点击”Publish page”,发布github默认生成的一个静态站点 

试着打开自己在github的静态网址,我的http://wx-jin.github.io,你会发现,打开是你自己刚才选择静态站点模版。

将本地hexo项目托管到Github

打开修改hexo目录下配置文件_config.yml。 
 
编辑最后面的deploy属性,加入代码:

  type: git   repository: git@github.com:WX-JIN/WX-JIN.github.io.git   branch: master 
  • 1
  • 2
  • 3

type使用是git。 
repository属性改成你的刚才创建仓库git地址。 
分支branch填写master。

这边说下本地网站配置文件 _config.yml

网站的配置文件,你可以在这里配置一些基本信息,这里列举部分关键配置:

# Hexo Configuration ## Docs: https://hexo.io/docs/configuration.html ## Source: https://github.com/hexojs/hexo/  # Site title: Dududzai’s Blog #网站的标题 subtitle: life is struggle #副标题 description: life is struggle #描述 author: examble #作者信息 avatar: /images/avatar.png #头像,图片位置在相应主题目录下的images language: zh-Hans #中文简体 email: 85268837@qq.com timezone:  # Extensions ## Plugins: https://hexo.io/plugins/ ## Themes: https://hexo.io/themes/ theme: next #配置主题,这里使用next主题 stylus:   compress: true #自适应布局  # Deployment ## Docs: https://hexo.io/docs/deployment.html deploy:   type: git #部署环境,基于hexo+githubpage,所以这里使用git。注意:不同版本的hexo,type有可能不同,3.x以后应使用git,具体参看官方文档   repository: git@github.com:username/username.github.io.git #git仓库地址,替换成你的username即可,其他保持不变,后面会提到如何创建git仓库   branch: master
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27

根据自己需要修改! 
安装hexo-deployer-git插件

cnpm install hexo-deployer-git --save
  • 1

部署你本地的主题到github上 
代码如下,每次修改本地主题,都需要执行以下代码

hexo clean hexo generator #简写 hexo g hexo deploy #简写 hexo d
  • 1
  • 2
  • 3

 
 
 
最后看下,部署到github上的效果! 

http://www.aisun.org/

Windows下使用Hexo+GithubPage搭建博客相关推荐

  1. Win10环境下基于Hexo的静态博客环境搭建,及其阿里云部署

    引言 1.为什么要搭建自己的个人博客 工作和学习过程中,我们经常遇到一些这样或那样的问题,此时我们可能会在网上找到相应的解决方法.但是过了一段时间之后,当我们再次碰到类似的问题时,早已忘记以前是怎么解 ...

  2. Hexo+NexT(零):最全Hexo+Next搭建博客教程

    欢迎访问博主博客www.guide2it.com 快速.简洁且高效的博客框架 有位大神说,喜欢写博客的人的人,折腾博客会经历三个阶段.找到一个免费空间,搭建一个博客,很欣喜,很有成就感,此为一阶段:受 ...

  3. hexo+github搭建博客(超级详细版,精细入微)

    转载此文章前,请先联系作者,经作者同意后再转载,并请注明原文链接和作者,整理这些不容易,最终版权归作者所有,谢谢合作!移步我的个人博客:https://yafine-blog.cn,阅读体验更佳 前言 ...

  4. 利用Hexo+github搭建博客,零成本、无需域名、服务器

    之前的博客是用wordpress搭建在阿里云的一台虚拟机上,由于出了个意外,造成我在上面写的文章全部丢失了,虽然不多,但是也都是心血.吸取教训我打算换种方式搭建博客,分析了目前比较流行的博客框架gho ...

  5. win10系统用hexo+GitHub搭建博客遇到的坑

    1.repo配置报错 网上很多搭建博客经验分享帖中repo配置写入的是HTTPS(形如:https://.github.com/ /. github. io. git格式).win10系统运行会报错. ...

  6. Hexo+GitHub搭建博客

    拾柒的博客 Hexo美化: Hexo博客优化之Next主题美化 hexo的next主题个性化教程:打造炫酷网站 hexo页脚添加访客人数和总访问量 Hexo搭建的博客如何给文章分类(next主题) 文 ...

  7. 使用coding和hexo快速搭建博客

    更多精彩内容欢迎访问我的个人博客皮皮猪:http://www.zhsh666.xyz或者http://www.zh66.club期待您的光临哦!我是皮皮猪,感谢各位光临,能为您排忧解难小站深感荣幸!祝 ...

  8. 新版本Hexo+next搭建博客的注意事项(更新中)

    目录 显示文章的更新时间 代码高亮和代码块样式 代码高亮 代码块样式 Wanted 创建时间:2021.3.16 经过这两天搭建博客的经历,发现新版NexT主题已经内嵌了很多功能,可以参看NexT主页 ...

  9. hexo + next搭建博客

    使用hexo和next主题搭建GitHub博客 安装node.js 在node.js 官网下载, 相应系统位数的软件包. 可以选择LTS长期支持版, 或者Current当前版本. 我这里选择的是Win ...

最新文章

  1. 剑指offer:面试题06. 从尾到头打印链表
  2. 如何检查文件是否是python中的目录或常规文件? [重复]
  3. java五子棋悔棋代码_小猿圈前端编写JS五子棋游戏
  4. ASP.NET 2.0防止同一用户同时登陆【转】
  5. android 子module混淆_Android 矢量图详解
  6. Sring3MVC页面无刷新上传文件
  7. Django开发基础----操作数据库
  8. 设计模式——享元模式具体解释
  9. ios 通过kvc修改属性会触发kvo_iOS开发-KVC和KVO的理解
  10. 解决pandas读取parquet报错ImportError:Unable to find a usable engine;tried using: ‘pyarrow‘, ‘fastparquet‘
  11. ubuntu上安装python3.7教程_ubuntu中安装Python3.7
  12. RedHat 5.6_x86_64 + ASM + RAW+ Oracle 10g RAC (二)
  13. 产品读书《大败局 I》 《大败局II》
  14. 人件札记:软件开发的管理思想
  15. 计算2+4+6...+100的值 python_Python100例核心知识,你知道多少
  16. Vue + Element 前端调用后端接口获取微信支付二维码和支付宝支付二维码
  17. wps页眉显示一级标题_wps页眉(WPS页眉设置为章节标题)
  18. arg min什么意思
  19. echarts饼图label文字颜色
  20. 【你好,windows】Win10 x64 1709 X64企业G纯净版2019.7.28

热门文章

  1. 不忘初心牢记使命文化墙励志标语墙贴
  2. PHP中获取字符串的长度
  3. 伸展树(二) - C++实现
  4. 寒假大一2.15考试
  5. 初级中学计算机知识,计算机基础知识(初级中学级教学方案课程教案).doc
  6. 如何修改第三方DLL文件名
  7. Android开发—三种动画实现原理及使用
  8. 绘制一只奥特曼DIY
  9. 续航超1000km,极氪成为宁德时代麒麟电池全球量产首发品牌 | 美通社头条
  10. 发声 | 再访《Scratch少儿趣味编程》系列图书作者阿部和广访谈问题有奖征集...