在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识别绑定这台机器,允许这台机器提交。执行如下命令:

cd ~/. ssh

  

  ~这个符号,表示在用户目录下

  执行代码如果提示: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。如图,

  

5.添加SSH Key到github

  这两个文件在刚才用户的.ssh目录下

  

  之后在github添加SSH Key,在任意界面右上角,点击你的头像,选择Settings-> SSH keys->New SSH key

  

  添加成功!

6.搭建博客

  安装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

  安装依赖文件

npm install

  部署形成文件

hexo generate

  

  最后剩下运行server

  跑起hexo服务

hexo server

  

  这时提示Hexo is running at http://loalhost:4000/.

  接着我们打开浏览器,输入http://localhost:4000/便可看到默认的博客,如图。

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

7.配置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的静态网址,你会发现,打开是你自己刚才选择静态站点模版。

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

  打开修改hexo目录下配置文件_config.yml。

  

  编辑最后面的deploy属性,加入代码:

type: git
repository: [email protected]: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: 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: [email protected]:username/username.github.io.git #git仓库地址,替换成你的username即可,其他保持不变,后面会提到如何创建git仓库
  branch: master

  根据自己需要修改!

  安装hexo-deployer-git插件

npm install hexo-deployer-git --save

  

  部署你本地的主题到github上

  代码如下,每次修改本地主题,都需要执行以下代码

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

  

  

  

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

  

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



参考文章:

http://duduzai.github.io/2016/03/22/first-hexo/

http://www.v2ex.com/t/175940

时间: 2024-12-15 01:45:43

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

windows下安装hexo和生成博客

首先在电脑上安装node和git,这个只要在相关官网的下载然后一步安装即可. 然后在你的电脑上新建一个文件夹,用来存放你的博客文件,比如创建hexo 进入该文件,右键打开git bash 安装hexo的命令: 输入 hexo -v 出现一系列的版本号就是安装成功 生成博客 hexo会将这个文件夹初始化成一个博客专用文件夹,初始化完成后,会有一个默认主题以及一个hello-word的默认文章. 可以先生成博客来看一下效果,运行命令: 然后hexo会开始生成博客,生成结束后,要浏览它,所以要开启一下

Hexo快速搭建博客

1. 准备工作 ~ 安装node.js -> npm -> hexo-cli ~ 安装git -> 版本控制工具 2. 更换npm(nodejs package manager)源 npm config set registry http://registry.npm.taobao.org/ 3. 安装hexo-cli npm install -g hexo-cli 4. 使用hexo搭建博客 hexo init blog -> 创建博客目录 cd blog -> 进入目录

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

快速.简洁且高效的博客框架 有位大神说,喜欢写博客的人的人,折腾博客会经历三个阶段.找到一个免费空间,搭建一个博客,很欣喜,很有成就感,此为一阶段:受限免费空间各种限制,自己买空间和域名,实现对博客的完全控制,此为二阶段:管理网站太累,只想安安静静码文字,管理网站这种琐事,交给专业的人士去打理吧,此为博客人生的最高阶段. 对于我这种完美控的人,既入了坑,自然是要直达最高阶段了.所以,现在我主机在手,域名也有,网站基本框架建好,一下子实现了少操心,多码字的幸福生活.不过,总觉得过程如白驹过隙,太短

使用coding和hexo快速搭建博客

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

Hexo+Github搭建博客

作者:桂. 时间:2017-06-10  08:08:04 链接:http://www.cnblogs.com/xingshansi/p/6974267.html 前言 开会开了整整一周,刚下火车回来.打算记录自己看的电影.书籍,记录一些感性的文字,这类信息对公式.排版要求比较简单,想着自己搭建一个基本型博客. 一.环境及软件 A-环境 windows8.1系统 64位 B-软件 1-Node.js 类似javascript,网页制作三件套:html(内容)+CSS(结构布局)+JS(javas

hexo+github搭建博客常见问题

1.加ssh验证 2.git要设置在cmd里面可以用的,虽然最后还是在git bash里面打开git deploy 3.git deploy报错了,删掉目录下的.deploy文件 4.注意改那个易错的配置文件 5.hexo clean hexo g hexo d 6.顺带一句,shift加右键在当前目录下调cmd 7.鄙人要去别的博客了,再会 8.参考这个一下,虽然也有点小bug,但已经很全了, https://xuanwo.org/2015/03/26/hexo-intor/ 9.上不了goo

hexo快速搭建博客平台

hexo 相关文档 Hexo 是一个快速.简洁且高效的博客框架,其使用 Markdown(或其他渲染引擎)解析文章,短短几秒内,即可利用靓丽的主题生成静态网页. 安装hexo $ npm install -g hexo 构建项目 在相应的目录文件下初始化hexo init 文件自动生成相关默认文件 执行相关命令: $ hexo generate #生成静态页面至public目录下 (简写: hexo g) $ hexo server #开启预览访问端口(默认端口是4000,"ctrl + c&q

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

为了更好的阅读体验,欢迎阅读原文.原文链接在此. Part 2: Using Github Pages and Hexo to manage personal blogs on windows. Series Part 1: Using Github Pages and Hexo to manage personal blogs on Ubuntu. Part 2: Using Github Pages and Hexo to manage personal blogs on windows.

Hexo 使用中搭建博客过程中遇到的坑

(node:1172) [DEP0061] DeprecationWarning: fs.SyncWriteStream is deprecated. INFO Start processingFATAL Something's wrong. Maybe you can find the solution here: http://hexo.io/docs/troubleshooting.htmlTemplate render error: (unknown path) [Line 21, Co