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

时间:2022-08-30 23:40:42

1.安装Node.js
  下载地址:传送门
  去 node.js 官网下载相应版本,进行安装即可。
  可以通过node -v的命令来测试NodeJS是否安装成功
  在Windows下使用Hexo+GithubPage搭建博客的过程

2.安装Git
  下载地址:传送门
  去 Git 官网下载相应版本,进行安装即可。
  在Windows下使用Hexo+GithubPage搭建博客的过程
  选择在第二个在系统的cmd也可以使用
  在Windows下使用Hexo+GithubPage搭建博客的过程
  在Windows下使用Hexo+GithubPage搭建博客的过程
  在Windows下使用Hexo+GithubPage搭建博客的过程
  在Windows下使用Hexo+GithubPage搭建博客的过程
  可以通过git –version的命令来测试git是否安装成功
  在Windows下使用Hexo+GithubPage搭建博客的过程

3.注册Github账号
  去 Github 官网进行注册即可。
  注册完之后记得添加 SSH Key。
  这个 SSH Key是一个认证,让github识别绑定这台机器,允许这台机器提交。执行如下命令:

cd ~/. ssh

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

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

ssh-keygen -t rsa -C "85268837@qq.com"

  记得修改成你自己邮箱地址。

  成功后会生成两个文件id_rsa 以及id_rsa.pub。如图,
  在Windows下使用Hexo+GithubPage搭建博客的过程
5.添加SSH Key到github
  这两个文件在刚才用户的.ssh目录下
  在Windows下使用Hexo+GithubPage搭建博客的过程
  之后在github添加SSH Key,在任意界面右上角,点击你的头像,选择Settings-> SSH keys->New SSH key
  在Windows下使用Hexo+GithubPage搭建博客的过程
  添加成功!

6.搭建博客

  安装Hexo

  在本地新建一个Blog文件夹,文件右键,选择Git Bash。
  在Windows下使用Hexo+GithubPage搭建博客的过程
  输入指令安装hexo:

npm install -g hexo 

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

  等安装完毕,通过输入hexo的命令来测试Hexo是否安装成功,成功如下图展示:
  在Windows下使用Hexo+GithubPage搭建博客的过程
  接着初始化Hexo:

hexo init hexo

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

  初始化成功会显示Start blogging with Hexo!
  在Windows下使用Hexo+GithubPage搭建博客的过程
  这时在你刚才创建的Blog里面会多出一个hexo文件
  在Windows下使用Hexo+GithubPage搭建博客的过程
  进入到hexo目录,输入指令npm install,安装依赖文件以及部署形成文件
  打开hexo目录

cd hexo

  安装依赖文件

npm install

  部署形成文件

hexo generate

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

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

hexo server

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

  这时提示Hexo is running at http://loalhost:4000/.
  接着我们打开浏览器,输入http://localhost:4000/便可看到默认的博客,如图。
在Windows下使用Hexo+GithubPage搭建博客的过程
  到这里,hexo已经安装完毕。

7.配置githubPage

  登录Github,点击”New repository”,新建一个版本库
  输入仓库名:你的Github名称.github.io。然后点击Create repository。
  在Windows下使用Hexo+GithubPage搭建博客的过程
  注意:这边的创建名字,一定要用的github的用户名,不然显示不出来,因为githubPage只能你的用户名。
  启用GitHub Page
  点击右边的“Setting”菜单进入设置,点击”Launch automatic page generator”
  在Windows下使用Hexo+GithubPage搭建博客的过程
  进入之后点击底部的”Continue to layouts”

  在Windows下使用Hexo+GithubPage搭建博客的过程
  之后选择一个随意模版,点击”Publish page”,发布github默认生成的一个静态站点
  在Windows下使用Hexo+GithubPage搭建博客的过程
  试着打开自己在github的静态网址,你会发现,打开是你自己刚才选择静态站点模版。

8.将本地hexo项目托管到Github

  打开修改hexo目录下配置文件_config.yml。
  在Windows下使用Hexo+GithubPage搭建博客的过程
  编辑最后面的deploy属性,加入代码:

type: git
repository: git@github.com:c237878/c237878.github.io.git
branch: master

  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: @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有可能不同,.x以后应使用git,具体参看官方文档
repository: git@github.com:username/username.github.io.git #git仓库地址,替换成你的username即可,其他保持不变,后面会提到如何创建git仓库
branch: master

  根据自己需要修改!

  安装hexo-deployer-git插件

npm install hexo-deployer-git --save

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

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

hexo clean
hexo generator #简写 hexo g
hexo deploy #简写 hexo d

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

  在Windows下使用Hexo+GithubPage搭建博客的过程
  在Windows下使用Hexo+GithubPage搭建博客的过程
  最后看下,部署到github上的效果!
  在Windows下使用Hexo+GithubPage搭建博客的过程

  好了,以上安装Windows下使用Hexo+GithubPage搭建博客.


参考文章:

http://duduzai.github.io/2016/03/22/first-hexo/
http://www.v2ex.com/t/175940

在Windows下使用Hexo+GithubPage搭建博客的过程的更多相关文章

  1. windows下安装hexo和生成博客

    首先在电脑上安装node和git,这个只要在相关官网的下载然后一步安装即可. 然后在你的电脑上新建一个文件夹,用来存放你的博客文件,比如创建hexo 进入该文件,右键打开git bash 安装hexo ...

  2. Hexo快速搭建博客

    1. 准备工作 ~ 安装node.js -> npm -> hexo-cli ~ 安装git -> 版本控制工具 2. 更换npm(nodejs package manager)源 ...

  3. hexo+github搭建博客跳坑

    hexo+GitHub搭建博客过程中,hexo安装成功,可以启动和运行,但是访问localhost:4000却无法访问,弄了半天,最后发现是福昕阅读器占用了4000端口 解决办法: 采用命令hexo ...

  4. [windows篇] 使用Hexo建立个人博客,自定义域名https加密,搜索引擎google,baidu,360收录

    为了更好的阅读体验,欢迎阅读原文.原文链接在此. [windows篇] 使用Hexo建立个人博客,自定义域名https加密,搜索引擎google,baidu,360收录 Part 2: Using G ...

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

    快速.简洁且高效的博客框架 有位大神说,喜欢写博客的人的人,折腾博客会经历三个阶段.找到一个免费空间,搭建一个博客,很欣喜,很有成就感,此为一阶段:受限免费空间各种限制,自己买空间和域名,实现对博客的 ...

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

    # 前言 你了解[Hexo]( https://hexo.io/zh-cn/ "Hexo官网")吗? Hexo是一个静态博客框架,基于Node.js,将Markdown文章通过渲染 ...

  7. Hexo+Github搭建博客

    要使用Hexo,需要在你的系统中支持Nodejs以及Git,如果还没有,那就开始安装吧! 安装Node.js 下载Node.js 参考地址:安装Node.js 安装Git 下载地址:http://gi ...

  8. GitHub+Hexo+gulp搭建博客网站

    一.前期准备 1.注册GitHub账号. 不做说明 2.创建仓库 创建一个新的仓库来放置我们的文件. 3.下载安装Node.js https://nodejs.org/en/   两个版本,选择右边那 ...

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

    欢迎访问我的个人博客皮皮猪:http://www.zhsh666.xyz 今天教大家怎么用hexo快速搭建自己的博客.我不是专业人士,不懂前端知识,所以我十分讨厌那些专业术语,讲了一大堆,对于技术小白 ...

随机推荐

  1. spring mvc文件上传和下载

    首先要导入2个包(上传文件包和io的包)

  2. namenode 和datanode无法启动,错误:FSNamesystem initialization failed. datanode.DataNode: Incompatible namespaceIDs

    问题一: namenode无法启动,查看日志,错误信息如下: org.apache.hadoop.hdfs.server.namenode.FSNamesystem: FSNamesystem ini ...

  3. boost编译批处理脚本

    ------------buildboost.bat-------------- @REM Used to build boost lib.@REM by Rock Wang @transoft 20 ...

  4. 6个WordPress备份插件

    毫无疑问,为了保证网站的数据安全,经常备份是非常有必要的,当然手动备份比较麻烦,所以很多时候我们会使用WordPress的备份插件.Jackie Hole的<6 Top WordPress Ba ...

  5. hdu2159二维费用背包

    题目连接 背包九讲----二维费用背包 问题 二维费用的背包问题是指:对于每件物品,具有两种不同的费用:选择这件物品必须同时付出这两种代价:对于每种代价都有一个可付出的最大值(背包容量).问怎样选择物 ...

  6. 微信公众平台设置URL和Token接收接口事件推送

    最近做对接微信闪开发票-微信发票名片,里面有个接收用户提交抬头接口是微信推送事件到公众号后台,该事件将发送至开发者填写的URL(登录公众平台进入[开发者中心设置]). 开发者可通过事件推送完成数据统计 ...

  7. 什么是 Message Queue

    Message Queue 是一种非同步的从一个服务到另一个服务的交流形式, 被用于无服务器架构和微服务架构中. Messages 被储存在一个队列中直到被处理了或被删除. 每个Messages只会被 ...

  8. BZOJ3378&colon;&lbrack;USACO&rsqb;MooFest 狂欢节&lpar;树状数组&rpar;

    Description 每一年,约翰的N(1≤N≤20000)只奶牛参加奶牛狂欢节.这是一个全世界奶牛都参加的大联欢.狂欢节包括很多有趣的活动,比如干草堆叠大赛.跳牛栏大赛,奶牛之间有时还相互扎屁股取 ...

  9. &lbrack; 9&period;24 &rsqb;CF每日一题系列—— 468A构造递推

    Description: 1 - n个数问你能否经过加减乘除这些运算n -1次的操作得到24 Solutrion: 一开始想暴力递推,发现n的范围太大直接否决,也否决了我的跑dfs,后来就像肯定有个递 ...

  10. tomcat启动&lpar;五&rpar;Catalina分析-service&period;init

    上篇写到StandardService.init() 这个方法做什么呢?一起来看看. 这个类也是实现了Lifecycle 如图.这个图中i表示Interface接口.如Lifecycle,Contai ...