利用hexo和github建立个人博客 适合小白的~


因为我自己用的是window 7系统,所以下面的教程是针对window系统的 首先需要准备的有

安装Git

作用:把本地的hexo提交到github上面去;

一路点击“Next”就好了

在这里选择对应的window选项

安装Node.js

Node也是一样简单,也是一路“Next”就好,然后就等待安装完成

接下来就要验证软件是否正确的安装了

在运行里面输入“cmd”

然后输入如图所示的命令,如果结果和图中的不一样,就要卸载软件重新的安装

?

git --version
node -v
npm -v

申请Github

点击-》Github官网 注册一个账号,然后点击"setting"验证邮箱

选择Free

然后点击“New repository”,新建一个仓库,存放你的博客

输入Respository name:yourname.github.io(yourname是你的github的名字,然后这个就是博客的域名了)

## 启用Github page

进入你创建的仓库,点击"setting"进入设置==>点击"Launch automaic page generator"==>点击底部的"Continue to layouts"

最后点击"Publish page",发布github默认生成的静态站点

安装Hexo

hexo是基于node.js的静态博客,其官网也是搭建在github上的

  1. 在电脑新建一个文件夹,该文件夹存放你的博客文件,然后右键点击选择“Git Bash”,如建立一个blog文件夹。
  2. 然后输入命令”npm intall -g hexo“

    有时候可能会被”墙“,可使用淘宝镜像安装,若以上正常不用执行这一步。

    安装完成后,输入命令hexo -v验证是否正常安装

初始化hexo

输入hexo init

安装插件

输入npm install hexo-deployer-git --save

生成静态页面

输入hexo generate(hexo g也可以),生成静态页面到public目录下

预览

输入hexo s,开启本地预览(hexo s -g是预览并生成静态页面)

打开浏览器输入localhost:4000,就可以看到激动人心的一幕了!!,这是你的个人博客

然后在Git中ctrk+c 停止预览

这个时候,我们建的博客只是可以在本地预览,我们要让它变成在浏览器地址栏输入一行URL就可以访问的那种,听起来好像很厉害的样子?哈哈

这个时候就要轮到我们的github出场了,我们把博客部署在刚刚在github建的仓库里面,怎么部署呢?

首先我们需要添加S-S Key密钥到github上面,来让我们的电脑跟github建立连接,这样我们才能把博客部署到git上

我用的是TortoiseGit关于TortoiseGit的安装包找度娘就有了,然后打开其中的

Puttygen.exe生成密钥,点击Generate按钮

1、然后复制密钥(后面要在github中添加密钥),然后点击Save privete key按钮,选择一个地址保存。

2、双击TortoiseGit目录下的Pageant.ext使用密钥,导航栏出现图标,双击它。

3、点击Add key按钮,打开之前保存的密钥文件,关闭窗口。

如果不想下载TortoiseGit,也可以利用Git命令来生成秘钥参考链接

配置Github

1、登录Github,点击Setting.

2、点击Add SSH key,添加密钥信息。把之前复制的密钥黏贴在其中,title可以随便写,然后点击保存。

配置博客信息

配置好密钥后,我们就可以把博客部署到github上啦,编辑blog/_config.yml文件

#博客名称
title: 我的博客
#副标题
subtitle: 一天进步一点
#简介
description: 记录生活点滴
#博客作者
author: lxq
#博客语言
language: zh-CN
#时区
timezone:

#博客地址,与申请的GitHub一致
url: http://elfwalk.github.io
root: /
#博客链接格式
permalink: :year/:month/:day/:title/
permalink_defaults:

source_dir: source
public_dir: public
tag_dir: tags
archive_dir: archives
category_dir: categories
code_dir: downloads/code
i18n_dir: :lang
skip_render:

new_post_name: :title.md # File name of new posts
default_layout: post
titlecase: false # Transform title into titlecase
external_link: true # Open external links in new tab
filename_case: 0
render_drafts: false
post_asset_folder: false
relative_link: false
future: true
highlight:
  enable: true
  line_number: true
  auto_detect: true
  tab_replace:

default_category: uncategorized
category_map:
tag_map:

#日期格式
date_format: YYYY-MM-DD
time_format: HH:mm:ss

#分页,每页文章数量
per_page: 10
pagination_dir: page

#博客主题
theme: landscape

#发布设置
deploy:
  type: git
  #elfwalk改为你的github用户名
  repository: https://github.com/elfwalk/elfwalk.github.io.git
  branch: maste

配置好_config.yml并保存后,输入一下的命令部署到github上。

$hexo g           //生成静态页面
$hexo d           //部署到github

第二个命令中,会让你输入密码和账户名,跟你在github上的一致。 在浏览器中访问yourname.github.io(yourname是你的git用户名)就可以看到自己的博客了。

哈哈,到了这个时候,我们的博客已经大功告成了,是不是瞬间觉得自己超厉害的~

总结

一些常用命令:

hexo new"postName" #新建文章

hexo new page"pageName" #新建页面

hexo generate #生成静态页面至public目录

hexo server #开启预览访问端口(默认端口4000,‘ctrl + c‘关闭server)

hexo deploy #将.deploy目录部署到GitHub

hexo help # 查看帮助

hexo version #查看Hexo的版本

每次部署的步骤,按以下三步:

hexo clean

hexo generate(hexo g)

hexo deploy(hexo d)

博客的文章建议利用Markdown语法来写

参考:地址

时间: 2024-10-21 22:04:39

利用hexo和github建立个人博客 适合小白的~的相关文章

记自己利用hexo和github搭建个人博客的过程

--------------------------------------可能我书写的方式跟别人顺序不一样,但这是我的成功经验-------------------------------------- 1.先看成果---小小易的个人博客 2.工具+版本 npm 3.10.8 git Shell 3.开始 1),先从简单的开始: 先去github里创建一个repository;如图; 创建后的页面 ![image](D:\blog\source\hexoImg/2017-04-25_00260

使用hexo和github搭建个人博客网站

使用hexo+github可以免费.快速地搭建一个静态博客网站,并且使用hexo提供的命令以及git自身的功能可以很便捷地管理博客. 使用github部署静态页面 在了解hexo之前,我们先看看如何使用github部署静态页面. 注册github账号 访问github官网注册一个账号,该流程和一般网站注册账号一样,在此不赘述. 创建一个git仓库 其他项如果需要可以自主填写,这里只填写仓库名,点击Create repository创建仓库. 提交一个测试页面 执行git clone命令将仓库克隆

Hexo和github搭建个人博客 - 朱晨

GitHub账号 mac/pc 环境 12 node.jsgit 创建GitHub仓库 登陆GitHub,创建一个新的Respository Repository name叫做{username}.github.io {username}代表你的GitHub用户名,Repository name一点要叫这个 绑定域名 待定 绑定ssh秘钥 设置git用户名和邮箱 12 git config --global user.name "liuxianan"git config --globa

使用hexo、github Pages搭建博客

1. 安装node 如果本机已经有node,为避免安装出现问题,建议先升级到最新版.参考:https://juejin.im/post/5b9739d1e51d450e9f66ee3b 2. 安装hexo 参考:https://segmentfault.com/a/1190000017986794 里面有图床.主题.评论配置. 3. 主题配置 主题使用next的Pisces,具体可Google. 其中,原生的这个主题两边留白太多,现在很多都是宽屏,包括本人很喜欢宽屏展示.可以参考:调节next主

利用hexo+github创建个人博客

因为想拥有一个独属于自己的个人博客啊. 安装部署hexo 进入一个安全的目录,cd ~/Desktop 在 GitHub 上新建一个空 repo,repo 名称是「你的GitHub用户名.github.io」 安装 Hexo $ npm install -g hexo-cli $ hexo init myBlog $ cd myBlog $ npm I $ hexo new这时会看到一个 md 文件的路径 $ vi _config.yml编辑网站配置 把第 6 行的 title 改成你想要的名字

《Hexo+github搭建个人博客》

<Hexo+github搭建个人博客> 文/冯皓林 完稿:2016.4.22-2016.4.23 注意:本节教程只针对Windows用户.本教程由无人赞助,赞助写出. <Hexo+github搭建个人博客>1 思维导图总览:2 What?2 简介:2 Hexo:2 NodeJs2 Github4 Git5 Github page:5 Markdown6 How?7 环境配置:7 安装Git8 安装Node.js9 安装hexo13 第一步:打开cmd.13 第二步:进入NodeJS

windows下hexo+github搭建个人博客

网上利用hexo搭建博客的教程非常多,大部分内容都大同小异,选择一篇合适的参考,跟着一步一步来即可. 但是,很多博客由于发布时间较为久远等问题,其中某些操作在现在已不再适用,从而导致类似于我这样的小白在搭建过程中困难重重. 因此在我这第一篇博客中,主要记录我搭建时参考的两篇博客中出现问题的地方(网上很多的博客都会导致这些问题,因此如果你在搭建过程中遇到困难的话,不妨来这里找一下答案) 参考的两篇博客 这里附上两篇博客的链接: windows下Hexo博客搭建过程 关于HEXO安装失败的解决方法

使用 Github + Hexo 从 0 搭建一个博客

最近有几位同学在公众号后台留言问我的博客站是怎么建站的,思来想去,还是写一篇从 0 开始吧. 前置准备 我们先聊一下前置准备,可能很多同学一听说要自己搭一个博客系统,直接就望而却步.不得有台服务器么,不得搞个数据库么,不需要域名备案么?当然,这些确实是建立一个博客站点需要的东西,如果都没有,问题倒是也不大. 首先,Github 为我们做出了巨大的贡献,直接帮我们解决服务器和域名问题,当然,在国内访问 Github 可能会有些慢,但是国内有 Gitee 啊,完全不逊色 Github 的好不好. 博

使用Node.js+Hexo+Github搭建个人博客(续)

一.写在前面 在我的上一篇博客<使用Nodejs+Hexo+Github搭建个人博客>中,已经介绍了如何使用 Hexo 在 Github Pages 上搭建一个简单的个人博客.该篇博文将在上篇博文的基础上分别从以下几个方面做简单的后续介绍: 博客相关配置介绍 博客主题 Yilia 配置介绍 如何制作并配置网站缩略图 如何将博客同步到 Github.Coding 中 如何使用 Git 同步 Github 与 Coding 的代码 如何申请域名并作域名解析 如何将域名绑定至 Github.Codi